Тема: tpl bbcode как и где изменить

Привет

версия 1.1.1 mysql

Вопрос: как изменить вид 'bbcodes'?. хочу картинки вместо слов

сорри если фдлуд, на форуме не нашел подобной темы

Re: tpl bbcode как и где изменить

gef,

Читайте, пожалуйста, правила

  • 2.3. В теле сообщения (подпись и заголовок не являются телом сообщения!) должна быть указана версия скрипта: CuteNews.RU 2.5, Strawberry 1.1. и тип базы: textSQL, MySQL. Каждая версия имеет различия и при ответе это учитывается.
  • Это вам - в "Хотелку"

    Re: tpl bbcode как и где изменить

    plugins/custom-quick-tags.php

    Правим 46 строчку плагина

    $echo['cqt'] .= ' <a href="javascript:insertext(\'['.$cqt['tag'].']\', \'[/'.$cqt['tag'].']\', \'short\')">['.$cqt['tag'].']<'.$cqt['tag'].'>'.$cqt['name'].'</'.$cqt['tag'].'>[/'.$cqt['tag'].']</a> '.(($br and ($i%$br == 0)) ? '<br />' : '');

    на эту:

    $echo['cqt'] .= ' <a class="bbcodes" href="javascript:insertext(\'['.$cqt['tag'].']\', \'[/'.$cqt['tag'].']\', \'short\')"><div class="bbcodes">'.$cqt['tag'].' '.(($br and ($i%$br == 0)) ? '</div></a>' : '');

    Теперь открываем css файл Вашего сайта и вписываем туда следующее:

    div.bbcodes {
        width: 30px;
        text-align: center;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        padding: 4px;
        margin-right: 4px;
        position: relative;
        float: left;
        font-weight: bold; 
        text-transform: uppercase;
    }
    a:link.bbcodes {
        color: #000;
        text-decoration: none;
    }
    a:visited.bbcodes {
        color: #000;
        text-decoration: none;
    }

    http://i.piccy.kiev.ua/i/a6/67/fd11b5f30194f86cfb9a6e2bd177.jpeg
    Так намного симпатичнее стандартного варианта smile

    P.S. Разумеется Вы можете настроить внешний вид кнопочек под свой дизайн. Это делается в css-файле.

    Re: tpl bbcode как и где изменить

    gef пишет:

    Привет

    версия Strawberry 1.1.1 mysql

    Вопрос: как изменить вид 'bbcodes'?. хочу картинки вместо слов

    сорри если фдлуд, на форуме не нашел подобной темы

    еше оди вариант для бб када в версии Strawberry1.1.1.в той же строке что и приводилось выше убрать тег <див> и оставить только тег <а> полусится вот такой код

    /************************************************************************************/
    
    
    
    $echo['cqt'] .= ' <a class="abbcodes" href="javascript:insertext(\'['.$cqt['tag'].']\', \'[/'.$cqt['tag'].']\', \'short\')">'.$cqt['tag'].' '.(($br and ($i%$br == 0)) ? '</a>' : ''); 
    
    
    /************************************************************************************/

    далее пишем css

    /************************************************************************************/
    
    /* для ббкода */
    div.blokbbcodes {
        width                  : 520px;
        left                   : 11px;
        height                 : 36px;
        top                    : 10px;
        position               : relative;
        margin                 : 0 0 8px 0px;
        background             : url(../fon/com/fbb.png) repeat-x;
    }
    a.abbcodes{
        width                  : 37px;
        height                 : 25px;
        text-align             : center;
        font                   : bolder 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
        color                  : #525252;
        line-height            : 24px;
        text-decoration        : none;
    }
    a.abbcodes{
       display                : block; 
        float                  : left;  
        margin-left            : 1px;
        position               : relative; 
        top                    : 5px;  
        left                   : 4px; 
        text-decoration        : none;
    }
    a.abbcodes:link
    {
       background             : url(../fon/com/bb.png) top no-repeat; 
        color                  : #525252;
    }
    a.abbcodes:visited
    {
       background             : url(../fon/com/bb.png) top no-repeat; 
        color                  : #525252;
    }
    a.abbcodes:hover
    {
       background             : url(../fon/com/bb.png) center no-repeat; 
        text-decoration        : none;
        color                  : Black; 
        line-height            : 23px;
    }
    a.abbcodes:active
    {
       background             : url(../fon/com/bb.png) bottom no-repeat; 
       text-decoration        : none;
       color                  : Black; 
        padding-top            : 1px;
        height                 : 23px;
    }
    
    /************************************************************************************/

    размеры естесрвенно подганяем под свои нужды.
    Для фона кнопок делаем к примеру вот такие кнопки
    http://gelaxy.jino-net.ru/bb.png
    эффект получается что кнопка имее три положения.
    http://gelaxy.jino-net.ru/bbc.png

    Отредактировано blek (08 May 2007 23:58:06)

    5

    Re: tpl bbcode как и где изменить

    Перенёс в "готовые".

    Признанный мастер чинпоко, а-ай ^_^

    Re: tpl bbcode как и где изменить

    Еще 1 самый простой вариант в той же строке заменяем на:

    $echo['cqt'] .= ' <nobr><a href="javascript:insertext(\'['.$cqt['tag'].']\', \'[/'.$cqt['tag'].']\', \'short\')"><'.$cqt['tag'].'>'.$cqt['name'].'</'.$cqt['tag'].'></a></nobr> '.$bug_fix;

    В админе: Настройки -> Тэги форматирования
    выбираем нужный тек и в поле Название тэга висываем: <img src="адресс до картинки тега">
    только вроде это не очень хороший вариант roll

    Strawberry 1.1.1

    Re: tpl bbcode как и где изменить

    Killa, это не очень хороший вариант. Лучше создать кнопку-картинку с таким же названием, как у bb-кода и при вставке ссылки выводить эту картинку.

    Например, bb-код называется quote. Создаём картинку quote.gif и пихаем её в папку plugins/custom-quick-tags, а вместо вашего кода пишем: 

    $echo['cqt'] .= ' <nobr><a href="javascript:insertext(\'['.$cqt['tag'].']\', \'[/'.$cqt['tag'].']\', \''.$location.'\')" title="'.$cqt['name'].'">'.(file_exists('plugins/custom-quick-tags/'.$cqt['tag'].'.gif') ? '<img border=0 src="plugins/custom-quick-tags/'.$cqt['tag'].'.gif" align="absmiddle">' : $cqt['name']).'</a></nobr> ';

    Теперь, если в папке plugins/custom-quick-tags есть картинка quote.gif, то выведется она, иначе - просто название тега.