Вид Панели BB-кодов uCoz


Вид Панели BB-кодов uCoz

2517
10 из 10
Проголосовало: 2




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Надоела панель bb-кодов? Так давайте заменим стандартную панель BB-кодов для uCoz, на более лучший вариант, который будет состоять из одного изображения, а если быть точным, мы будем использовать метод css спрайтов.

Установка:

1) установим HTML:

Для начало нам стоит заменить системную переменную uCoz, которая выводит наш bb-код, для этого заходим в админ панель => Дизайн => Управление дизайном => Комментарии => Форма добавления комментариев и заменяем:

Code
$BBCODES$


на следующий html код:

Code
<div id="panel_bb">  
  <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>


2) установим CSS:

Наша панель BB-кодов для uCoz почти готова, нам осталось прописать css стили в которых вам следует изменить значение width:600px; на своё:

Code
/* Вид Панели BB-кодов  
  ------------------------------------------*/  
  #panel_bb {  
  float:left;  
  width:600px;  
  height:22px;  
  background:url(http://www.center-dm.ru/ucoz/vid_bb/1/fon_panel_bb.gif);  
  }  

  #panel_bb .codeButtons {  
  display:none  
  }  

  #panel_bb a {  
  float:left;  
  display:block;  
  width:23px;  
  height:22px;  
  background:url(http://www.center-dm.ru/ucoz/vid_bb/1/knopki_bb.png)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-кодов для uCoz, так что скачиваем архив и устанавливаем к себе на сайт:
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.center-dm.ru/
  • Всего комментариев: 1

d3m1x
0
d3m1x написал: Написано 19 Декабря 2011 в 12:31
Комментарий №1
А для добавления файлов смож сделать?

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 4
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: