Тень для текста с любыми параметрами
Код:
<!--Тень для текста с любыми параметрами--> <script type="text/javascript"> $('td#button-right').after('<td id="shad" style=\'background-image:url("http://www.iconsearch.ru/uploads/icons/gnomeicontheme/16x16/stock_text-shadow.png")\' title="Тень для текста" onclick="tag_shadow()"></td>'); $(function(){ $('.post-content:contains("[shadow=")').each(function(){ var htmlSHADOW = $(this).html().replace(/\[shadow=(.*?)\]([^`]*?)\[\/shadow\]/gi, "<span style='width=80%; text-shadow:$1;'>$2</span>"); $(this).html(htmlSHADOW) }); }); function tag_shadow(){ var FoundErrorsSHADOW = ''; var shadowTIT = prompt('Введите параметры тени', '1px 1px 2px #FFF6AD'); if (FoundErrorsSHADOW) {alert("Ошибка!" + FoundErrorsSHADOW); return;} bbcode('[shadow='+shadowTIT+']','[/shadow]'); } </script>
Ставить можно любые параметры доступные в css для тени, вот примеры:
Код:
[shadow=1px 1px 2px black, 0 0 1em red][b][size=16][color=white]В чащах юга жил бы цитрус? Да, но фальшивый экземпляр![/color][/size][/b][/shadow] [shadow=6px 6px 0px rgba(0,0,0,0.2)][b][size=18][color=white]Много очень очень очень текста[/color][/size][/b][/shadow] [shadow=4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15)][b][size=20]А вот еще Пример!!![/size][/b][/shadow] [shadow=0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)][b][size=28][color=white]3D текст от Mark Dotto[/color][/size][/b][/shadow] [shadow=0px 0px 6px rgba(255,255,255,0.7)][b][size=30]Сияние текста[/size][/b][/shadow] [shadow=-10px 10px 0px #00e6e6,-20px 20px 0px #01cccc,-30px 30px 0px #00bdbd][b][size=28][color=aqua]Ретро-стиль[/color][/size][/b][/shadow] [shadow=2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3)][b][size=26][color=green]Выпуклый текст[/color][/size][/b][/shadow]