<div style="position: absolute; width:276px; height:170px; top:40px !important; margin-left:46px; font-size:11px; line-height:12px; text-align:center;">

        <p style="width:276px; height:170px; text-align:center;">
<b>В игру срочно требуются:</b><br>
<img src="http://s5.uploads.ru/H8wNr.png" border="0" /> <img src="http://s5.uploads.ru/1EZyw.png" border="0" /> <img src="http://s4.uploads.ru/XK3Au.png" border="0" /> <img src="http://s4.uploads.ru/fApb3.png" border="0" /> <img src="http://s4.uploads.ru/AYbEy.png" border="0" /><br><br>
<b>Призеры "Канон месяца" октябрь-2013:</b><br>
<img src="http://s7.uploads.ru/YNG41.png" border="0" /> <img src="http://s7.uploads.ru/7F4hj.png" border="0" /> <img src="http://s7.uploads.ru/UY2yo.png" border="0" /><br>
Поздравляем с победой Саске, Конан и Сасори! Спасибо всем участникам и голосовавшим!
        <p>
      </div>


<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f19{display:none}</style>")
</script>

хтмл низ

Код:

<script type="text/javascript">
    PiarNik="PR";
    PiarPas="12345";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">PR-вход</a></span></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<!--"Выделить код" в форме кода--><script type="text/javascript">
	function select_text(elem) {
    if(window.getSelection) {   
	var s=window.getSelection();   
	if(s.setBaseAndExtent){   
    s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
	}
	else {   
    var r=document.createRange();   
    r.selectNodeContents(elem);   
    s.removeAllRanges();   
    s.addRange(r);
	}   
    }
    else if(document.getSelection){   
	var s=document.getSelection();   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);   
    }
    else if(document.selection){   
	var r=document.body.createTextRange();   
	r.moveToElementText(elem);   
	r.select();
    }   
	}
</script><script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

<!--Оповещение о новых ЛС--><script type="text/javascript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У вас новое сообщение!")
}
</script>


<script type="text/javascript">
    inColor("darkgreen", new Array("Maito Gai"))
    inColor("#725a9c", new Array("Uchiha Sasuke"))
    inColor("LightSeaGreen", new Array("PR"))

    function inColor(color, myarray){
    var a=document.links
    for(i=0;i<a.length;i++){
    for(q=0;q<myarray.length;q++){
    if(a[i].innerHTML==myarray[q]){
    a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
    }}}}
    </script>



<link rel="shortcut icon" href="http://s5.uploads.ru/jdP3z.png" type="image/x-icon">


<br>
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
БАННЕРЫ</a><div style="display: none"> 

<br>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>

<a href="http://lylife.ru/" title="Ты еще не с нами?" target=_blank> <img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a>

<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/39012.gif" border="0" alt="COLOR FORUM"></a>

<a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>


<a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="http://forumstatic.ru/files/0012/66/88/37418.png" border="0" ></a>

<br><br>

<a href="http://sw.webtalk.ru/" target=_blank> <img src="http://uploads.ru/t/o/k/1/ok12U.jpg" title=" Bleach: Swords' world" ></a>


<a href="http://nakama.anihub.ru/" target="_blank"><img title="One Piece: The Creeping Future" height="31" src="http://s2.uploads.ru/ZQYRX.gif" width="88" border="0" /></a>


<a href="http://fatestaynight.rolevaya.ru" target=_blank><img src="http://forumstatic.ru/files/000e/72/d5/94626.gif" width=88 height=31 title="Fate/Splinters of Wishes" border=0></a>


<a href='http://mybloodydemon.mybb.ru' target='_blank'><img src='http://savepic.ru/3224301.gif'></img>


<a href="http://vampirecastle.rolka.su/" target="_blank"><img src="http://s1.uploads.ru/t/VFzTn.gif" border="0" width="88" height="31" title="Vampire Knight: Castle of illusion"></a>



<a href="http://most.mybb.ru"><img src="http://forumstatic.ru/files/000b/79/89/73839.jpg" title="Мост - форум ролевых игр и общения" alt="Мост - форум ролевых игр и общения" border="0" width="88" height="31"></a>


<a href="http://drrrmyth.rolka.su/
" target="_blank"title="Durarara!! Urban Legend"><img src="http://forumstatic.ru/files/0012/ac/ad/88721.png"></a>


<a href="http://vandenreich.mybb.ru/" target=_blank> <img src="http://forumstatic.ru/files/0012/25/be/46491.jpg" title="Bleach: New Arc" ></a>


<a href=" http://narutowoh.rusff.me/" target=_blank> <img src="http://s2.uploads.ru/LCDZt.gif"></a>

<a href="http://narutowoc.anihub.ru/"><img src="http://forumstatic.ru/files/0013/6f/9a/12149.png"border="0" alt="Naruto New Generation: War Of Change"/></a>

<a target="_blank" href="http://uzumaka.rusff.me"><img src="http://s0.uploads.ru/dLTGD.png" ></a>

<a href="http://worldbloodlad.rusff.me/" title="Blood lad: Dark Emperor" target="_blank"><img src="http://savepic.net/3985889.gif" border="0" width="88" height="31"></a>



<br><br><a href='http://narutoxgen.mybb.ru/' target='_blank' title='X-Gen'><img src='http://s7.uploads.ru/0fBtp.gif' border='0' width='468' height='60' alt='X-Gen'></a>
</div></div><br><br>

<center>


<a href="http://bleach-z.ru/" target=_blank> <img src="http://s1.uploads.ru/i/bzJCo.gif" title="Bleach: zero kara no rekishi" ></a>

</center>

объявление

Код:

<table border="0" width="780px" height="210px" center>
<tr>
<td rowspan="2" width="300px">


<center><table width="230px">

<b>Команда форума</b><br><br><a target="blank"href="http://jutsu.hutt.ru/profile.php?id=2"><img src="http://s5.uploads.ru/hTqIx.png" ></a>


</center></table>
<br><br>
<center><font style="font-size:14px" face="Consolas, Cambria, Century gothic" line-height="10px";>НОВОСТИ</font></center><p style="width:300px; height:150px; overflow:auto; overflow-x:auto; text-align:justify; scrollbar-3dlight-color: #808080; scrollbar-face-color: #c0c0c0; scrollbar-track-color: #e1e1e1;">В игру принимаются лишь каноны, закрыт прием персонажей филлеров. Упор в основном делается на мангу. Сюжет видоизменен, некоторые события изображены в ином порядке, как они представлены в первоисточнике. <br>Внимание! На ролевой действует упрощенный прием анкет и правило трех вопросов: пример Вы можете посмотреть в теме Краткий экскурс. FAQ. Рейтинг игры R (16+). Система игры эпизодическая</p></center>


</td>
<td>

<style>	
#menu span {
padding: 0px 1px 0px; 
margin-right: 1px;
margin: -10px 10px;
width: 420px;
text-decoration: none;
}
#menu .tabactive {
color: #abcdef;
background:#;
}

#submenu {
padding-left: 55px;
height: 210px;
text-align: center;
font-size: 11px;
width: 420px;
}

