vBulletin: оформляем красиво цитаты в сообщениях
Вот как можно оформить цитирование на форуме:
Цитата: Сообщение от alagor
просто текст для проверки как выглядит цитирование...
Если нравится - делаем следующее:
В админке открываем Управление стилями -> Основная таблица CSS -> в самом низу
Дополнительные определения CSS -> в нижнее пустое окно вставляем код:
PHP код:
.quotee {
background: #e1e4f2;
border: 1px solid #a0a0a0;
color: #4e4e49;
margin: 20px 0 10px 20px;
min-height: 35px;
padding: 18px 30px 7px;
position: relative;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
border-radius:8px;
}
.quotee div.head {
background: url("http://forum.vika-plus.ru/images/buttons/quotel.png") no-repeat scroll left top transparent;
height: 39px;
left: -13px;
padding-left: 31px;
position: absolute;
top: -16px;
}
.quotee div.head > div {
background: url("http://forum.vika-plus.ru/images/buttons/quoter.png") no-repeat scroll right top transparent;
height: 32px;
padding-right: 10px;
}
.quotee div.head > div > div {
background: url("http://forum.vika-plus.ru/images/buttons/quotec.png") repeat-x scroll left top transparent;
color: #FFFFFF;
font-size: 12px;
height: 32px;
line-height: 24px;
text-shadow: 1px 1px #000000;
}
Затем открываем шаблон
bbcode_quote и замещаем код который там находится следующим:
PHP код:
<div class="quotee">
<div class="head">
<div>
<div><b>$vbphrase[quote]: <if condition="$show['username']"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></if></b></div>
</div>
</div>
<div style="font-style:italic">$message</div>
<div class="clear"></div>
</div>
Заливаем на сервер в папку /images/buttons/ файлы quotel.png, quoter.png и quotec.png (
скачать можно тут)
Если все сделали правильно, то цитаты будут выглядеть как в начале топа данного сообщения.
Идея отсюда:
http://pcvector.ru/