Навигатор
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [15]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [136]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [44]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [18]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [13]
форма входа для ucoz
Переключатели для ucoz [8]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Раскрутка и продвижение сайта
Интересное


Красивое горизонтальное меню д...
Рейтинг: 49647


Мини профиль + Форма входа
Рейтинг: 47879


Мини-чат для ucoz
Рейтинг: 43951


Скрипт мониторинга cs серверов
Рейтинг: 39270
Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0

Сегодня нас посетили:
bapedHot, mapedHot, japedHot, JamesMop, zapedHot
Яндекс.Метрика
Главная » Скрипты для ucoz » Скрипты для ucoz

Панель bb кодов для uCoz

Панель bb кодов для uCozУлучшенная и функциональная панель bbcode для ucoz. Скрипт ucoz имеет 8 стильных кнопок: B(жирный), i(курсив), http(добавить ссылку), img(добавить изображение), цитата(выделение quote), code(выделение кода), Close-BB(закрыть все bb-коды) и справка(краткий курс по использованию bbcode от uCoz. Слева смайлик: при наведении на него появляется панель со smile`s. Панель бб-кодов ucoz выполнена в серых тонах и будет отличной и стильной альтернативой старой панели бб-кодов.
Шаг 1 - Установка HTML
Для начала избавимся от старого кода bb панели uCoz, для этого идём в П.У - Дизайн - Управление дизайном - Комментарии - Форма добавления комментариев, ищем в нём системную переменную:
Code
$BBCODES$
удаляем её и устанавливаем следующий код:
Code
<?if($BBCODES$)?>  
  <!-- Начало тегов Панели BB-кодов -->  
  <div id="comment_panel">  

  <div class="menu_n">  
  <a href="#" ><img alt="" src="http://wallaby.ucoz.ru/images_site/smail.gif"></a>  
  <div class="dd_menu">  
  <span class="dd_ugol1"></span>  
  <script type="text/javascript" src="http://wallaby.ucoz.ru/js/smile.js"></script>  
  </div>  
  </div>  

  <div id="panel_bb">  
  <a href="javascript://" onclick="simpletag('b')" title="Жирный">B</a>  
  <a href="javascript://" onclick="simpletag('i')" title="Курсив" class="panel_i" >i</a>  
  <a href="javascript://" onclick="tag_url('message','')" title="Добавить ссылку">http:</a>  
  <a href="javascript://" onclick="tag_image()" title="Добавить Картинку">img</a>  
  <a href="javascript://" onclick="simpletag('quote')" title="Цитата">Цитата</a>  
  <a href="javascript://" onclick="simpletag('code')" title="Вставить html-css код" class="panel_code" >Сode</a>  
  <a href="javascript://" class="panel_close" onclick="closeall('message','');" title="Закрыть все BB-коды">Close-BB</a>  
  <a href="javascript://" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" class="panel_info" >Справка</a>  
  $BBCODES$  
  </div>  

  </div>  
  <!-- /Конец тегов Панели BB-кодов -->  
  <?endif?>
Шаг 2 - Установка CSS
Придаем вид нашей панели бб-кодов. Для этого заходим в П.У - Дизайн - Управление дизайном(CSS) и вставляем код:
Code
/* Вид Панели BB-кодов  
  ------------------------------------------*/  
  #comment_panel {  
  float:left;  
  width:530px;  
  padding: 5px 5px 5px 5px;  
  background:#E0E0E0;  
  }  

  #comment_panel .codeButtons{  
  display:none;  
  }  

  #panel_bb {  
  float:left;  
  width:500px;  
  }  

  #panel_bb a:link,  
  #panel_bb a:visited {  
  float:left;  
  padding: 3px 10px 4px 10px;  
  margin: 0px 5px 0px 0px;  
  background:#F6F6F6;  
  cursor:pointer;  
  border:1px solid #B2B2B2;  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
  font: 10px Verdana,Arial,Helvetica, sans-serif; color:#555; text-shadow: 1px 1px 1px #fff;  
  }  

  #panel_bb a:hover {background:#fff;}  

  .panel_i {font-style:italic!important; }  
  .panel_u {text-decoration: underline!important; }  
  .panel_info {float:right!important; margin: 0px!important;}  

  .menu_n {  
  float:left;  
  display:block;  
  position:relative;  
  margin: 2px 5px 0px 0px;  
  }  

  .dd_ugol1,  
  .dd_menu {width:240px;}  

  .dd_menu {  
  float:left;  
  padding:5px;  
  left:-999em;  
  z-index:998;  
  background:#fff;  
  position:absolute;  
  border:1px solid #999;  
  margin: 0px 0px 0px -5px;  
  -moz-border-radius:5px 5px 5px 5px;  
  -webkit-border-radius:5px 5px 5px 5px;  
  border-radius:5px 5px 5px 5px;  
  box-shadow: 0px 0px 5px #999;  
  }  
   
  .menu_n:hover .dd_menu{  
  right:auto;  
  left:0px;  
  top:30px;  
  }  

  .dd_ugol1 {  
  float:left;  
  height:25px;  
  top:-25px;  
  left:4px;  
  position:absolute;  
  background:url(http://wallaby.ucoz.ru/_ph/1/2/387435688.png) no-repeat left bottom; }
Дополнительно о панели бб-кодов для uCoz
Есть вариант более красочной панели BB кодов для uCoz.
Автор: Центер-дм

Совет для вебмастеров!.
Внимание, мы настоятельно рекомендуем использовать домены 2-го уровня, такие как ru,com и т.п. стоят они не дорого, ru можно купить за 99 руб, не нужно делать сайт на юкозовском домене! Сайт с юкозовским доменом долеко не уйдет! Если ж у Вас все таки нету жалких 99 рублей, Вы можите зарегистрировать бесплатно домен 2-го уровня tk, по данной ссылке
ЖМИ И РЕГИСТРИРУЙ
С уважением, администрация.
Категория: Скрипты для ucoz | Добавил: Wallaby
Просмотров: 4011
Теги: Панель bb кодов для uCoz - Скрипты для ucoz, новые интересные Скрипты для ucoz - Панель bb кодов для uCoz
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
wallaby.ucoz.ru
Поиск
Шаблоны для ucoz
Sape
ремонт ноутбуков ижевск
Лучшая коллекция аниме на анимемувие, валлаби рекомендует!) купить кухню в ульяновске
Скрипты для ucoz
Joomla
Cinema 4D
Графика для uCoz
Copyright wallaby.ucoz.ru - Мировой портал - Joomla,Ucoz,Cinema 4D © 2017 Карта сайта | Карта форума