Приветствую Вас Прохожий | RSS Суббота, 03.12.2016, 16:42
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 15
Гостей: 13
Пользователей: 2
andrei05, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты для форума

Создаем стильный BBcode на сайте Ucoz

Создаем стильный BBcode на сайте Ucoz Создаем, стильный, BBcode, сайте, Ucoz
Стремление изменить свой сайт и сделать его уникальным в дизайне не оставляет не кого в покое, и все стараются хоть на пол сантиметра продвинутся в красоте и уникальности дизайна к примеру как в этой теме кнопок BBcode которые используются на всех сайтах CMS Ucoz в модулях форума и формы для добавления комментария в новостях и в гостевой сайта.

В нашем случае я вам предлагаю обширную и красивую панельку со стильными кнопками, которые придадут шарм цельности и надежности вашего форума, это необходимо каждому пользователю и веб мастеру на нашем сайте ucozon.ru если можно для рекламы ресурса.

До этого создавалось много подобных форм, что теперь все себя считают авторами данной работы и переделал в всего пол иконки начинают требовать и запрещать использования того что может сделать каждый школьник не имеющий представления на создания к примеру хоть того же стиля для ресурса стоящего и показывающего свою марку как мастера в системе сайта строения. Итак создаем стильный, уникальный и красивый BBcode на сайте Ucoz в два приема.

Для правильной работы кнопок используется всего 2 изображения, это фон и сами кнопки.

  • Установка.
    В таблицу стилей вашего ресурса CSS вставляем стиль.
    панели BBcode для uCoz следует изменить значение width:600px; на своё ширины:
    Code

      #panel_bb {  
      float:left;  
      width:600px;  
      height:22px;  
      background:url();  
      }  

      #panel_bb .codeButtons {  
      display:none  
      }  

      #panel_bb a {  
      float:left;  
      display:block;  
      width:23px;  
      height:22px;  
      background:url()no-repeat;  
      }  

      #panel_bb a.panel_b {background-position:0px 0px; }  
      #panel_bb a:hover.panel_b {background-position:0px -22px;}  
      #panel_bb a.panel_i {background-position:0px -44px;}  
      #panel_bb a:hover.panel_i {background-position:0px -66px;}  
      #panel_bb a.panel_u {background-position:0px -88px;}  
      #panel_bb a:hover.panel_u {background-position:0px -110px;}  
      #panel_bb a.panel_url {background-position:0px -132px}  
      #panel_bb a:hover.panel_url {background-position:0px -154px;}  
      #panel_bb a.panel_email {background-position:0px -176px;}  
      #panel_bb a:hover.panel_email {background-position:0px -198px;}  
      #panel_bb a.panel_image {background-position:0px -220px;}  
      #panel_bb a:hover.panel_image {background-position:0px -242px;}  
      #panel_bb a.panel_citata {background-position:0px -264px;}  
      #panel_bb a:hover.panel_citata{background-position:0px -286px;}  
      #panel_bb a.panel_code {background-position:0px -308px;}  
      #panel_bb a:hover.panel_code {background-position:0px -330px;}  
      #panel_bb a.panel_hide {background-position:0px -352px;}  
      #panel_bb a:hover.panel_hide {background-position:0px -374px;}  
      #panel_bb a.panel_list {background-position:0px -396px;}  
      #panel_bb a:hover.panel_list {background-position:0px -418px;}  
      #panel_bb a.panel_l {background-position:0px -440px;}  
      #panel_bb a:hover.panel_l {background-position:0px -462px;}  
      #panel_bb a.panel_c {background-position:0px -484px;}  
      #panel_bb a:hover.panel_c {background-position:0px -506px;}  
      #panel_bb a.panel_r {background-position:0px -528px;}  
      #panel_bb a:hover.panel_r {background-position:0px -550px;}  
      #panel_bb a.panel_hr {background-position:0px -572px;}  
      #panel_bb a:hover.panel_hr {background-position:0px -594px;}  
      #panel_bb a.panel_close {background-position:0px -616px;}  
      #panel_bb a:hover.panel_close {background-position:0px -638px;}  
      #panel_bb a.panel_info {float:right; background-position:0px -660px;}  
      #panel_bb a:hover.panel_info {background-position:0px -682px;}  


    Заменяем панель bb-кодов на новую
    П.У - Дизайн - Управление дизайном - Комментарии - Форма добавления комментариев и заменяем:
    Code
    $BBCODES$

    На html код:
    Code
    <a class="panel_b" onclick="simpletag('b')" title="Жирный"></a>  
      <a class="panel_i" onclick="simpletag('i')" title="Курсив"></a>  
      <a class="panel_u" onclick="simpletag('u')" title="Подчеркнутый"></a>  
      <a class="panel_url" onclick="tag_url('message','')" title="Добавить ссылку"></a>  
      <a class="panel_email" onclick="tag_email('message','')" title="Добавить E-mail "></a>  
      <a class="panel_image" onclick="tag_image()" title="Добавить Картинку"></a>  
      <a class="panel_citata" onclick="simpletag('quote')" title="Цитата"></a>  
      <a class="panel_code" onclick="simpletag('code')" title="Вставить html-css код"></a>  
      <a class="panel_hide" onclick="simpletag('b')" title="Спрятать под hide"></a>  
      <a class="panel_list" onclick="tag_list()" title="Вставить Список"></a>  
      <a class="panel_l" onclick="simpletag('l')" title="По левому краю"></a>  
      <a class="panel_c" onclick="simpletag('c')" title="По центру"></a>  
      <a class="panel_r" onclick="simpletag('r')" title="По правому краю"></a>  
      <a class="panel_hr" onclick="add_code('[hr]','message')" title="[hr] - Линия"></a>  
      <a class="panel_close" onclick="closeall('message','');" title="Закрыть все BB-коды"></a>  
      <a class="panel_info" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" title="Справка по BB-кодам"></a>  
      $BBCODES$  
      </div>
  • Автор\Источник: center-dm.ru

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 3527 | Комментарии: 2 | Рейтинг: 5.0/1 | |Категория: Скрипты для форума | Добавил: мир | Дата: 11.01.2012 | Скачали: 0 | Теги: сайте, bbcode, стильный, Создаем, ucoz
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 2
    1 martinis   Дата: 11.01.2012  Время: 00:53   [№ 11847]
    разве не это источник тык?

    2 biq_shock   Дата: 11.01.2012  Время: 07:22   1 [№ 11850]
    В точку.


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]

    Форма входа
    Логин:
    Пароль:


    Поиск


    На форуме

    1 Куплю сайты с ТИЦ/PR (п...

    9

    2 Предлагаю услуги для ан...

    0

    3 Предлагаю услуги по про...

    0

    4 Комплексный прогон сайт...

    51

    5 Сайт онлайн фильмов на ...

    1

    6 Проблема с таблицей

    9

    7 Отредактировать фото

    2

    8 Уже все перепробовал )

    1

    9 Скрипт "Нравится&q...

    3

    10 Меню для сайта

    3


    Подробней о форуме


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


    Кнопка 88х31 сайта ucozon.ru