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 уже есть. Посмотреть работу нового вв-кода можно здесь: ДЕМО Если понравиться, можно продолжить Материал взят с сайта infoscript.ru
| |||||
Категория: Скрипты uCoz | Просмотров: 1345 | Добавил: Skaiman | Рейтинг: 4.0/1 | | |||||
Всего комментариев: 1 | ||||||
|
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).