Главная » 2013 » Июль » 25 » ВВ-код thumb для форума uCoz by Skaiman (Скрипты для ucoz)
25.07.2013, 00:26

ВВ-код thumb для форума uCoz by Skaiman



ВВ-код [thumd].....[/thumb], сделан по аналогии с тумбочкой имеющейся почти на всех торрент-трекерах, для скриншотов. Система uCoz, дает нам такую возможность, с предустановленным в ней плагином Fancybox.
Установку начнем с удаления. Если у Вас установлен скрипт от Apocalypse Автоуменьшение картинок на форуме + превращение их в uLightbox by Apocalypse для uCoz, его надо убрать, так как он будет мешать правильной работе нового вв-кода, да и необходимость в нем отпадет.

Форум -- Общий вид страниц форума -- После /head убираем:

Код
<style>
.apomessage img {
max-width:400px;
max-height:200px;
}
</style>

<script>  
  $(document).ready(function() {
  $('.apomessage img').mouseover(function() {  
  if(parseInt($(this).css('height')) == 200 || parseInt($(this).css('width')) == 400) {  
  if($(this).parent('a').html() != null) {  
  $(this).after('<a href="' + $(this).parent('a').attr('href') + '" class="ulightbox"><img src="' + $(this).attr('src') + '"></a>');  
  $(this).remove();  
  } else {  
  $(this).after('<a href="' + $(this).attr('src') + '" class="ulightbox"><img src="' + $(this).attr('src') + '"></a>');  
  $(this).remove();  
  };  
  };  
  });  
});
  //ApoTeam (c) 2012  
  </script>


А вот Форум -- Вид материалов:

Код
<div class="apomessage">$MESSAGE$</div>


Меняем на:

Код
<div class="smessages">$MESSAGE$</div>


Ну если скрипт не был установлен, то просто к $MESSAGE$ добавляем класс.
Мы не будем добавлять отдельно скрипт в Общий вид страниц форума, а просто создадим новый js файл и назовем его, к примеру, newbbcode.js, в него внесем первый скрипт нового вв-кода. Делаем так потому, что я думаю в последствии продолжить эту тему и новые коды просто будем добавлять в созданный js файл.

Код
//---------start Thumb------------
  $('.smessages').each(function(){
  $(this).html($(this).html().replace(/\[thumb\](.*?)\[\/thumb\]/gi,'<a class="ulightbox" data-fancybox-group="ultbx" href="$1" target="_blank"><img src="$1" style="margin:0;padding:0;border:0;" width="150" title="Клик для просмотра"></a>'));
  });
//---------finish Thumb------------


В Общем виде страниц форума подключим наш newbbcode.js перед закрывающем тегом </body>

Код
<script type="text/javascript" src="/js/newbbcode.js" ></script>


Теперь в Форме добавления сообщения добавим кнопочку для нового кода:

Код
<input id="thumb" class="codeButtons" type="button" style="width:40px" onclick="simpletag('thumb','b','','message','')" value="thumb" title="Уменьшенное изображение(галерея)">


А вообще, я советую отключить стандартный вывод $BBCODES$, и прописать все кнопки вручную, будет удобнее распологать новые вв-коды. Сделать это можно заменив $BBCODES$ на:

Код
<span style="display:none;">$BBCODES$</span>


И прописать ниже до $_MESSAGE$