.submenutext {
display: none; 
height: 20px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center><table style="width: 410px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">News</span>
<span alt=#sm2 "style="cursor: pointer;">Links</span>
<span alt=#sm3 "style="cursor: pointer;">Friends</span>
<span alt=#sm4 "style="cursor: pointer;">Contest </span>

           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<p style="width:410px; height:200px; overflow:auto; overflow-x:auto; text-align:justify; font-size:11px; scrollbar-3dlight-color: #bbbbbb; scrollbar-face-color: #808080; scrollbar-track-color: #99958c;">


<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=36#p1251">Квест №1.1 "Все шло по заранее нарушенному плану..." - </a><b>Uchiha Itachi</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=57#p3398">Квест №1.3 "Истина каждый раз рождается заново..." - </a><b>Pain</b><br>


<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=105#p7705">Квест №1. 11 "Опасность тем страшней, чем она маловероятней" - </a><b>Yamanaka Ino</b><br>


<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=170#p17387">Квест №1. 19 "Ответственность за информацию несёт тот, кто её потребляет" - </a><b>A (GM)</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=173#p17659">Квест №1. 20 "Они не прогнулись под обстоятельства, а просто иначе на них посмотрели" - </a><b>Tsunade</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=174#p17661">Квест №1. 21 "Требования одних отнюдь не являются обязательными к исполнению для других" - </a><b>Sabaku no Gaara</b><br>

</p><br/><br/>


</div>
     <div id="sm2" class="submenutext"><br /><br />
<center><a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=2#p2">Правила</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=7#p7">Сюжет</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=1#p1">Список ролей</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=10#p12">Краткий экскурс. FAQ</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=42#p1682">Объявления</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=3#p3">Заполнение профиля</a> ♦ <br><br>
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=37">Игровые эпизоды</a> ♦
 <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=6#p6">Шаблон анкеты</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=4#p4">Обращение к администрации</a>  ♦ 
 <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=9#p10">Бронирование ролей</a></center>
</div>
     <div id="sm3" class="submenutext"><br /><br />
<p style="width:410px; height:200px; overflow:auto; overflow-x:auto; text-align:center; scrollbar-3dlight-color: #bbbbbb; scrollbar-face-color: #808080; scrollbar-track-color: #99958c;">

<b>Администрация рекомендует:</b><br>

<a href="http://bleach-z.ru/" target=_blank> <img src="http://bleach-z.ru/files/000e/9d/8b/53932.gif" title="Bleach: zero kara no rekishi" ></a>


<a href="http://finalarc.anihub.ru" target="_blank"><img title="Bleach. The Thousand Year Blood War" height="31" src="http://s5.uploads.ru/dvY6Z.gif" width="88" border="0" /></a>

<br><br>

<a href="http://bleachnewdestiny.anihub.ru/" alt="Bleach: New Destiny" title="Bleach: New Destiny" target="_blank"><img src="http://s1.uploads.ru/laVvj.gif" ></a>


<a href="http://sw.webtalk.ru/" target=_blank> <img src="http://uploads.ru/t/o/k/1/ok12U.jpg" title=" Bleach: Swords' world" ></a>


<a href="http://khrnova.anihub.ru/" target="_blank"><img src="http://uploads.ru/i/1/D/A/1DA0L.gif" title=" KHR Nova: The next generation" width="88" height="31"></a>


<a href="http://madmadwonderland.rusff.me/" alt="Наша реклама. Наши баннеры."><img src="http://s1.uploads.ru/i/BqDWZ.gif"></a>

<a href="http://narutobeginning.rolka.su/" title="Ждем новых игроков! :3" target=_blank> <img src="http://s4.uploads.ru/ZHCOg.gif" border="0" alt="Naruto: The Вeginning of a Legend"></a>

</p>
</div>


     <div id="sm4" class="submenutext"><br /><br />
<center><b>ПОБЕДИТЕЛЬ КОНКУРСА "Мой каноничный мир":</b><br><br>
<img src="http://s6.uploads.ru/4AUEQ.png" border="0" /><br><br>
Благодарим за участие и ответы Haruno Sakura и Tsunade! В свою очередь второе место зарабатывает Тсунаде-химе, третье - Харуно Сакура!<br>
Посмотреть вопросы и ответы на них <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=167#p16967">ИТОГИ КОНКУРСА</a></center>
</div>
<center>
</div>


</div>
   </td>
</tr>
 </tbody>
</table></center>

</td>
</tr>
</table>


<center>
<a href="http://top.roleplay.ru/21091" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<a href="http://forum-top.ru/vote/2732" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <br><br>

<a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="http://forumstatic.ru/files/0012/66/88/37418.png" border="0" ></a>


<a href=http://yamaku.f-rpg.ru/><img src=http://s4.uploads.ru/PgWxe.gif></a>

<a href="http://pmoe.rusff.me/" alt="Planetary Moe" title="Planetary Moe" target=_blank> <img src="http://i062.radikal.ru/1310/eb/3ccade57f454.gif" border="0" ></a>

<a href="http://aphoenix.anihub.ru/"><img src="http://s5.uploads.ru/mTCFv.gif" title="Академия, где ты не больше, чем вещь..." /></a>

<a href="http://bleach-z.ru/" target=_blank> <img src="http://s4.uploads.ru/AcSUN.png" title="FRPG: BLEACH. ZKNR" ></a>

<a href='http://narutoxgen.mybb.ru/' target='_blank' title='X-Gen'><img src='http://s6.uploads.ru/6HPsi.gif' border='0' width='88' height='31' alt='X-Gen'></a>


</center>

форма ответа

Код:

<style>#button-justify {background-image:url('http://savepic.ru/1556552.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(9).innerHTML="<img src='/i/blank.gif' id='button-justify' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>









<INPUT style="TEXT-ALIGN: center; WIDTH: 40px" id=num class=codeButtons title="Счётчик символов" readOnly type=text>
<SCRIPT type=text/javascript>
document.getElementById("main-reply").addEventListener('focus', nc, false);
document.getElementById("main-reply").addEventListener('keydown', nc, false);
document.getElementById("main-reply").addEventListener('keyup', nc, false);
document.getElementById("main-reply").addEventListener('keypress', nc, false);
document.getElementById("main-reply").addEventListener('change', nc, false);
function nc(){document.getElementById('num').value = document.getElementById('main-reply').value.length}   
</SCRIPT>


<div>
<br><input type="button" value="Smiles" onclick="return showhide(this)">
<p style="display:none"><br>
<img src="http://s5.uploads.ru/VRIty.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/VRIty.gif[/img]')" />
<img src="http://s5.uploads.ru/ve6P1.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/ve6P1.gif[/img]')" />
<img src="http://s5.uploads.ru/Ayowp.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/Ayowp.gif[/img]')" />
<img src="http://s4.uploads.ru/KF3Zq.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/KF3Zq.gif[/img]')" />
<img src="http://s4.uploads.ru/63Rln.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/63Rln.gif[/img]')" />
<img src="http://s4.uploads.ru/1rYhL.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/1rYhL.gif[/img]')" />
<img src="http://s4.uploads.ru/yjE5V.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/yjE5V.gif[/img]')" />
<img src="http://s4.uploads.ru/imoTG.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/imoTG.gif[/img]')" />
<img src="http://s5.uploads.ru/F7ztK.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/F7ztK.gif[/img]')" />
<img src="http://s4.uploads.ru/WIXn4.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/WIXn4.gif[/img]')" />
<img src="http://s4.uploads.ru/RTYyi.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/RTYyi.gif[/img]')" />
<img src="http://s4.uploads.ru/zJEbp.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/zJEbp.gif[/img]')" />
<img src="http://s5.uploads.ru/KkGHr.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/KkGHr.gif[/img]')" />
<img src="http://s5.uploads.ru/1j250.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/1j250.gif[/img]')" />
<img src="http://s5.uploads.ru/Ncjzb.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/Ncjzb.gif[/img]')" />
<img src="http://s5.uploads.ru/H6FCA.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/H6FCA.gif[/img]')" />
<img src="http://s5.uploads.ru/wAU1Y.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/wAU1Y.gif[/img]')" />
<img src="http://s4.uploads.ru/2ufoQ.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/2ufoQ.gif[/img]')" />
<img src="http://s4.uploads.ru/Nk58C.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/Nk58C.gif[/img]')" />
<img src="http://s5.uploads.ru/YyPE3.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/YyPE3.gif[/img]')" />
<img src="http://s5.uploads.ru/xZ9gF.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/xZ9gF.gif[/img]')" />
<img src="http://s5.uploads.ru/VLqTu.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/VLqTu.gif[/img]')" />
<img src="http://s5.uploads.ru/29iM4.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/29iM4.gif[/img]')" />
<img src="http://s4.uploads.ru/klL9Z.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/klL9Z.gif[/img]')" />
<img src="http://s5.uploads.ru/prPMl.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/prPMl.gif[/img]')" />
<img src="http://s5.uploads.ru/pcIqw.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/pcIqw.gif[/img]')" />
<img src="http://s4.uploads.ru/GNW1K.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/GNW1K.gif[/img]')" />
<img src="http://s5.uploads.ru/30ZLk.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/30ZLk.gif[/img]')" />
<img src="http://s4.uploads.ru/trnGi.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/trnGi.gif[/img]')" />
<img src="http://s5.uploads.ru/ePbSK.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/ePbSK.gif[/img]')" />
<img src="http://s4.uploads.ru/WDJjq.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/WDJjq.gif[/img]')" />
<img src="http://s5.uploads.ru/YqkNL.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/YqkNL.gif[/img]')" />
<img src="http://s4.uploads.ru/c73Rn.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/c73Rn.gif[/img]')" />
<img src="http://s4.uploads.ru/gr9XF.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/gr9XF.gif[/img]')" />
<img src="http://s5.uploads.ru/p6W9s.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/p6W9s.gif[/img]')" />
<img src="http://s4.uploads.ru/7HAX2.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/7HAX2.gif[/img]')" />
<img src="http://s4.uploads.ru/w2WFu.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/w2WFu.gif[/img]')" />
<img src="http://s4.uploads.ru/J4lAN.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/J4lAN.gif[/img]')" />
<img src="http://s5.uploads.ru/JTWab.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/JTWab.gif[/img]')" />
<img src="http://s5.uploads.ru/XAYmV.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/XAYmV.gif[/img]')" />
<img src="http://s4.uploads.ru/GEalz.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/GEalz.gif[/img]')" />
<img src="http://s4.uploads.ru/kJFof.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/kJFof.gif[/img]')" />
<img src="http://s5.uploads.ru/aqwUl.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/aqwUl.gif[/img]')" />
<img src="http://s5.uploads.ru/Yt3pE.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/Yt3pE.gif[/img]')" />
<img src="http://s5.uploads.ru/1druj.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/1druj.gif[/img]')" />
<img src="http://s4.uploads.ru/skumJ.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/skumJ.gif[/img]')" />
<img src="http://s4.uploads.ru/z53xL.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/z53xL.gif[/img]')" />
<img src="http://s5.uploads.ru/983RD.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/983RD.gif[/img]')" />
<img src="http://s5.uploads.ru/Q3zWn.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/Q3zWn.gif[/img]')" />
<img src="http://s5.uploads.ru/2j7OH.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/2j7OH.gif[/img]')" />
<img src="http://s4.uploads.ru/gOJYr.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/gOJYr.gif[/img]')" />
<img src="http://s4.uploads.ru/Qdt8o.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/Qdt8o.gif[/img]')" />
<img src="http://s5.uploads.ru/HnoTp.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/HnoTp.gif[/img]')" />
<img src="http://s4.uploads.ru/UfyJh.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/UfyJh.gif[/img]')" />
</div>
<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Smiles"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Smiles"
p.style.display="none"}
return false}
</script>

