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

Поделиться1Пт, 13 Май 2011 16:35:24

Автор: Элли911
Заслуженный
Зарегистрирован: Пт, 11 Мар 2011
Сообщений: 17
Уважение: 0
Позитив: 0
Последний визит:
Сб, 20 Авг 2011 14:20:00

Появился еще один вопрос по оформлению. Не могли бы вы подсказать, каким скриптом оформляется цитата и код, как на скринах:
http://i.pixs.ru/storage/9/9/0/skrinchi … 187990.jpg
http://i2.pixs.ru/storage/9/7/6/skrinch … 187976.jpg

Адрес форума, с которого были сделаны скрины: http://dreams.mybb.by/
Адрес моего форума: http://primecity.mybb.ru/

Заранее благодарю!

0

Поделиться2Пт, 13 Май 2011 23:32:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Вчера 21:57:05

:glasses:
Может так ?(цвет сами подправите

<style type="text/css">
.punbb .post-content .quote-box{
padding: 1em!important;
border-bottom-left-radius: 12px!important;
border-bottom-right-radius: 12px!important;
border-top-left-radius: 12px!important;
border-top-right-radius: 12px!important;
border:solid 2px #E5C4E5;
.punbb .post-content .quote-box blockquote p{margin:-20 12px 0 12px;}

}
.punbb .post-content .quote-box p{
padding-left:13px!important;
margin-top: 12px!important;
padding:13px 0!important;
width:90%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}
</style>

0

Поделиться3Сб, 14 Май 2011 11:38:41

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

А можно и немного проще:

Код:

<style type="text/css">
.punbb .quote-box, .punbb .code-box {
  background-color: #e9e6d9;
  color: #000;
  border-style: none !important;
  pading: 1em !important;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
}
</style>

+1

Поделиться4Вс, 15 Май 2011 00:25:30

Автор: Элли911
Заслуженный
Зарегистрирован: Пт, 11 Мар 2011
Сообщений: 17
Уважение: 0
Позитив: 0
Последний визит:
Сб, 20 Авг 2011 14:20:00

Замечательно! Огромное спасибо! Но, тем не менее есть еще один вопрос) А как сделать тень около рамки, как вот на этом скрине:
http://i2.pixs.ru/storage/5/3/3/skrinjp … 194533.jpg

Это не жизненно важно, но все-таки, я была бы очень признательна, если бы вы смогли мне помочь.

0

Поделиться5Вс, 15 Май 2011 00:30:35

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Код:

<style type="text/css">
.punbb .quote-box, .punbb .code-box {
  background-color: #e9e6d9;
  color: #000;
  border-style: none !important;
  pading: 1em !important;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0 5px 18px #000;
  -webkit-box-shadow: 0 5px 18px #000;
  -khtml-box-shadow: 0 5px 18px #000;
  -moz-box-shadow: 0 5px 18px #000;
}
</style>

0

Поделиться6Вс, 15 Май 2011 15:32:22

Автор: Элли911
Заслуженный
Зарегистрирован: Пт, 11 Мар 2011
Сообщений: 17
Уважение: 0
Позитив: 0
Последний визит:
Сб, 20 Авг 2011 14:20:00

благодарствую)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе