Новые BB-кнопки
Наконец то разобрался как изменить кнопки bb кодов на свои.
Вернее кнопки те же, другой внешний вид.
В инете много написано про форум, а мне надо в новости. Тот же принцип и в каталог статей и каталог файлов.
1. В начале необходимо скрыть старые кнопки, делаем это с помощью стилей.
В Управление дизайном >> Новости сайта >> Страница архива материалов
перед тегом </head> добавляем код:
Code
<style>
#bc19 {display:none;}
#bc18 {display:none;}
#bc17 {display:none;}
#bc16 {display:none;}
#bc15 {display:none;}
#bc14 {display:none;}
#bc13 {display:none;}
#bc12 {display:none;}
#bc11 {display:none;}
#bc10 {display:none;}
#bc9 {display:none;}
#bc8 {display:none;}
#bc7 {display:none;}
#bc3 {display:none;}
#bc2 {display:none;}
#bc1 {display:none;}
</style>
#bc19 {display:none;}
#bc18 {display:none;}
#bc17 {display:none;}
#bc16 {display:none;}
#bc15 {display:none;}
#bc14 {display:none;}
#bc13 {display:none;}
#bc12 {display:none;}
#bc11 {display:none;}
#bc10 {display:none;}
#bc9 {display:none;}
#bc8 {display:none;}
#bc7 {display:none;}
#bc3 {display:none;}
#bc2 {display:none;}
#bc1 {display:none;}
</style>
Или запихиваем это в отдельный файл и подключаем там же:
Code
<link type="text/css" rel="stylesheet" href="/bb_codes/bb_codes.css">
2. Подключаем сами кнопки.
На этой же странице, после тега $BODY$ прописываем JavaScript код:
Code
<script type="text/javascript">
function help()
{
new _uWnd('myName','Подсветка кода Syntaxhighlighter',500,200,{autosize:1,maxh:300,minh:100},'<DIV style="text-align: left"><P><DIV style="border: 1px solid #CCCCCC; width: 600px; padding:10px;"><BR><PRE class="brush: PB; gutter: true; highlight: [0,0] collapse:false;"><BR><BR>код<BR><BR></PRE></DIV></P></DIV>');
}
e = document.getElementsByTagName('TD');
for(k=0;k<e.length;k++) {
if(e[k].className == "manTdBrief" || e[k].className == "manTdText")
{
s=e[k].innerHTML;
s='<img src="/bb_codes/bb_b.png" border="0" title="Жирный" onclick="simpletag(\'b\')" style="cursor:hand"> <img src="/bb_codes/bb_i.png" border="0" title="Курсив" onclick="simpletag(\'i\')" style="cursor:hand"> <img src="/bb_codes/bb_u.png" border="0" title="Подчеркнутый" onclick="simpletag(\'u\')" style="cursor:hand"> <img src="/bb_codes/bb_u_.png" border="0" title="Зачеркнутый" onclick="simpletag(\'s\')" style="cursor:hand"> <img src="/bb_codes/bb_img.png" border="0" title="Добавить Картинку" onclick="tag_image()" style="cursor:hand"> <img src="/bb_codes/bb_url.png" border="0" title="Вставить ссылку" onclick="tag_url()" style="cursor:hand"> <img src="/bb_codes/bb_email.png" border="0" title="Вставить email" onclick="tag_email()" style="cursor:hand"> <img src="/bb_codes/bb_code.png"border="0" title="Код" onclick="simpletag(\'code\')" style="cursor:hand"> <img src="/bb_codes/bb_quote.png" border="0" title="Цитата" onclick="simpletag(\'quote\')" style="cursor:hand"> <img src="/bb_codes/bb_list.png" border="0" title="Вставить Список" onclick="tag_list()" style="cursor:hand"> <img src="/bb_codes/bb_left.png" border="0" title="По левому краю" onclick="simpletag(\'l\')" style="cursor:hand"> <img src="/bb_codes/bb_center.png" border="0" title="По центру" onclick="simpletag(\'c\')" style="cursor:hand"> <img src="/bb_codes/bb_right.png" border="0" title="По правому краю" onclick="simpletag(\'r\')" style="cursor:hand"> <img src="/bb_codes/syntax.png" border="0" title="Syntaxhighlighter" onclick="help()" style="cursor:hand">'+s;
e[k].innerHTML=s;}}
</script>
function help()
{
new _uWnd('myName','Подсветка кода Syntaxhighlighter',500,200,{autosize:1,maxh:300,minh:100},'<DIV style="text-align: left"><P><DIV style="border: 1px solid #CCCCCC; width: 600px; padding:10px;"><BR><PRE class="brush: PB; gutter: true; highlight: [0,0] collapse:false;"><BR><BR>код<BR><BR></PRE></DIV></P></DIV>');
}
e = document.getElementsByTagName('TD');
for(k=0;k<e.length;k++) {
if(e[k].className == "manTdBrief" || e[k].className == "manTdText")
{
s=e[k].innerHTML;
s='<img src="/bb_codes/bb_b.png" border="0" title="Жирный" onclick="simpletag(\'b\')" style="cursor:hand"> <img src="/bb_codes/bb_i.png" border="0" title="Курсив" onclick="simpletag(\'i\')" style="cursor:hand"> <img src="/bb_codes/bb_u.png" border="0" title="Подчеркнутый" onclick="simpletag(\'u\')" style="cursor:hand"> <img src="/bb_codes/bb_u_.png" border="0" title="Зачеркнутый" onclick="simpletag(\'s\')" style="cursor:hand"> <img src="/bb_codes/bb_img.png" border="0" title="Добавить Картинку" onclick="tag_image()" style="cursor:hand"> <img src="/bb_codes/bb_url.png" border="0" title="Вставить ссылку" onclick="tag_url()" style="cursor:hand"> <img src="/bb_codes/bb_email.png" border="0" title="Вставить email" onclick="tag_email()" style="cursor:hand"> <img src="/bb_codes/bb_code.png"border="0" title="Код" onclick="simpletag(\'code\')" style="cursor:hand"> <img src="/bb_codes/bb_quote.png" border="0" title="Цитата" onclick="simpletag(\'quote\')" style="cursor:hand"> <img src="/bb_codes/bb_list.png" border="0" title="Вставить Список" onclick="tag_list()" style="cursor:hand"> <img src="/bb_codes/bb_left.png" border="0" title="По левому краю" onclick="simpletag(\'l\')" style="cursor:hand"> <img src="/bb_codes/bb_center.png" border="0" title="По центру" onclick="simpletag(\'c\')" style="cursor:hand"> <img src="/bb_codes/bb_right.png" border="0" title="По правому краю" onclick="simpletag(\'r\')" style="cursor:hand"> <img src="/bb_codes/syntax.png" border="0" title="Syntaxhighlighter" onclick="help()" style="cursor:hand">'+s;
e[k].innerHTML=s;}}
</script>
Или прописываем, так же отдельным файлом:
Code
<script type="text/javascript" src="/bb_codes/bb_codes.js"></script>
Изображения я поместил в папку bb_codes
Не забываем указать везде правильные свои пути к файлам.
Может быть, даже лучше: абсолютные пути к файлам.
Скачать архив 
www.purebasic.info/
www.purebasic.com
www.purebasic.mybb.ru
www.www.purebasic.fr/english
www.www.purebasic.fr/german
Сайт посвящён языку программирования PureBasic — коммерческий компилятор языка программирования, использующего синтаксис BASIC. Предназначен для создания кроссплатформенных приложений для AmigaOS, Linux, Microsoft Windows, Windows NT и Mac OS X. Разработан компанией Fantaisie Software.