стректура

Код:

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
 text-shadow: 0px 0px 0px #ffffff;  }


/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline;
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 130px;
  border: none;
  width: 800px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  float: none;
background-color: #cfd6d9;
color: #302524;
background-image:url(http://s4.uploads.ru/ga7sw.jpg);
text-align: center;
padding-top: 45px!important;
background-position:top center; 
background-repeat:no-repeat;
font-family: Tahoma; 
width: 540px;
height: 170px;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #fff;
  display: block;
  margin: 7px 0 2px;
  width: 385px;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -5.1em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
   text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 16px;
  font-weight: normal;
  font-family: Garamond; 
  text-transform: uppercase;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 6px 1em;
  border-left: none;
  border-top: none;
  border-bottom: none;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 10px;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 70px;
  padding-top: 1px;
  margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 0.2em 0.2em 0.2em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {



  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }



/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -30px;
}


/* D1.2 */
#pun-title h1 {
  display : block;
  height: 305px;
  margin: -1px 0px 0px 40px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {display: none;}
  }


#pun-title table {
border: none;
height: 300px;
width: 100%;
}

#pun-title td.title-logo-tdl {
border: none;
width: 100%;

.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
  position: relative;
  left: 169px;
  right: 216px;
  top: 63px;
}
}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border-style: none solid none solid;
  border-width: 0px 0px 0px 0px;
  margin: -100;
  margin-top: -300;
}

#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
    padding-top: 12px;
    height: 20px;
    font-weight: normal;
    text-align: center;
}

/* D.3 */
#pun-navlinks li {
    display: inline;
    margin: 1.25%;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: -100;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  font-size: 10px;
  margin-top: -17px;
  font-family: Garamond; 
  text-transform: uppercase;
  text-align: center;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }


/* D6 Announcement
-------------------------------------------------------------*/

#pun-announcement h2 {display: none}

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: normal;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }




/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

цвета

Код:

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 0px; top: 0px
}



/*Ставим шапку*/
body {
background-image: url(http://s6.uploads.ru/4M2Nw.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: transparent; 
}

/*Ставим фон*/
HTML {
background-color: #cfd6d9;
background-image: url(http://s5.uploads.ru/uCgYl.jpg);
background-repeat: repeat-y; 
background-position: center top;
}

/*Ставим низ*/
#pun_wrap {  
background-image: url(http://s5.uploads.ru/rRxSd.jpg);
background-repeat: no-repeat; 
background-position: center bottom;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #transparent; 
  color: #383838;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   background-color: transparent;
  color: #383838;
  }


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  color: #383838;
  text-align: center;
  font-size: 16px;
  font-family: Garamond; 
  text-transform: uppercase;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #383838;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color:  transparent ;
   color: #383838;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color:  transparent ;
  color: #383838;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #474747;
 background-color: #efefef  !important;
  border-top: 3px solid #9daeae !important;
  border-bottom: 1px !important;
  border-left: 1px !important;
  border-right: 1px !important;
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
  }

/*Форма ответа*/
.punbb textarea, .punbb select, .punbb input {
  color: #474747;
 background-color: #efefef  !important;
  border-top: 3px solid #9daeae !important;
  border-bottom: 1px !important;
  border-left: 1px !important;
  border-right: 2px !important;
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
  }




/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #383838;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
 background: tranparent;
  color: #383838;
border-color: #626262; 
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

li.pa-online {
  border-left-color: #665f4e;
  }

.punbb .post-sig dt {
  border-top-color: #665f4e !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #1c1c1c;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #1c1c1c;
  text-decoration: none;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #4e4d4d;
    border-bottom: 0px none #000;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #1c1c1c;
  border-bottom: 0px none #;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-family: Garamond; 
  text-transform: uppercase;


  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #1c1c1c;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {
background-image : url(http://s4.uploads.ru/CSl1f.jpg);
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url(http://s4.uploads.ru/NclSE.jpg);
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url(http://s4.uploads.ru/K9bRL.jpg);
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url(http://s5.uploads.ru/9KUk1.jpg);
background-repeat: no-repeat;
}


#pun-stats ul.container {
    background: url(http://s5.uploads.ru/9KUk1.jpg) no-repeat scroll 20px 10px transparent!important;
    padding-left: 100px; height: 70px;
}

/* окантовка */
.post-author ul {  background-color: #efefef;  border-top: 3px solid #9daeae !important;
  border-bottom:1px !important;
  border-left: 0px !important;
  border-right: 0px !important;
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
 margin: 0.6em;}
.post-author ul li {border-top: 1px none #; margin: 2px 4px 0; padding: 0 2px 2px;}
.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar, .post-author ul li.pa-fld5, .post-author ul li.pa-online {text-align: center;}
.post-author ul li.pa-fld1 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld2, .post-author ul li.pa-fld6 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld3 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld4 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld5 {background: none repeat scroll 0 0 #; margin-bottom: 2px;}
.post-author ul li.pa-avatar img {border: 1px solid #; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);}
.post-author ul li.pa-avatar {margin: 0; padding: 0;}
.post-author ul li.pa-avatar img {height: auto; max-height: 180px !important; max-width: 180px !important; width: auto;}
.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar {border: medium none;}
.post-author ul li.pa-author a {font-style: normal !important; text-decoration: none !important;}
.post-author li {text-align:center}

Поделиться182013-11-20 15:30:42

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Статика

Вариант мастера полтергейст

СЮЖЕТ | СПИСОК РОЛЕЙ | ГОСТЕВОЙ РАЗДЕЛ

Код:

[align=center][url=http://jutsu.hutt.ru/][img]http://s5.uploads.ru/EXL7s.png[/img][/url][/align]
[align=center][url=http://jutsu.hutt.ru/viewtopic.php?id=7#p7]СЮЖЕТ[/url] | [url=http://jutsu.hutt.ru/viewtopic.php?id=1#p1]СПИСОК РОЛЕЙ[/url] | [url=http://jutsu.hutt.ru/viewforum.php?id=5]ГОСТЕВОЙ РАЗДЕЛ[/url]
[/align]

Вариант мастера полтергейст

СЮЖЕТ | СПИСОК РОЛЕЙ | ГОСТЕВОЙ РАЗДЕЛ

Код:

[align=center][url=http://jutsu.hutt.ru/][img]http://s5.uploads.ru/okfsR.png[/img][/url][/align]
[align=center][url=http://jutsu.hutt.ru/viewtopic.php?id=7#p7]СЮЖЕТ[/url] | [url=http://jutsu.hutt.ru/viewtopic.php?id=1#p1]СПИСОК РОЛЕЙ[/url] | [url=http://jutsu.hutt.ru/viewforum.php?id=5]ГОСТЕВОЙ РАЗДЕЛ[/url]
[/align]

Вариант мастера полтергейст

СЮЖЕТ | СПИСОК РОЛЕЙ | ГОСТЕВОЙ РАЗДЕЛ

Код:

[align=center][url=http://jutsu.hutt.ru/][img]http://s5.uploads.ru/17VEd.png[/img][/url][/align]
[align=center][url=http://jutsu.hutt.ru/viewtopic.php?id=7#p7]СЮЖЕТ[/url] | [url=http://jutsu.hutt.ru/viewtopic.php?id=1#p1]СПИСОК РОЛЕЙ[/url] | [url=http://jutsu.hutt.ru/viewforum.php?id=5]ГОСТЕВОЙ РАЗДЕЛ[/url]
[/align]

Вариант мастера Nancy Beatlejuice

СЮЖЕТ | СПИСОК РОЛЕЙ | ГОСТЕВОЙ РАЗДЕЛ

Код:

[align=center][url=http://jutsu.hutt.ru/][img]http://s4.uploads.ru/qsrin.png[/img][/url][/align]
[align=center][url=http://jutsu.hutt.ru/viewtopic.php?id=7#p7]СЮЖЕТ[/url] | [url=http://jutsu.hutt.ru/viewtopic.php?id=1#p1]СПИСОК РОЛЕЙ[/url] | [url=http://jutsu.hutt.ru/viewforum.php?id=5]ГОСТЕВОЙ РАЗДЕЛ[/url]
[/align]

Вариант мастера warrior‵

СЮЖЕТ | СПИСОК РОЛЕЙ | ГОСТЕВОЙ РАЗДЕЛ

Код:

[align=center][url=http://jutsu.hutt.ru/][img]http://savepic.org/4142226.png[/img][/url][/align]
[align=center][url=http://jutsu.hutt.ru/viewtopic.php?id=7#p7]СЮЖЕТ[/url] | [url=http://jutsu.hutt.ru/viewtopic.php?id=1#p1]СПИСОК РОЛЕЙ[/url] | [url=http://jutsu.hutt.ru/viewforum.php?id=5]ГОСТЕВОЙ РАЗДЕЛ[/url]
[/align]

Вариант поисковой 1

N a r u t o: P o w e r t o B e l i e v e

В игру срочно требуются:

Код:

[align=center][url=http://jutsu.hutt.ru/][size=16][b]N a r u t o: P o w e r   t o   B e l i e v e[/b][/size][/url][/align]

[align=center][url=http://jutsu.hutt.ru/][img]http://s4.uploads.ru/LvPzI.png[/img][/url][/align]
[align=center][b]В игру срочно требуются:[/b][/align]
[align=center][img]http://s4.uploads.ru/eRfQi.gif[/img] [img]http://s5.uploads.ru/4sRYH.png[/img] [img]http://s5.uploads.ru/1EZyw.png[/img] [img]http://s4.uploads.ru/7RNsl.png[/img] [img]http://s5.uploads.ru/k53pm.gif[/img] [img]http://s4.uploads.ru/Gs0qE.png[/img] [img]http://s5.uploads.ru/FkIlY.png[/img][/align]

Вариант поисковой 2

N a r u t o: P o w e r t o B e l i e v e

В игру срочно требуются:

Код:

[align=center][url=http://jutsu.hutt.ru/][size=16][b]N a r u t o: P o w e r   t o   B e l i e v e[/b][/size][/url][/align]

[align=center][url=http://jutsu.hutt.ru/][img]http://s4.uploads.ru/zUvT5.png[/img][/url][/align]
[align=center][b]В игру срочно требуются:[/b][/align]
[align=center][img]http://s5.uploads.ru/oz0D1.png[/img] [img]http://s4.uploads.ru/9wW7n.png[/img] [img]http://s4.uploads.ru/XK3Au.png[/img] [img]http://s5.uploads.ru/B8p5R.png[/img] [img]http://s5.uploads.ru/EMjXO.png[/img] [img]http://s5.uploads.ru/Y7KCM.png[/img]  [img]http://s4.uploads.ru/brVI0.png[/img][/align]

Поделиться192013-12-06 16:14:08

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Код:

<a href="http://top.roleplay.ru/21091" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

Поделиться202014-01-20 07:14:17

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

ДИЗАЙН С ИНО И САКУРОЙ

хтмл верх

Код:

<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>

<div style="position: absolute; width:316px; height:219px; top:85px !important; margin-left:14px; font-size:11px; line-height:12px; text-align:center; ">

        <p style="width:316px; height:219px; text-align:center;">
<font color="#f4dece"><b>В ИГРУ СРОЧНО ТРЕБУЮТСЯ:</b><br>
<img src="http://s5.uploads.ru/NW6bi.png" border="0" /> <img src="http://s5.uploads.ru/H8wNr.png" border="0" /> <img src="http://s5.uploads.ru/6mCp5.png" border="0" /> <img src="http://s5.uploads.ru/yvZgM.jpg" border="0" /> <img src="http://s4.uploads.ru/3dz2w.png" border="0" /><br>
<b>Призеры "Канон месяца" декабрь-2013:</b><br>
<img src="http://s6.uploads.ru/EU9Gc.png" border="0" /> <img src="http://s6.uploads.ru/7oDkG.png" border="0" /> <img src="http://s7.uploads.ru/BOf58.png" border="0" /><br>
Первое место занял шпион "двух господ" Якуши Кабуто; на втором месте как раз уверенно обосновался один из них - Сасори; третье же место взяла "девочка-вишня" - Харуно Сакура!</font>
        <p>
      </div>


<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f19, #forum_f21{display:none}</style>")
</script>

хтмл-низ

Код:

<script>a="http://jutsu.hutt.ru/viewtopic.php?id=42#p19397";
Transform_Code_Box_in_HTML (a)</script> 

<script>a="http://jutsu.hutt.ru/viewtopic.php?id=42#p18997";
Transform_Code_Box_in_HTML (a)</script> 

<script type="text/javascript">
    PiarNik="PR";
    PiarPas="12345";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">PR-вход</a></span></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

<!--"Выделить код" в форме кода--><script type="text/javascript">
	function select_text(elem) {
    if(window.getSelection) {   
	var s=window.getSelection();   
	if(s.setBaseAndExtent){   
    s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
	}
	else {   
    var r=document.createRange();   
    r.selectNodeContents(elem);   
    s.removeAllRanges();   
    s.addRange(r);
	}   
    }
    else if(document.getSelection){   
	var s=document.getSelection();   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);   
    }
    else if(document.selection){   
	var r=document.body.createTextRange();   
	r.moveToElementText(elem);   
	r.select();
    }   
	}
</script><script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

<!--Оповещение о новых ЛС--><script type="text/javascript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)
if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
alert("У вас новое сообщение!")
}
</script>


<script type="text/javascript">
    inColor("darkgreen", new Array("Maito Gai"))
    inColor("#930106", new Array("Akasuna no Sasori"))
    inColor("LightSeaGreen", new Array("PR"))

    function inColor(color, myarray){
    var a=document.links
    for(i=0;i<a.length;i++){
    for(q=0;q<myarray.length;q++){
    if(a[i].innerHTML==myarray[q]){
    a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
    }}}}
    </script>



<link rel="shortcut icon" href="http://s7.uploads.ru/wen3q.png" type="image/x-icon">


<br>
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
БАННЕРЫ</a><div style="display: none"> 

<br>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>

<a href="http://lylife.ru/" title="Ты еще не с нами?" target=_blank> <img src="http://forumstatic.ru/files/000b/09/4f/76237.gif" border="0" alt="Live Your Life"></a>

<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/39012.gif" border="0" alt="COLOR FORUM"></a>

<a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>


<a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="http://forumstatic.ru/files/0012/66/88/37418.png" border="0" ></a>

<br><br>

<a href="http://sw.webtalk.ru/" target=_blank> <img src="http://uploads.ru/t/o/k/1/ok12U.jpg" title=" Bleach: Swords' world" ></a>


<a href="http://nakama.anihub.ru/" target="_blank"><img title="One Piece: The Creeping Future" height="31" src="http://s2.uploads.ru/ZQYRX.gif" width="88" border="0" /></a>


<a href="http://fatestaynight.rolevaya.ru" target=_blank><img src="http://forumstatic.ru/files/000e/72/d5/94626.gif" width=88 height=31 title="Fate/Splinters of Wishes" border=0></a>


<a href='http://mybloodydemon.mybb.ru' target='_blank'><img src='http://savepic.ru/3224301.gif'></img>


<a href="http://vampirecastle.rolka.su/" target="_blank"><img src="http://s1.uploads.ru/t/VFzTn.gif" border="0" width="88" height="31" title="Vampire Knight: Castle of illusion"></a>



<a href="http://most.mybb.ru"><img src="http://forumstatic.ru/files/000b/79/89/73839.jpg" title="Мост - форум ролевых игр и общения" alt="Мост - форум ролевых игр и общения" border="0" width="88" height="31"></a>


<a href="http://drrrmyth.rolka.su/
" target="_blank"title="Durarara!! Urban Legend"><img src="http://forumstatic.ru/files/0012/ac/ad/88721.png"></a>


<a href="http://vandenreich.mybb.ru/" target=_blank> <img src="http://forumstatic.ru/files/0012/25/be/46491.jpg" title="Bleach: New Arc" ></a>


<a href="http://narutowoc.anihub.ru/"><img src="http://forumstatic.ru/files/0013/6f/9a/12149.png"border="0" alt="Naruto New Generation: War Of Change"/></a>

<a target="_blank" href="http://uzumaka.rusff.me"><img src="http://s0.uploads.ru/dLTGD.png" ></a>

<a href="http://worldbloodlad.rusff.me/" title="Blood lad: Dark Emperor" target="_blank"><img src="http://savepic.net/3985889.gif" border="0" width="88" height="31"></a>

<a href="http://reverberation.rusff.me/" target="_blank"><img src="http://savepic.net/4281122m.gif"  title="Naruto.Reverberation"  border="0" /></a>



<br><br><a href='http://narutoxgen.mybb.ru/' target='_blank' title='X-Gen'><img src='http://s7.uploads.ru/0fBtp.gif' border='0' width='468' height='60' alt='X-Gen'></a>
</div></div><br><br>

<center>


<a href="http://bleach-z.ru/" target=_blank> <img src="http://s1.uploads.ru/i/bzJCo.gif" title="Bleach: zero kara no rekishi" ></a>

</center>

таблица

Код:

<center><b>ВНИМАНИЕ!! НА ФОРУМЕ ДЕЙСТВУЕТ СПЕЦИАЛЬНАЯ АКЦИЯ <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=180#p18601">ЗАДАРОМ</a></b></center><br><br>

<table border="0" width="780px" height="210px" center>
<tr>
<td rowspan="2" width="300px">


<center><table width="230px">

<b>Команда форума</b><br><br><a target="blank"href="http://jutsu.hutt.ru/profile.php?id=2"><img src="http://s7.uploads.ru/Dqwc4.png" ></a> &nbsp; <a target="blank"href="http://jutsu.hutt.ru/profile.php?id=54"><img src="http://s7.uploads.ru/loUmW.png" ></a>


</center></table>
<br><br>
<center><font style="font-size:14px" face="Consolas, Cambria, Century gothic" line-height="10px";>НОВОСТИ</font></center><p style="width:300px; height:150px; overflow:auto; overflow-x:auto; text-align:justify; scrollbar-3dlight-color: #808080; scrollbar-face-color: #c0c0c0; scrollbar-track-color: #e1e1e1;">В игру принимаются лишь каноны, закрыт прием персонажей филлеров. Упор в основном делается на мангу. Сюжет видоизменен, некоторые события изображены в ином порядке, как они представлены в первоисточнике. <br>Внимание! На ролевой действует упрощенный прием анкет и правило трех вопросов: пример Вы можете посмотреть в теме Краткий экскурс. FAQ. Рейтинг игры R (16+). Система игры эпизодическая</p></center>


</td>
<td>

<style>	
#menu span {
padding: 0px 1px 0px; 
margin-right: 1px;
margin: -10px 10px;
width: 420px;
text-decoration: none;
}
#menu .tabactive {
color: #abcdef;
background:#;
}

#submenu {
padding-left: 55px;
height: 210px;
text-align: center;
font-size: 11px;
width: 420px;
}

.submenutext {
display: none; 
height: 20px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center><table style="width: 410px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">News</span>
<span alt=#sm2 "style="cursor: pointer;">Links</span>
<span alt=#sm3 "style="cursor: pointer;">Friends</span>
<span alt=#sm4 "style="cursor: pointer;">Contest </span>

           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<p style="width:410px; height:200px; overflow:auto; overflow-x:auto; text-align:justify; font-size:11px; scrollbar-3dlight-color: #bbbbbb; scrollbar-face-color: #808080; scrollbar-track-color: #99958c;">
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=105#p7705">Квест №1. 11 "Опасность тем страшней, чем она маловероятней" - </a><b>Kakuzu</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=179#p18399">Квест №1. 18 "Чем менее точна информация, тем более бурно мы на нее реагируем" - </a><b>Uzumaki Karin</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=174#p17661">Квест №1. 21 "Требования одних отнюдь не являются обязательными к исполнению для других" - </a><b>Temari</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=178#p18317">Квест №1. 22 "Люди ненавидят, как и любят, безрассудно" - </a><b>Pain</b><br>

<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=209#p21998">Квест №1. 25 "Все его слова имеют одну цель — скрыть, что же он думает на самом деле" - </a><b>Tobi</b><br>

</p><br/><br/>


</div>
     <div id="sm2" class="submenutext"><br /><br />
<center><a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=2#p2">Правила</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=7#p7">Сюжет</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=1#p1">Список ролей</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=10#p12">Краткий экскурс. FAQ</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=42#p1682">Объявления</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=3#p3">Заполнение профиля</a> ♦ <br><br>
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=37">Игровые эпизоды</a> ♦
 <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=6#p6">Шаблон анкеты</a> ♦ 
<a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=4#p4">Обращение к администрации</a>  ♦ 
 <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=9#p10">Бронирование ролей</a></center>
</div>
     <div id="sm3" class="submenutext"><br /><br />
<p style="width:410px; height:200px; overflow:auto; overflow-x:auto; text-align:center; scrollbar-3dlight-color: #bbbbbb; scrollbar-face-color: #808080; scrollbar-track-color: #99958c;">

<b>Администрация рекомендует:</b><br>

<a href="http://bleach-z.ru/" target=_blank> <img src="http://bleach-z.ru/files/000e/9d/8b/53932.gif" title="Bleach: zero kara no rekishi" ></a>


<a href="http://finalarc.anihub.ru" target="_blank"><img title="Bleach. The Thousand Year Blood War" height="31" src="http://s5.uploads.ru/dvY6Z.gif" width="88" border="0" /></a>

<br><br>

<a href="http://bleachnewdestiny.anihub.ru/" alt="Bleach: New Destiny" title="Bleach: New Destiny" target="_blank"><img src="http://s1.uploads.ru/laVvj.gif" ></a>


<a href="http://sw.webtalk.ru/" target=_blank> <img src="http://uploads.ru/t/o/k/1/ok12U.jpg" title=" Bleach: Swords' world" ></a>


<a href="http://khrnova.anihub.ru/" target="_blank"><img src="http://uploads.ru/i/1/D/A/1DA0L.gif" title=" KHR Nova: The next generation" width="88" height="31"></a>


<a href="http://narutobeginning.rolka.su/" title="Ждем новых игроков! :3" target=_blank> <img src="http://s4.uploads.ru/ZHCOg.gif" border="0" alt="Naruto: The Вeginning of a Legend"></a>


<a href="http://bbang.rusff.me/" target=_blank><img src="http://s7.uploads.ru/EAx1m.gif" title="У нас своя атмосфера"></a>

</p>
</div>


     <div id="sm4" class="submenutext"><br /><br />
<center><b>ПОБЕДИТЕЛЬ КОНКУРСА "Загадки от Гая Мороза":</b><br><br>
<img src="http://s6.uploads.ru/uqZjJ.png" border="0" /><br><br>
Благодарим за участие и ответы игроков Hyuuga Hinata, Haruno Sakura и Temari!<br>
Посмотреть вопросы и ответы на них <a target="_blank" href="http://jutsu.hutt.ru/viewtopic.php?id=192#p21327">ИТОГИ КОНКУРСА</a></center>
</div>
<center>
</div>


</div>
   </td>
</tr>
 </tbody>
</table></center>

</td>
</tr>
</table>


<center>
<a href="http://top.roleplay.ru/21091" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<a href="http://forum-top.ru/vote/2732" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a> <br><br>

<a href="http://96kingdom.ru/" alt="96kingdom" title="96kingdom" target=_blank> <img src="http://forumstatic.ru/files/0012/66/88/37418.png" border="0" ></a>


<a href=http://yamaku.f-rpg.ru/><img src=http://s4.uploads.ru/PgWxe.gif></a>

<a href="http://pmoe.rusff.me/" alt="Planetary Moe" title="Planetary Moe" target=_blank> <img src="http://i062.radikal.ru/1310/eb/3ccade57f454.gif" border="0" ></a>

<a href="http://aphoenix.anihub.ru/"><img src="http://s5.uploads.ru/mTCFv.gif" title="Академия, где ты не больше, чем вещь..." /></a>

<a href="http://bleach-z.ru/" target=_blank> <img src="http://s4.uploads.ru/AcSUN.png" title="FRPG: BLEACH. ZKNR" ></a>

<a href='http://narutoxgen.mybb.ru/' target='_blank' title='X-Gen'><img src='http://s6.uploads.ru/6HPsi.gif' border='0' width='88' height='31' alt='X-Gen'></a>


</center>

форма ответа

Код:

<style>#button-justify {background-image:url('http://savepic.ru/1556552.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}</style>
<script type="text/javascript">
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(9).innerHTML="<img src='/i/blank.gif' id='button-justify' onclick=\"bbcode('[align=justify]', '[/align]');\"/>"
</script>









<INPUT style="TEXT-ALIGN: center; WIDTH: 40px" id=num class=codeButtons title="Счётчик символов" readOnly type=text>
<SCRIPT type=text/javascript>
document.getElementById("main-reply").addEventListener('focus', nc, false);
document.getElementById("main-reply").addEventListener('keydown', nc, false);
document.getElementById("main-reply").addEventListener('keyup', nc, false);
document.getElementById("main-reply").addEventListener('keypress', nc, false);
document.getElementById("main-reply").addEventListener('change', nc, false);
function nc(){document.getElementById('num').value = document.getElementById('main-reply').value.length}   
</SCRIPT>


<div>
<br><input type="button" value="Smiles" onclick="return showhide(this)">
<p style="display:none"><br>
<img src="http://s5.uploads.ru/DkZwM.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/DkZwM.gif[/img]')" />
<img src="http://s7.uploads.ru/rT6Ct.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/rT6Ct.gif[/img]')" />
<img src="http://s6.uploads.ru/Acv2L.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/Acv2L.gif[/img]')" />
<img src="http://s4.uploads.ru/skumJ.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/skumJ.gif[/img]')" />
<img src="http://s6.uploads.ru/Oz45D.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/Oz45D.gif[/img]')" />
<img src="http://s7.uploads.ru/5zaM7.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/5zaM7.gif[/img]')" />
<img src="http://s7.uploads.ru/yfWcK.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/yfWcK.gif[/img]')" />
<img src="http://s4.uploads.ru/AkItZ.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/AkItZ.gif[/img]')" />
<img src="http://s4.uploads.ru/bJhSU.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/bJhSU.gif[/img]')" />
<img src="http://s4.uploads.ru/U97Bs.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/U97Bs.gif[/img]')" />
<img src="http://s4.uploads.ru/z53xL.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/z53xL.gif[/img]')" />
<img src="http://s5.uploads.ru/iywar.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/iywar.gif[/img]')" />
<img src="http://s6.uploads.ru/IR40C.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/IR40C.gif[/img]')" />
<img src="http://s7.uploads.ru/JksRV.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/JksRV.gif[/img]')" />
<img src="http://s4.uploads.ru/KF3Zq.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/KF3Zq.gif[/img]')" />
<img src="http://s4.uploads.ru/GNW1K.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/GNW1K.gif[/img]')" />
<img src="http://s5.uploads.ru/p6W9s.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/p6W9s.gif[/img]')" />
<img src="http://s4.uploads.ru/UfyJh.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/UfyJh.gif[/img]')" />
<img src="http://s5.uploads.ru/pcIqw.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/pcIqw.gif[/img]')" />
<img src="http://s7.uploads.ru/xtbjC.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/xtbjC.gif[/img]')" />
<img src="http://s5.uploads.ru/VRIty.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/VRIty.gif[/img]')" />
<img src="http://s5.uploads.ru/aqwUl.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/aqwUl.gif[/img]')" />
<img src="http://s5.uploads.ru/H6FCA.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/H6FCA.gif[/img]')" />
<img src="http://s6.uploads.ru/gbC2p.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/gbC2p.gif[/img]')" />
<img src="http://s6.uploads.ru/8lcea.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/8lcea.gif[/img]')" />
<img src="http://s4.uploads.ru/7HAX2.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/7HAX2.gif[/img]')" />
<img src="http://s6.uploads.ru/ZuFxB.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/ZuFxB.gif[/img]')" />
<img src="http://s4.uploads.ru/T8iGZ.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/T8iGZ.gif[/img]')" />
<img src="http://savepic.su/3584136.gif" style="cursor: pointer" onclick="smile('[img]http://savepic.su/3584136.gif[/img]')" />
<img src="http://savepic.su/3565704.gif" style="cursor: pointer" onclick="smile('[img]http://savepic.su/3565704.gif[/img]')" />
<img src="http://s5.uploads.ru/YqkNL.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/YqkNL.gif[/img]')" />
<img src="http://s5.uploads.ru/xZ9gF.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/xZ9gF.gif[/img]')" />
<img src="http://s5.uploads.ru/VLqTu.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/VLqTu.gif[/img]')" />
<img src="http://s4.uploads.ru/gr9XF.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/gr9XF.gif[/img]')" />
<img src="http://s5.uploads.ru/HRu65.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/HRu65.gif[/img]')" />
<img src="http://s5.uploads.ru/xyDXa.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/xyDXa.gif[/img]')" />
<img src="http://s4.uploads.ru/trnGi.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/trnGi.gif[/img]')" />
<img src="http://s6.uploads.ru/E1Td4.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/E1Td4.gif[/img]')" />
<img src="http://s7.uploads.ru/oPmhi.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/oPmhi.gif[/img]')" />
<img src="http://s6.uploads.ru/SlTOh.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/SlTOh.gif[/img]')" />
<img src="http://s7.uploads.ru/nS85g.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/nS85g.gif[/img]')" />
<img src="http://s6.uploads.ru/akTRx.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/akTRx.gif[/img]')" />
<img src="http://s7.uploads.ru/qYpa4.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/qYpa4.gif[/img]')" />
<img src="http://s5.uploads.ru/29iM4.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/29iM4.gif[/img]')" />
<img src="http://s5.uploads.ru/ve6P1.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/ve6P1.gif[/img]')" />
<img src="http://s6.uploads.ru/EJN5X.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/EJN5X.gif[/img]')" />
<img src="http://s7.uploads.ru/QhnAD.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/QhnAD.gif[/img]')" />
<img src="http://s5.uploads.ru/2j7OH.gif" style="cursor: pointer" onclick="smile('[img]http://s5.uploads.ru/2j7OH.gif[/img]')" />
<img src="http://s6.uploads.ru/fUZxb.gif" style="cursor: pointer" onclick="smile('[img]http://s6.uploads.ru/fUZxb.gif[/img]')" />
<img src="http://s4.uploads.ru/yjE5V.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/yjE5V.gif[/img]')" />
<img src="http://s7.uploads.ru/dTRqz.gif" style="cursor: pointer" onclick="smile('[img]http://s7.uploads.ru/dTRqz.gif[/img]')" />
<img src="http://s4.uploads.ru/c73Rn.gif" style="cursor: pointer" onclick="smile('[img]http://s4.uploads.ru/c73Rn.gif[/img]')" />
</div>
<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Smiles"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Smiles"
p.style.display="none"}
return false}
</script>


<script>
var oldIMG="<td id=\"button-image\" title=\"Вставить картинку\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index:20;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>

структура

Код:

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
  @import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
  }

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
 text-shadow: 0px 0px 0px #ffffff;  }


/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline;
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  float: none;
  padding: 0px 0px 0px 0px;
  padding-bottom: 130px;
  border: none;
  width: 800px;
  }
/* A5.2 */
.punbb {
  width: 100%;
  height: auto;
  }

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  float: none;
background-color: #2b0507;
color: #fdd7c3;
background-image:url(http://s6.uploads.ru/ibLYV.png);
text-align: center;
padding-top: 45px!important;
background-position:top center; 
background-repeat:no-repeat;
font-size: 14px;
font-family: Garamond; 
width: 540px;
height: 170px;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
   border-style: solid; 
    border-width: 1px;
    padding: 0.5em 1em;
  }


/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  border-bottom: 1px solid #cacaca;
  border-top: 1px solid #fff;
  display: block;
  margin: 7px 0 2px;
  width: 385px;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border-style: solid;
  border-width: 1px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -5.1em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
   text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 16px;
  font-weight: normal;
  font-family: Garamond; 
  text-transform: uppercase;
}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 6px 1em;
  border-left: none;
  border-top: none;
  border-bottom: none;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 10px;
}

/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 70px;
  height: 70px;
  padding-top: 1px;
  margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 0.2em 0.2em 0.2em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {



  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }



/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -30px;
}


/* D1.2 */
#pun-title h1 {
  display : block;
  height: 345px;
  margin: -1px 0px 0px 40px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {display: none;}
  }


#pun-title table {
border: none;
height: 300px;
width: 100%;
}

#pun-title td.title-logo-tdl {
border: none;
width: 100%;

.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
  position: relative;
  left: 169px;
  right: 216px;
  top: 63px;
}
}


/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border-style: none solid none solid;
  border-width: 0px 0px 0px 0px;
  margin: -100;
  margin-top: -300;
}

#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
    padding-top: 12px;
    height: 20px;
    font-weight: normal;
    text-align: center;
}

/* D.3 */
#pun-navlinks li {
    display: inline;
    margin: 1.25%;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.1em;
  }

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: -100;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  font-size: 10px;
  margin-top: -17px;
  font-family: Garamond; 
  text-transform: uppercase;
  text-align: center;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 0px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 0px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }


/* D6 Announcement
-------------------------------------------------------------*/

#pun-announcement h2 {display: none}

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: normal;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }




/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

цвета

Код:

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 10px; top: 0px
}



/*Ставим шапку*/
body {
background-image: url(http://s7.uploads.ru/MT8fu.png);
background-repeat: no-repeat;
background-position: top center;
background-color: transparent; 
}

/*Ставим фон*/
HTML {
background-color: #2b0507;
background-image: url(http://s7.uploads.ru/8Dsup.png);
background-repeat: repeat-y; 
background-position: center top;
}

/*Ставим низ*/
#pun_wrap {  
background-image: url(http://s7.uploads.ru/Rs9oY.png);
background-repeat: no-repeat; 
background-position: center bottom;
}

/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #transparent; 
  color: #2b0507;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   background-color: transparent;
  color: #2b0507;
  }


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  color: #2b0507;
  text-align: center;
  font-size: 16px;
  font-family: Garamond; 
  text-transform: uppercase;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #2b0507;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color:  transparent ;
   color: #2b0507;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color:  transparent ;
  color: #2b0507;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #2b0507;
  background-image: url(http://s6.uploads.ru/Q8obI.png);
  border-top: 3px solid #40080b !important;
  border-bottom: 1px !important;
  border-left: 1px !important;
  border-right: 1px !important;
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
  }

/*Форма ответа*/
.punbb textarea, .punbb select, .punbb input {
  color: #2b0507;
  background-image: url(http://s6.uploads.ru/Q8obI.png);
  border-top: 3px solid #40080b !important;
  border-bottom: 1px !important;
  border-left: 1px !important;
  border-right: 2px !important;
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
  }




/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #2b0507;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
 background: tranparent;
  color: #2b0507;
border-color: #626262; 
}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }

li.pa-online {
  border-left-color: #665f4e;
  }

.punbb .post-sig dt {
  border-top-color: #665f4e !important;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #491114;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #491114;
  text-decoration: none;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #1a0102;
    border-bottom: 0px none #000;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #491114;
  border-bottom: 0px none #;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-family: Garamond; 
  text-transform: uppercase;


  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #2b0507;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }


/* CS4 Post status icons
-------------------------------------------------------------*/
/*Старые сообщения*/
Div.icon {
background-image : url(http://s6.uploads.ru/m68in.png);
background-repeat: no-repeat;
}
/*Новые сообщения*/
TR.inew Div.icon {
background-image : url(http://s6.uploads.ru/RDaV9.png);
background-repeat: no-repeat;
}
/*Важные темы*/
TR.isticky Div.icon {
background-image : url(http://s7.uploads.ru/wYsbL.png);
background-repeat: no-repeat;
}
/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url(http://s7.uploads.ru/vxeCQ.png);
background-repeat: no-repeat;
}


#pun-stats ul.container {
    background: url(http://s6.uploads.ru/BUY1x.png) no-repeat scroll 20px 10px transparent!important;
    padding-left: 100px; height: 70px;
}

/* окантовка */
.post-author ul {    background-image: url(http://s6.uploads.ru/Q8obI.png);  border-top: 3px solid #40080b !important;
  border-bottom:1px !important;
  border-left: 0px !important;
  border-right: 0px !important;
    border-radius:0px;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -o-border-radius:0px;
 margin: 0.6em;}
.post-author ul li {border-top: 1px none #; margin: 2px 4px 0; padding: 0 2px 2px;}
.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar, .post-author ul li.pa-fld5, .post-author ul li.pa-online {text-align: center;}
.post-author ul li.pa-fld1 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld2, .post-author ul li.pa-fld6 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld3 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld4 {background: none repeat scroll 0 0 #;}
.post-author ul li.pa-fld5 {background: none repeat scroll 0 0 #; margin-bottom: 2px;}
.post-author ul li.pa-avatar img {border: 1px solid #; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);}
.post-author ul li.pa-avatar {margin: 0; padding: 0;}
.post-author ul li.pa-avatar img {height: auto; max-height: 180px !important; max-width: 180px !important; width: auto;}
.post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar {border: medium none;}
.post-author ul li.pa-author a {font-style: normal !important; text-decoration: none !important;}
.post-author li {text-align:center}

Поделиться212014-02-23 19:06:58

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Вторая мировая война шиноби | Second Shinobi World War | Dainiji Ninkai Taisen

Вторая мировая война шиноби, по словам Нагато, была развязана Конохой [chapter 445], в которую втянуты несколько деревень, помимо самого Листа, в том числе Скрытый Песок и Скрытый Камень. Вместе с этим военные действия охватили достаточно большой масштаб, и мелкие деревни, волей судьбы находящиеся между враждующими селениями, тоже были втянуты в войну.

Одним из таких селений было Амегакуре, власть в которой принадлежало Ханзо по прозвищу Саламандра. В деревне Скрытого Дождя свои семьи потеряли сироты, чье имя в дальнейшем будет известно в организации Акатсуки и за ее пределами, Яхико, Нагато и Конан.

Вторая мировая война шиноби была известна не только своими героями, но и бесчисленным количеством жертв. Именно тогда происходит битва лидера Амегакуре Ханзо против шиноби Скрытого Листа, однако, в живых остаются лишь ученики Третьего Хокаге - Джирайя, Орочимару и Тсунаде, которым глава Скрытого Дождя дает прозвище Саннины, Легендарные Саннины, как плату за из жизни [chapter 369].

После битвы с Ханзо, Джирайя, Орочимару и Тсунаде встречают троицу из Амегакуре, которые просят поделиться с ними едой. Шиноби Скрытого Листа, пожалев детей, чьи родители оказались жертвами войны, не отказывают в просьбе. Сироты Скрытого Дождя следуют за Саннинами, излагая просьбу обучить их ниндзюцу, однако, Орочимару предлагает убить детей, чтобы они не росли в бедности и горе, но Джирайя останавливает напарника, а вместе с этим остается присмотреть за Яхико, Нагато и Конан, желая поставить детей на ноги в такое трудное для них время. Через какое-то время на сирот нападают беженцы из Скрытого Камня, Джирайя, пришедший на помощь, узнает о том, что Нагато обладает великим додзюцу, глазами Рикуда Сеннина - Риннеганом [chapter 372]. Жабий Отшельник проводит с сиротами три года, после чего возвращается обратно.

Во время Второй мировой войны шиноби Тсунаде потеряла дорогих и любимых людей - брата Наваки и возлюбленного Като Дана. Наваки погибает на следующий день после двенадцатого дня рождения, когда получает в подарок ожерелье Первого Хокаге, которое возвращает Тсунаде Орочимару, сказав, что генин настолько изранен, что даже сестра его не узнает. После этого на одном из советов Тсунаде предлагает обучать ниндзя-медиков, что гораздо увеличило бы шансы на выживание и выполнение поставленной задачи, если ирьенин войдет в группу из четырех человек. Третий Хокаге отклонил это предложение, однако, Като Дан поддержал Тсунаде [chapter 160].

После того этого умирает и Като Дан, получив сильное ранение во время боевых действий. Тсунаде, уже получившая прозвище одной из Легендарных Саннинов, не может спасти своего возлюбленного. Принцесса Слизней прославилась во время Второй мировой войны шиноби своими медицинскими техниками, вместе с эти она могла найти противоядие к любому яду, который создавали такие профессионалы, как шиноби Скрытого Песка, в том числе и Чие [chapter 253].

Сасори потерял своих родителей, которых убил Белый Клык Скрытого Листа - Хатаке Сакумо [chapter 253] . В это время Чие увлекла Сасори куклами, чтобы отвлечь как-то отвлечь внука, тогда мальчик медленно начинает учиться мастерству марионеточников и создает первые любимые куклы, папу и маму [chapter 267].

Поделиться222014-02-23 22:53:53

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Третья мировая война шиноби | Third Shinobi World War | Daisanji Ninkai Taisen

В Третьей мировой войне шиноби принимали участие множество деревень, даже маленькие дети участвовали в кровопролитных битвах наряду со взрослыми наставниками, война не щадила жизни ни детей, ни взрослых. Более десяти лет назад в провинциях Пяти Великих Стран шиноби наступили смутные времена, из-за чего в каждой их них начались пограничные сражения [chapter 239].

Селение Скрытого Листа и Скрытого Камня противостояли друг другу на территории Кусагакуре. Помимо этого в войне участвовала деревня Скрытого Песка, на стороне которой был Сасори, получивший прозвище Сасори Красных Песков, но вскоре после этого он покидает Сунагакуре [chapter 239].

Намиказе Минато прославился во время Третьей войны шиноби, как Желтая Молния Конохи. Хатаке Какаши, получил звание джоунина, но вместе с этим лишился своего друга Учихи Обито, оставившего прощальный подарок - шаринган [chapter 243]. После этого Хатаке получает прозвище Копирующий Ниндзя Какаши.

Кумогакуре и Киригакуре тоже принимали участие в военных действиях, в составе этих деревень были джинчуурики, и каждое из них в определенной мере распоряжалось своей боевой мощью. Деревня Скрытого Облака стремилась захватить Девятихвостого демона-лиса, но эта попытка не увенчалась успехом [chapter 542]. Скрытый Туман же поймал в плен запечатал внутри куноичи Конохи Нохары Рин Санби, намереваясь отпустить ее обратно в Деревню Листа с целью нападения Трехвостого на селение, однако, девушка предпочла умереть от рук любимого, подставившись под атаку Хатаке Какаши [chapter 629].

В конце Третьей мировой войны шиноби маленький Якуши Кабуто попадает в приют, где оказывают ему первую помощь [chapter 582]. Одним из последних сражений была битва на мосту Каннаби.

Поделиться232014-03-07 21:32:43

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Имя: На Ваш выбор | Принадлежность: Iwagakure no Sato | Ранг: Джоунин | Возраст: 26 лет

Информация о шиноби: джоунин Скрытого Камня. Предан своему селению, входит в число личной охраны Тсучикаге. Специализируется на техниках иллюзий. Не владеет никаким улучшенным геномом, но вместе с этим весьма одаренный шиноби. Стихия чакры - земля. Будучи джоунином, изучил лишь одну стихию, но это не мешает ему эффективно использовать как ниндзюцу Дотона, так и обычные Гендзюцу на высшем уровне. Не обладает большим запасом чакры, не отличается непревзойденной скоростью, однако, довольно умен.
Характеристика: 29

Имя: На Ваш выбор | Принадлежность: Iwagakure no Sato | Ранг: АНБУ | Возраст: 23 года

Информация о шиноби: АНБУ Скрытого Камня. В возрасте 16-ти лет шиноби уже состоял в отряде АНБУ. Часто выполняет секретные миссии и довольно успешно. Как и следует ниндзя Ивагакуре, обладает стихией Земли, но вместе с этим в арсенале содержатся техники Суйтона. Довольно хорошо владеет тайдзюцу, но с техниками иллюзий обращается на "Вы". Имеет хороший запас чакры.
Характеристика: 29

Имя: На Ваш выбор | Принадлежность: Kumogakure no Sato | Ранг: АНБУ | Возраст: 30 лет

Информация о шиноби: АНБУ Скрытого Облака. В возрасте 19-ти лет шиноби вошел в отряд АНБУ. Беспрекословно подчиняет приказам, хладнокровно мыслит. Имеет хороший контроль чакры, изучал ирьениндзюцу. Вместе с этим использует стихию Молнии. Весьма быстр. В бою использует кендзюцу. Не входит в число шиноби, обладающих большим запасом чакры.
Характеристика: 31

Имя: На Ваш выбор | Принадлежность: Kumogakure no Sato | Ранг: Джоунин | Возраст: 24 года

Информация о шиноби: джоунин Скрытого Облака. Только в 19 лет взял ранг джоунина, однако, вместе с этим получил приглашение в личную охрану Райкаге. Техники основываются исключительно на ниндзюцу, так как с тайдзюцу не заладилось. Имеет две стихии чакры - Райтон и Катон, но стоит отметить, что вторая развита не так хорошо, как первая. Обладает сенсорными способностями.
Характеристика: 29

Имя: На Ваш выбор | Принадлежность: Sunagakure no Sato | Ранг: Джоунин | Возраст: 35 лет

Информация о шиноби: шиноби Скрытого Песка. В возрасте 18 лет получил ранг джоунина. Отлично разбирается в ядах и медицинских техниках. Входит в состав личной охраны Казекаге, но вместе с этим выполняет довольно опасные миссии. Джоунин довольно хорошо развит физически, талантлив в гендзюцу. Имеет весьма ограниченный запас чакры. Стихия чакры - Ветер.
Характеристика: 32

Имя: На Ваш выбор | Принадлежность: Sunagakure no Sato | Ранг: АНБУ | Возраст: 32 года

Информация о шиноби: шиноби Скрытого Песка. Весьма рано был принят в ряды АНБУ - 15 лет. В арсенале имеет две стихии чакры - Дотон и Футон. Умная и талантливая личность, не раз закаленная в боях. Призыв варана, который использует этот представитель АНБУ, весьма оригинален и отличается невероятной физической силой. Имеет скудный запас чакры, однако, весьма хорош в ее контроле.
Характеристика: 30

Поделиться242014-06-14 22:39:51

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

11163e11163e11163e11163e11163e Ссылка

Поделиться252014-11-18 16:53:36

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Поделиться262014-11-21 00:58:50

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

-- -- -- -- -- -- -- -- -- -- -- -- --

Поделиться272014-11-23 19:07:32

Автор: Uchiha Obito
Администратор
АНКЕТА МАСТЕР
Сообщений: 559
Уважение: [+0/-0]
Грааль: 1
Последний визит:
2025-03-31 20:32:53

Код:

<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />
<img src="ссылка" style="cursor: pointer" onclick="smile('[img]ссылка[/img]')" />