1. Скачиваем файлы для квадратной цитаты
ВОТ ОТСЮДА. Заливаем папки misc и buttons в папки своего стиля (если у Вас стиль по умолчанию, то обе папки скидываем в папку images.
2. Находим шаблон
bbcode_quote в своем стиле и заменяем его содержимое на:
PHP код:
<div <if condition="$show['iewidthfix']"></if>">
<div style="padding-left:20px;">
<div class="bbcode_container">
<div class="bbcode_quote">
<div>
<div class="tl">
<div class="tr">
<div class="bord_top"></div>
</div>
</div>
</div>
<div class="btbtbt">
<div class="quote_container">
<div class="bbcode_quote_container"></div>
<div class="bbcode_postedby">
<if condition="$show['username']">
<img title="Цитата" src="$stylevar[imgdir_button]/quote_icon.png" alt="Цитата">
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost-right.png" border="0" alt="$vbphrase[view_post]" /></a>
</if>
</div>
<div class="message">$message</div>
</div>
<else />
$message
</if>
</div>
<div class="bl">
<div class="br"><div class="bord_top2"></div></div>
<div class="bord_botom"></div>
</div>
</div>
</div>
</div>
</div>
Сохраняем изменения.
3. Зайти в опцию "
Все опции стиля" (админка - Стили и шаблоны - Управление стилями. В выпадающем меню нужного стиля выбрать Все опции стиля и нажать Вперед). Опускаемся в самый низ и в окно "
Дополнительные определения CSS" (обычно там два окошка стиля, добавляем во второе) вот это CSS:
Код:
.quote_container {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
div.bbcode_quote div.message {
padding:8px 0px;
}
.bbcode_container {
margin-right: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-top: 5px;
display: block;
}
.bbcode_container div.bbcode_quote {
margin-top: 0pt;
margin-right: 10px;
margin-left: 10px;
background-color: #f2f6f8;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
position: relative;
top: 0pt;
}
.bbcode_quote_container {
background-color: transparent;
background-image: url("images/misc/quote-left.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left center;
display: block;
width: 9px;
height: 13px;
position: absolute;
left: -8px;
}
.bbcode_postedby {
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
}
.bbcode_container div.bbcode_quote div.message {
padding-top: 8px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
}
.tl{
background:url(images/misc/tl_grey.gif) no-repeat left;
height: 10px;
}
.tr{
background:url(images/misc/tr_grey.gif) no-repeat right;
height: 10px;
}
.bl{
background:url(images/misc/bl_grey.gif) no-repeat left bottom;
height: 10px;
}
.br{
background:url(images/misc/br_grey.gif) no-repeat right bottom;
height: 10px;
}
.btbtbt {
border-left:solid 1px;
border-right:solid 1px;
border-color: #417394;
}
.bord_top {
border-top: 1px solid;
border-color:#417394;
margin-left: 10px;
margin-right: 10px;
border-color: #417394;
}
.bord_botom {
border-bottom: 1px solid;
border-color:#417394;
margin-left: 10px;
margin-right: 10px;
}
.bord_top2 {
border-left:1px solid;
border-right: 1px solid;
border-color: #417394;
}
Сохраняем изменения.
Все.
Источник