Код
<input id="b" class="codeButtons" type="button" style="width:20px;font-weight:bold" onclick="simpletag('b','','','message','')" value="b">
<input id="i" class="codeButtons" type="button" style="width:20px;font-style:italic" onclick="simpletag('i','','','message','')" value="i">
<input id="u" class="codeButtons" type="button" style="width:20px;text-decoration:underline" onclick="simpletag('u','','','message','')" value="u">
<select id="fsize" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'size','message','');this.selectedIndex=0;">
<option value="0">SIZE</option>
<option value="6">6 pt</option>
<option value="7">7 pt</option>
<option value="8">8 pt</option>
<option value="9">9 pt</option>
<option value="10">10 pt</option>
<option value="11">11 pt</option>
<option value="12">12 pt</option>
<option value="13">13 pt</option>
<option value="14">14 pt</option>
<option value="15">15 pt</option>
<option value="16">16 pt</option>
<option value="17">17 pt</option>
<option value="18">18 pt</option>
<option value="19">19 pt</option>
<option value="20">20 pt</option>
<option value="21">21 pt</option>
<option value="22">22 pt</option>
</select>
<select id="ffont" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'font','message','');this.selectedIndex=0;">
<option value="0">FAMILY</option>
<option value="Arial">Arial</option>
<option value="Times">Times</option>
<option value="Courier">Courier</option>
<option value="Impact">Impact</option>
<option value="Geneva">Geneva</option>
<option value="Optima">Optima</option>
</select>
<select id="fcolor" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value, 'color','message','');this.selectedIndex=0;">
<option value="0">COLOR</option>
<option style="color:blue" value="blue">Blue</option>
<option style="color:red" value="red">Red</option>
<option style="color:purple" value="purple">Purple</option>
<option style="color:orange" value="orange">Orange</option>
<option style="color:yellow" value="yellow">Yellow</option>
<option style="color:gray" value="gray">Gray</option>
<option style="color:green" value="green">Green</option>
</select>
<input id="url" class="codeButtons" type="button" style="direction:ltr;width:45px;" onclick="tag_url2('message','')" value="http://">
<input id="email" class="codeButtons" type="button" style="width:30px;" onclick="tag_email('message','')" value="@">
<input id="img" class="codeButtons" type="button" style="width:35px;" onclick="tag_image('message','')" value="img">
<input id="quote" class="codeButtons" type="button" style="width:40px;" onclick="simpletag('quote','','','message','')" value="quote">
<input id="codes" class="codeButtons" type="button" style="width:40px;" onclick="simpletag('code','','','message','')" value="code">
<input id="spoiler" class="codeButtons" type="button" style="width:40px;" onclick="simpletag('spoiler','','','message','')" value="spoiler">
<input id="hide" class="codeButtons" type="button" style="direction:ltr;width:45px;" onclick="tag_hide('message','')" value="hide">
<input id="list" class="codeButtons" type="button" style="width:30px;" onclick="tag_list('message','')" value="list">
<input id="cdl" class="codeButtons" type="button" onclick="simpletag('l','cdl','···','message')" value="···" style="width:20px;text-align:left;">
<input id="cdc" class="codeButtons" type="button" onclick="simpletag('c','cdc','···','message')" value="···" style="width:20px;text-align:center;">
<input id="cdr" class="codeButtons" type="button" onclick="simpletag('r','cdr','···','message')" value="···" style="width:20px;text-align:right;">
<input class="codeButtons" type="button" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" value="+" style="width:20px;">
<input class="codeButtons codeCloseAll" type="button" onclick="closeall('message','');" value="/" style="font-weight:bold;width:20px">
<input class="codeButtons" type="button" style="width:20px;" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-'});" value=" <img src="http://s29.ucoz.net/sm/1/smile.gif" border="0" align="absmiddle" alt="smile" /> ">
<input class="codeButtons" type="button" style="width:20px;" onclick="window.open('/forum/0-0-0-31','virtKB','width=300,height=120,top=0,left=0');" value=".::.">
<input id="thumb" class="codeButtons" type="button" style="width:40px" onclick="simpletag('thumb','b','','message','')" value="thumb" title="Уменьшенное изображение(галерея)">


В этом коде новая кнопка thumb уже есть.

Посмотреть работу нового вв-кода можно здесь: ДЕМО
Если понравиться, можно продолжить smile
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Skaiman
Категория: Скрипты uCoz | Просмотров: 1022 | Добавил: Skaiman | Рейтинг: 4.0/1 |
Всего комментариев: 1
1 Voker -Infoscript Team-  (25.07.2013 20:12)
Аватар пользователя
Ничего особенного.

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