Новый Модуль Ссылок
Изменяет вставку ссылок: теперь ссылка и описание вставляются при помощи одного всплывающего окна с заданными вариантами картинок в качестве описания.
http://uploads.ru/i/7/i/h/7ihAk.png

Автор: Deff
Платформа: MyBB

В HTML низ

Код:
<!--Новый Модуль Ссылок-->
<style id=type="text/css">
#linkTs-area img{
vertical-align: middle;
max-height: 56px;
width:auto;
max-width: 84px;
height:32px;
margin:0;
margin-bottom:10px;
}
#linkTs-area{
line-height: normal;
position: absolute;
right: 6px;
top: 43px;
padding-bottom: 14px;
padding:22px 30px;
height: 150px;
width: 450px;
margin: 0px;
}
#linkTs-area sup{
 cursor:pointer;
}
</style>
        	<div class="container" id="linkTs-area" style="display:none">
            <div id="linkTs-block">
<img src="http://uploads.ru/i/K/b/k/Kbk67.png" alt="1" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/C/K/o/CKohc.png" alt="2" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/P/G/H/PGHmT.png" alt="3" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/S/L/7/SL7sB.png" alt="4" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/a/q/A/aqAz1.png" alt="5" onclick="insOpis(this.src)" /><br />
            	<span class="input">
                <label for="linkTs"><b>Вставьте ссылку</b></label><br />
                <input id="linkTs" type="text" value="" size="60"/><b><sup onclick="$('#linkTs').val('')"> x</sup></b>
            	</span><br />
            	<p style="margin-top:12px;" class="input">
                <label for="linkTs"><b>Вставьте Описание или кликните на Картинку</b></label><br />
                <input id="linkTs2" type="text" value="" size="60"/><b><sup onclick="$('#linkTs2').val('')"> x</sup></b></p>
            	<p>
<button onclick="insAles()" style="display:inline;float:left" type="button">Вставить</button> <button type="button" style="display:inline;float:right" onclick="ShortURL()">Cократить ссылку</button>
            	</p>
            </div>
        	</div>
<script>
var Opisan_default="Ccылка";

$("#linkTs-area").insertBefore("#smilies-area")

var L='<img onclick="changeVisibility(\'linkTs-area\')" src="/i/blank.gif" />';
$("#button-link img").replaceWith(L)
$("#linkTs-area").insertBefore("#smilies-area");var Lft='[';

function insOpis(src){ var l=$("#linkTs2").val();l+=Lft+'img]'+src+Lft+'/img]';$("#linkTs2").val(l);}

function insAles(){var L=$("#linkTs").val();var l=$("#linkTs2").val();
 if (!l ||$.trim(l) == '') l = Opisan_default;
 L=Lft+'url='+L+']'+l+Lft+'/url]';smile(L);
 changeVisibility('linkTs-area');}

$("#main-reply").click(function(){$("#linkTs-area").hide()});

function ShortURL(){var L=$("#linkTs").val()
if ($.browser.msie || $.browser.opera){ShortURLService = 'http://'+window.location.hostname+'/bridge.php?ws=qps&url='+encodeURIComponent(L)+'&format=text';
    }else{ShortURLService = 'http://qps.ru/api?url='+encodeURIComponent(L)+'&format=text';}
    $.get(ShortURLService, function(data){
    	if (data.indexOf('http://') == -1){
        alert('Неверный формат ссылки');
        return false;
    	}
    	$("#linkTs").val(data);});
}
</script><!--//End == Новый Модуль Ссылок-->

<img src="http://uploads.ru/i/K/b/k/Kbk67.png" alt="1" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/C/K/o/CKohc.png" alt="2" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/P/G/H/PGHmT.png" alt="3" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/S/L/7/SL7sB.png" alt="4" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/a/q/A/aqAz1.png" alt="5" onclick="insOpis(this.src)" />

Картинки - Иконки ссылок - можно поменять на свои

Как то: Картинка - Иконка "Ссылка на фильмы";Иконка - "Ccылка на тексты"; Картинка - "Ссылка на Музыку" и т.д( можно вставлять вместо Данной HTML строки - любую другую: - например - заливка файлов на multi-up.com

<a href="http://multi-up.com/"><img src="http://uploads.ru/i/m/O/L/mOLBt.jpg"/></a>

Правка по габаритам - тут

<style type="text/css">
#linkTs-area img{
vertical-align: middle;
max-height: 56px;
width:auto;
max-width: 84px;
height:32px;
margin:0;
margin-bottom:10px;
}

--------------------
Так же можно сменить описание по умолчанию

var Opisan_default="Ccылка";

Панель, кроме прочего, закрывается и по клику в форме Ответа


Новый Модуль Ссылок
(Lite version)

http://uploads.ru/i/r/y/i/ryiuq.png

В HTML верх

<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/49063.js"></script>


Помнит последнее Описание ссылки(если оно задано) при обновлении страницы,
Cворачивается по клику на поле ввода
Иконки с титлами в сообщении

Отредактировано Герда (16.05.2013 08:22:02)