Новая панель bb кодов для uCoz обрадует ваших посетителей и самих вас! Добавление материала станет на много удобнее! В неё добавлены некоторые кнопки для того чтобы вам было легче добавлять материалы. Новые кнопки сделаны в серых тонах в них добавлены картинки и прочее.

Переходим в шаблон страницы добавления/редактирования материалов Каталога файлов и после $BODY$ вставляем

Код
<script> //add_bb
var nbbcodes = {
  codes:  
  'b',1,'','Жирный текст','/add_bb/edit-bold.png',1],
  'i',2,'','Наклонный текст','/add_bb/edit-italic.png',1],
  's',3,'','Подчёркнутый текст','/add_bb/edit-underline.png',1],

  'l',1,'','По левому краю','/add_bb/edit-alignment.png',1],
  'c',2,'','По центру','/add_bb/edit-alignment-center.png',1],
  'r',3,'','По правому краю','/add_bb/edit-alignment-right.png',1],

  'code',1,'Код','','/add_bb/edit-code.png',1],
  'quote',2,'Цитата','','/add_bb/balloon-quotation.png',1],
  'spoiler',3,'Спойлер','','/add_bb/ui-splitter-horizontal.png',1],

  'url',1,'','Ссылка','/add_bb/chain.png',1],
  'img',2,'','Изображение','/add_bb/image.png',1],
  'video',2,'','Видео','/add_bb/films.png',1],
  'audio',2,'','Музыка','/add_bb/music-beam-16.png',1],
  'nbbcodes.info()',3,'','Все bb коды','/add_bb/information-button-icon.png',2]

  ],
  newtag: function(){
  $('id^=bc]').hide();
  var bbButton = '', len = nbbcodes.codes.length, style = 'nbbcode1'];
  for(s=0;s<2;s++){
  var textarea = (s == 0? 'brief': 'message');
  for(i=0;i<len;i++){
  var text = (nbbcodes.codesi]2]=='' ? '' : '<label>'+nbbcodes.codesi]2]+'</label>');
  if(nbbcodes.codesi]1] == 1){
  bbButton +='<div id="nbbcode_sh">';
  }
  bbButton += $('<a>',{
  onclick: (nbbcodes.codesi]5]==1?'nbbcodes.paste(\''+nbbcodes.codesi]0]+'\',\'\',\''+textarea+'\');':nbbcodes.codesi]0]),
  title: nbbcodes.codesi]3],
  href: 'javascript://','class':'nbbcode nbbcode'+nbbcodes.codesi]1]+(nbbcodes.codesi]1] == 1 ? '':' nbbcode2'),
  html: '<span '+(nbbcodes.codesi]1] == 2 ? '' : 'class="nbbcode'+nbbcodes.codesi]1]+'"')+'>'+$('<img>',{
  src: nbbcodes.codesi]4],
  align: 'absmiddle'
  }).prop('outerHTML')+text+'</span>'
  }).prop('outerHTML');
  if(nbbcodes.codesi]1] == 3){
  bbButton +='</div>';
  }
  }
  $('spanid=bc1]').eq(s).html(bbButton).show();
  bbButton = '';
  }
  },
  paste : function(tg, param,id,vtf){
  var o = '' + tg + (param ? ("=" + param) : "") + ']', c = '/' + tg + ']', doc = $('#'+id)0];
  doc.focus();
  if (window.attachEvent && navigator.userAgent.indexOf('Opera') === -1){
  var s = doc.sel;
  if(s){
  var l = s.text.length;
  s.text = o + s.text + (vtf? '' : c);
  s.moveEnd("character", -c.length);
  s.moveStart("character", -l);
  s.select();
  }
  }else{
  var ss = doc.scrollTop;
  sel1 = doc.value.substr(0, doc.selectionStart);
  sel2 = doc.value.substr(doc.selectionEnd);
  sel = doc.value.substr(doc.selectionStart, doc.selectionEnd - doc.selectionStart);
  doc.value = sel1 + o + sel + c + sel2;
  doc.selectionStart = sel1.length + o.length;
  doc.selectionEnd = doc.selectionStart + sel.length;
  doc.scrollTop = ss;
  };
  return false;
  },
  info: function(){
  new _uWnd('bbPane','Информация по разметке BB',550,450,{autosize:1, modal:1, resize:0,fadetype:1,align:'left',fadespeed:500,fadeclosetype:0,},'<iframe src="/index/17" width="530" height="400" allowTransparency="true" frameborder="0" style="background-color:transparent;"></iframe>');
  }
  }
  nbbcodes.newtag();
  </script>


В таблицу стилей css добавляем:

Код
.nbbcode{  
  height:24px;  
  background:#eaeaea;  
  border:1px solid #B8B8B8;  
  border-top-color:#9F9F9F;  
  color:#333 !important;  
  font:11px Tahoma;  
  text-shadow:1px 0px 0px #FFF;  
  text-decoration:none;  
  display:inline-block;  
  margin:0 2px 0 0;  
  cursor:pointer;  
  }  
  .nbbcode span{  
  height:16px;  
  border: 1px solid;  
  border-color: #fff #F4F4F4 #DFDFDF;  
  padding:3px;  
  text-align:center;  
  display:inline-block;  
  cursor:pointer;  
  }  
  .nbbcode:hover{background:#F7F7F7}  
  .nbbcode:focus{background:#F4F4F4;padding-left:1px}  
  .nbbcode img{margin-right:0px;vertical-align:middle}  
  .nbbcode label{padding:0 3px 0;cursor:pointer;}  
  .nbbcode1{border-top-left-radius:3px;border-bottom-left-radius:3px}  
  .nbbcode2{margin-left:-3px !important}  
  .nbbcode3{border-top-right-radius:3px;border-bottom-right-radius:3px}  
  #nbbcode_sh{display:inline-block;}


не забывает скачать папку с картинками и залить в корень сайта!
Новая панель bb кодов для uCoz
Размер: 5.1 Kb

Комментарии

Минимальная длина комментария - 50 знаков. комментарии модерируются
HTMLSTART » Скрипты UCOZ » Каталога файлов » Новая панель bb кодов для uCoz