vBulletin: оформляем красиво цитаты в сообщениях

[alagor]

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/