При использовании би-би кодов Цитата и Код по умолчанию, выводится подсказка над цитируемым текстом и кодом на английском языке в виде Quote и Code, да и выглядит это все довольно убого
Вот что мы имеем в дефолтном состоянии
Зрелище не очень приятное, да и хочется чтобы эти надписи были на русском.
Для изменения стандартных подсказок нам нужно прописать скрипт, который внесет требуемые изменения
Код
<?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
$(".bbQuoteBlock").each(function(){
var alink = $(this).find('.qName').text();
if($(this).find('.qName').size()=='0'){$(this).find('.bbQuoteName').html('<div style="font-size:12px; font-family:georgia; text-align:left; color:#005B9A; margin-bottom:5px;"><b>Цитата:</b></div>')}
else if($(this).find('.qName').size()=='1'){$(this).find('.bbQuoteName').html('<div style="font-size:12px; font-family:georgia; text-align:left; color:#005B9A; margin-bottom:5px;"><b>Цитирую <a style="color:#8C8984;" href="/index/8-0-'+alink+'">'+alink+'</b></a>:</div>')}
};);
$(".bbCodeBlock").each(function(){
var alink = $(this).find('.cName').text();
if($(this).find('.cName').size()=='0'){$(this).find('.bbCodeName').html('<div style="font-size:12px; font-family:georgia; text-align:left; color:#005B9A; margin-bottom:5px;">Код:</div>')}
};);
</script><?endif?>
Вставлять его нужно прямо после кода $BODY$ в шаблон Общий вид страниц форума
В готовом виде это будем смотреться так как на этом форуме. Но если вам нужно изменить оформление, то разберем участки кода, отвечающие за внешний вид
Код
<div style="font-size:12px; font-family:georgia; text-align:left; color:#005B9A; margin-bottom:5px;"><b>Цитата:</b></div>
font-size:12px - размер шрифта. Для изменения размера изменить выделенное синим
font-family:georgia шрифт. Для изменения шрифта изменить выделенное
text-align:left позиция надписи-подсказки. В данном случае слева.
color:#005B9A цвет шрифта. Выделенное изменяем на свое
margin-bottom:5px отступ от нижнего края
Если нужно облагородить подобным образом цитаты и код в материалах на сайте, то вам нужно проделать следующее:
В шаблоне Вид материалов и в шаблон материала и комментария к нему нужного модуля вставить следующий код
Код
<script type="text/javascript">
$(".bbQuoteBlock").each(function(){
var alink = $(this).find('.qName').text();
if($(this).find('.qName').size()=='0'){$(this).find('.bbQuoteName').html('<div style="font-size:12px; font-family:georgia; text-align:left; color:#005B9A; margin-bottom:3px;">Цитата:</div>')}
};);
$(".bbCodeBlock").each(function(){
var alink = $(this).find('.cName').text();
if($(this).find('.cName').size()=='0'){$(this).find('.bbCodeName').html('<div style="font-size:12px; font-family:georgia; text-align:left; color:#005B9A; margin-bottom:3px;">Код:</div>')}
};);
</script>
Прописывать в конец кода перед закрывающими тегами (для вида материалов)
Код
</script> - это конец нашего скрипта
</div>
</td></tr></table> - а это самый низ кода вида материалов
Для шаблона материала и комментария
Код
Комментарии ($COMMENTS_NUM$)</a><?endif?> - конец кода комментариев
<script type="text/javascript"> - начало нашего скрипта
В случае с материалами мы просто не прописываем условие внутренних страниц форума. И не ставим цитирование пользователя
А теперь смотрим что получилось в итоге
Все сообщения написанные ранее и все материалы изменятся после вставки скрипта
А теперь перейдем к полному оформлению элементов