"С миру по нитке..." Форум

"С миру по нитке..." Форум (http://forum.vika-plus.ru/index.php)
-   Hard & Soft (http://forum.vika-plus.ru/forumdisplay.php?f=57)
-   -   vBulletin: оформляем красиво цитаты в сообщениях (http://forum.vika-plus.ru/showthread.php?t=1142)

alagor 29.03.2015 04:11

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

Вот как можно оформить цитирование на форуме:
Цитата:

Сообщение от alagor (Сообщение 11066)
просто текст для проверки как выглядит цитирование...

Если нравится - делаем следующее:

В админке открываем Управление стилями -> Основная таблица 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/


Часовой пояс GMT +5, время: 08:57.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot