[BBCode] Сборка BBCode от B1PyC

[Matt_Tuck]

Предлогаю вашему вниманию свою сборку BBCode (от B1PyC aka R1K0).

Спойлер: 1. Offtop

Использование BBCode:

[offtop]{TEXT}[/offtop]

Замена HTML:

<div class="spoil"> 
<div class="smallfont"><img src="http://destincity.5nx.ru/images/ranks2/destincity_5nx_ru/OFFTOP2.png" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.src='http://destincity.5nx.ru/images/ranks2/destincity_5nx_ru/OFFTOP2.png'<!--Первая картинка--> 
} else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; 
this.src='http://destincity.5nx.ru/images/ranks2/destincity_5nx_ru/OFFTOP1.png'}" height="16" width="65"><!--Вторая картинка--> 
</div> 
<div class="alt2"> 
<div style=""> 
{TEXT} <!--Содержимое в открытом состоянии-->

Пример:

Сообщение не по теме: [offtop]текст[/offtop]

Спойлер: 2. Ленточка с текстом

Использование BBCode:

[lenta]{TEXT}[/lenta]

Замена HTML:

<object type="application/x-shockwave-flash" height="93" width="478" data="http://agitki.ru/_ld/11/1166_ribbon.swf"><param name="movie" value="http://agitki.ru/_ld/11/1166_ribbon.swf"><param name="wmode" value="transparent"><param name="flashvars" value="&in_title={TEXT}&"></object>

Подсказка:

[lenta]Текст на ленточке[/lenta]

Спойлер: 3. Текст с блёстками

Использование BBCode

[show]{TEXT}[/show]

Замена HTML

<div align="center"><span style="font-weight: bold"><span style="color: #ec6f00"><span style="text-shadow: 1px 1px 10px;"><span style="font-weight:bold; background: url(http://phpbb.5nx.ru/images/ranks2/phpbb_5nx_ru/dopolnenie.gif);">{TEXT}</span></span></span></span></div>

Подсказка

[show]Ваш текст[/show] - анимация на текст

Спойлер: 4. Светящийся текст

Использование BBCode

[neon={COLOR}]{TEXT}[/neon]

Замена HTML:

<span style="text-shadow: 1px 1px 10px {COLOR};">{TEXT}</span>

Подсказка:

[neon=color] text [/neon]

Спойлер: 5. Что-то подобное тегу [code

]
Использование BBCode

[code1]{TEXT}[/code1]

Замена HTML:

<span style="border: 1px solid #333333; padding-left: 1px; padding right: 1px; background-color: #DBDBDB; margin: 2px;"><font size="2px" face="Courier New">{TEXT}</font></span>

Подсказка:

[code1]Маленькая область для кода[/code1]

Спойлер: 6. Смена цвета текста

Использование BBCode:

[colorslide={COLOR1},{COLOR2}]{TEXT}[/colorslide]

Замена HTML:

<script type="text/javascript">

var message="{TEXT}"
var neonbasecolor="{COLOR1}"
var neontextcolor="{COLOR2}"
var flashspeed=120 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>

Пример:

[colorslide=#FF0000, #0000FF] Смена цвета текста [/colorslide]

ИЛИ

[colorslide=red, blue] Смена цвета текста [/colorslide]

Спойлер: 7. Спойлер на jQuery

Использование BBCode:

[spoiler1]{TEXT}[/spoiler1]

Замена HTML:

<div style="margin:5px; margin-top:5px; border: 1px solid #3bbfe7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 3px #000000; -webkit-box-shadow: 0px 0px 3px #000000; box-shadow: 0px 0px 3px #000000;" class="codebox">
    <div style="height:25px; text-align: center;"><strong></strong>
    <input type="image" src="http://i.imgur.com/E05KL.png" class="changevalue" value="{L_EXPAND_VIEW}" style="width:100px; font-size:10px; margin:0px; padding:0px;" onclick="$(this).parents('.codebox').find('.content').toggle('slow');"></div>
    <div class="content" style="display: none; background-color:#none; padding: 5px;">{TEXT}</div></div>

Пример:

[spoiler1]TEXT[/spoiler1]

Спойлер: 8. Пламя

Использование BBCode

[fire]{TEXT}[/fire]

Замена HTML

<div style="max-width:95%;font-size: 28px;font-family:Calibri;color:white;padding:10px;text-align:center;font-weight:bold;text-shadow: 0px -3px 6px yellow, 0px -8px 9px orange, 0px -13px 13px red;">{TEXT}</div>

Подсказка

[fire]Горящий текст[/fire]

Дополнительно:

Замена HTML для синего и фиотетового огня:​

Спойлер: Синий

<div style="max-width:95%;font-size:28px;font-family:Calibri;color:white;padding:15px;text-align:center;font-weight:bold;text-shadow: 0px -3px 6px #CCFFFF, 0px -8px 9px #33CCFF, 0px -13px 13px #0066CC;">{TEXT}</div>

Спойлер: Фиолетовый

<div style="max-width:95%;font-size:28px;font-family:Calibri;color:white;padding:15px;text-align:center;font-weight:bold;text-shadow:0px -5px 5px maroon,0px -10px 10px fuchsia,0px -15px 15px violet;">{TEXT}</div>

Спойлер: 9. Проценты

Использование BBCode

[percent]{NUMBER}[/percent]

Замена HTML

<div style="background-color: red; width:100px; border: 1px solid black;"><div style="background-color: green; color: white; font-weight:bold; max-width: 100px; width:{NUMBER}px;">   {NUMBER}%</div></div>

Подсказка

[percent]номер(от 0 до 100)[/percent]

Спойлер: 10. Сообщение администратора

Использование BBCode

[adm={TEXT1}]{TEXT2}[/adm]

Замена HTML

<table cellspacing="0px" cellpadding="0px" style="width: 100%; border: 1px solid #FF0000; border-left: 4px solid #FF0000; vertical-align: middle;">
    <tbody><tr style="height: 40px; line-height: 40px;">
    <td style="background-color: #FFBFBF; padding-left:10px; font-size: 12px;" width="95%">Администратор <b>{TEXT1}</b></td>
    <td style="max-width: 40px; width: 40px; text-align: center; background-color: #FF0000; font-size: 36px; color: white;">
    A</td>
    </tr>
    <tr style="line-height: 40px;">
    <td colspan="2" style="padding-left:10px; background-color: #f4f4f4; color: #FF0000; font-size: 12px; font-weight: bold;">{TEXT2}</td>
    </tr>
    </tbody></table>

Подсказка

[adm=Ник Админа]Текст админа[/adm]

Данная сборка будет пополняться. Ждите новых BBCode!

Не откажусь от +

Посмотреть на эти и на другие BBCode можно здесь:

Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!

(не реклама!)​