http://uploads.ru/i/7/i/h/7ihAk.png
В 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ылка";

Скрипт Deff

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

Скрипт от Deff

Отредактировано Лиф (2012-01-05 21:45:27)