Оформление цитат и текста

Jocelyn Palacios пишет:Здравствуйте!

Подскажите пожалуйста возможно ли изменить оформив тканью окно цитат и ответа?  Увы, не знаю, как правильно сделать это.

В данный момент оно такое:



Хочу сделать вот такое:

Код:

background-image: url('ссылка на фоновую картинку');

Da Vinchi пишет:
В CSS надо найти блок начинающийся с quote и в нем добавить фоновое изображение вот таким методом

Код:

background-image: url('ссылка на фоновую картинку');

Если это окажется для Вас просто то в следующем посте расскажу как добавить закругления углов дабы все походило на то, что есть в скрине.

Da Vinchi пишет:
В CSS надо найти блок начинающийся с quote и в нем добавить фоновое изображение вот таким методом.

Jocelyn Palacios пишет:Здравствуйте! Da Vinchi,  
Именно Блока "quote" нет. В коде я его не нашла. Даже через поиск такого слова нет.

Da Vinchi пишет:

Код:

background-image: url('ссылка на фоновую картинку');

Если это окажется для Вас просто то в следующем посте расскажу как добавить закругления углов дабы все походило на то, что есть в скрине

Alexandr Martynov пишет:Посмотрите темы https://help.forum2x2.ru/t34983-topic (для ознакомления - Вашей версии форума нет) и https://help.forum2x2.ru/t32513-topic (все версии)

Код:

.quote { .......
}

Alexandr Martynov пишет:Добавить вообще-то. Покажите мне часть кода

Код:

.quote { .......
}

в фигурных скобках.

Jocelyn Palacios пишет:Какую именно его чать?

Alexandr Martynov пишет:
Между скобками всё, что есть

Код:

table][tr][td]/* оформление цитаты, кода, спойлера */
.codebox {
 display:block;
 border: 1px solid #EEEBDC; /* контур */
 margin: 10px;
 padding: 0 10px 0 20px;
 background: #FFFEEE url('http://i56.servimg.com/u/f56/15/82/36/69/noteye10.gif') repeat;  /* фоновое изображение */
 -moz-box-shadow: 1px 1px 0 #cfc9b7; /* тень */  
  -webkit-box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 box-shadow: 1px 1px 0 #CFC9B7;  /* тень */
 font-size: 12px !important;  /* размер шрифта */
 line-height: 21px;
 font-family: arial, helvetica, sans-serif !important;  
  font-style: italic !important; /* курсив */  
  color: #696765; /* цвет текста */  
  position: relative;
}

/* оформление цитаты, кода, спойлера - внутренний блок */
.codebox dd, .codebox dt {
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 4px double #F3B3A9 !important; /* двойная черта слева */
 font-size: 12px !important;  /* размер шрифта */
 padding-left: 15px;  
  background-color: transparent !important; /* прозрачный фон */
 line-height: 21px;
}

/* заголовок цитаты, кода, спойлера */
.codebox dt, .codebox dt span {
font-weight: bold !important;
color: #F00 !important; /* цвет заголовков */
font-size: 12px !important;  /* размер шрифта */
}

/* содержимое спойлера */
.spoiler_content {
background-color: transparent !important; /* прозрачный фон */
border: none !important;
font-size: 12px !important;  /* размер шрифта */
color: #444;
display: block;
line-height: 21px;
padding: 0;
}[/td]
[/tr]
[/table]

Код:

.quote {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

border-color: rgb(0, 255, 0) !important;
}

Alexandr Martynov пишет:Нету у вас. Добавляйте ниже. 

Код:

.quote {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

border-color: rgb(0, 255, 0) !important;
}

Код:

[table][tr][td]
/td][/tr]
[/table]

Alexandr Martynov пишет:А зачем вы это

Код:

[table][tr][td]
/td][/tr]
[/table]

вставили в таблицу?

Код:

.quote {
border-bottom-left-radius: 10px; /левый нижний угол
border-bottom-right-radius: 10px; /правый нижний угол
border-top-left-radius: 10px; /верхний левый угол
border-top-right-radius: 10px; /правый верхний

border-color: rgb(0, 255, 0) !important;
}

Jocelyn Palacios пишет:В самый низ?

Код:

[table][tr][td]
/td][/tr]
[/table]

Alexandr Martynov пишет:

Код:

.quote {
border-bottom-left-radius: 10px; /левый нижний угол
border-bottom-right-radius: 10px; /правый нижний угол
border-top-left-radius: 10px; /верхний левый угол
border-top-right-radius: 10px; /правый верхний

border-color: rgb(0, 255, 0) !important;
}

10px; - это радиус угла. Можно менять, желательно одинаково.

Код:

.quote {border-radius: 0 10px 0 10px;}

Смех пишет:Все браузеры давно поддерживают сокращенную запись. Можно для каждой стороны отдельно не отписывать.

Alexandr Martynov пишет:
Ну это если все углы одинаково закруглить. А если нужна импровизация, то для каждого угла отдельно нужно прописывать. Я придерживаюсь полного кода.

Код:

.quote {border-radius: 0 10px 0 10px;}