Как обещал выкладываю верстку Code and Quote , которую нарисовал KDES .
PSD вы можете скачать перейдя Скачать PSD.
В архиве находится мануал, но чтобы тема была более развернутая кину сюда порядок установки.
1. Файловый менеджер.
Загружаем папку designs_6 на свой сайт. Это картинки , которые использовались в верстки
2. Немного JQuery.
Заходим в Общий вид страниц форума и после тега $BODY$ вставляем
Код
<script type="text/javascript">
$(".bbCodeName").html('Code <span class="codeNameicon"></span>');
$(".bbQuoteName").html('Цитата <span class="quoteNameicon"></span>');
</script>
Небойтесь нечего страшного данный JS код не несет
3. Добавление CSS
Заходим в CSS если у вас стилизован code и Quote то удалите прежднюю стилизацию и добавьте в самый низ
Код
.bbQuoteBlock {background:#fff;border:1px solid #62ac6d;}
.bbQuoteName {border-bottom:1px solid #62ac6d !important;padding:0px 5px;background:url(/designs_6/Quote_title.png)repeat-x;height:23px;color:#fff;text-shadow:1px 1px 0px #589b63;font-size:11px !important;line-height:20px;font-weight:normal !important;}
.quoteMessage {border:none !important;border-left:2px solid #62ac6d !important; padding:4px;margin-left:2px;margin-top:1px;margin-bottom:1px;color:#666666;}
.quoteNameicon {background:url(/designs_6/quote_img.png)no-repeat left 3px;display:block;width:21px;height:23px;float:right;}
.bbCodeBlock {background:#fff;border:1px solid #b26262;}
.codeNameicon {background:url(/designs_6/codeIcon.png)no-repeat left 3px;display:block;width:16px;height:23px;float:right;}
.bbCodeName {border-bottom:1px solid #b26262 !important;padding:0px 5px;background:url(/designs_6/codeTbg.png)repeat-x;height:23px;color:#fff;text-shadow:1px 1px 0px #9b5858;font-size:11px !important;line-height:20px;font-weight:normal !important;}
.codeMessage {border:none !important;border-left:2px solid #b26262 !important; padding:4px;margin-left:2px;margin-top:1px;margin-bottom:1px;color:#666666;}
P.S ссылка на архив Скачать Архив
Автор верстки Draw
