бесплатные списки прокси
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
форум webanet » Помоги себе сам компьютеры и интернет » uCoz решение проблем » Как заменить надписи Quote и Code
Как заменить надписи Quote и Code
worldname Дата: Вторник, 2011-11-01, 01:14 | Сообщение # 1
Генералиссимус
Группа: lown
Сообщений: 202
Статус: Offline
При использовании би-би кодов Цитата и Код по умолчанию, выводится подсказка над цитируемым текстом и кодом на английском языке в виде Quote и Code, да и выглядит это все довольно убого
Вот что мы имеем в дефолтном состоянии
стандартный вид 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"> - начало нашего скрипта


В случае с материалами мы просто не прописываем условие внутренних страниц форума. И не ставим цитирование пользователя
А теперь смотрим что получилось в итоге

новый вид Quote и Code


Все сообщения написанные ранее и все материалы изменятся после вставки скрипта

А теперь перейдем к полному оформлению элементов
Прикрепления: 9481447.png(11.9 Kb) · 5893640.png(12.7 Kb)
 
форум webanet » Помоги себе сам компьютеры и интернет » uCoz решение проблем » Как заменить надписи Quote и Code
  • Страница 1 из 1
  • 1
Поиск: