<table style="width: 800px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/G/9/k/G9kYh.jpg"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/G/9/k/G9kYh.jpg"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/G/9/k/G9kYh.jpg"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/G/9/k/G9kYh.jpg"></span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</div>
     <div id="sm2" class="submenutext"><br /><br />
текст новости форума
</div>
     <div id="sm3" class="submenutext"><br /><br />
текст Администрация
</div>
     <div id="sm4" class="submenutext"><br /><br />
текст баннеры партнеров
</div>

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

<style>
#menu {
margin-top: 0px;
margin-left: -6px;
width: 100px;
height: 30px;
background-repeat: no-repeat;}

#menu span {
color: #000000;
margin: 0;
padding: 0px;
}

#menu .tabactive {
color: -;
    background: -;
}

#submenu {
padding: 0px;
height: 250px;
align: left;
font-size: 10px;
width: 200px;
background: #efeff0;
}

.submenutext {
height: 0px;
}
</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>

<a href="http://melani.7li.ru/" title="Елена Гилберт - активность!"><img src="http://uploads.ru/i/x/m/d/xmdUB.jpg"></a>

<center><table border="0" cellspacing="1" cellpadding="1" width="800px" height="350px"; background="http://uploads.ru/i/j/K/R/jKRtk.jpg";><tr><td><center><table style="width: 796px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/Z/W/i/ZWivU.jpg"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/8/T/O/8TOsN.jpg"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/7/5/c/75cDb.jpg"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/D/7/c/D7cWu.jpg"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://uploads.ru/i/P/N/8/PN8fg.jpg"></span>         
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">
<br><b>Дневники вампира: Властители</b>
Форумная ролевая игра по мотивам известного сериала "The vampire diaries" приветствует вас! Действие сюжета разворачивается вне канонического времени, система игры - эпизодическая. Рейтинг <b>R</b>, допустимо описание физических и моральных пыток и убийств без физиологических подробностей.<br><br><b>Главный администратор:</b><br><a href="http://melani.7li.ru/messages.php?action=new&uid=2" title="Написать личное сообщение">Alessia (GM)</a> (ICQ ***-***-***)<br>
<br><b>Активные мероприятия:</b><br><a href="http://melani.7li.ru/"  title="задай вопрос администратору!">Личный разговор</a><br><a href="http://melani.7li.ru/"  title="игровые разделы доступны для просмотра">День открытых дверей</a>

</div>
     <div id="sm2" class="submenutext"><br>
<center><a href="http://melani.7li.ru/" class="tvm" target="">Правила форума</a><a href="http://melani.7li.ru/" class="tvm" target="">Изменения в каноне</a><a href="http://melani.7li.ru/" class="tvm" target="">Основной сюжет</a><a href="http://melani.7li.ru/" class="tvm" target="">Список персонажей</a><a href="http://melani.7li.ru/" class="tvm" target="">Занятые внешности</a><a href="http://melani.7li.ru/" class="tvm" target="">Общий шаблон анкеты</a><a href="http://melani.7li.ru/" class="tvm" target="">Нужны в игру (акции)</a><a href="http://melani.7li.ru/" class="tvm" target="">Гостевая книга</a><a href="http://melani.7li.ru/" class="tvm" target="">Реклама</a><a href="http://melani.7li.ru/" class="tvm" target="">Хронология</a><a href="http://melani.7li.ru/" class="tvm" target="">Обсуждения</a><a href="http://melani.7li.ru/" class="tvm" target="">Объявления</a><a href="http://melani.7li.ru/" class="tvm" target="">Зал Славы</a><a href="http://melani.7li.ru/" class="tvm" target="">Общение</a></center>
</div>
     <div id="sm3" class="submenutext">
<br><b>Игровая зона</b><br>28 октября (день 1)<br><a href="http://melani.7li.ru/"  title="">Scarlett & Siveria</a>
<br><a href="http://melani.7li.ru/"  title="">Edward & Myra & Kylie</a>
<br><a href="http://melani.7li.ru/"  title="">Elena & GM</a><br><a href="http://melani.7li.ru/"  title="">Ellen & Damon</a>
<br><a href="http://melani.7li.ru/"  title="">Stefan & Matt (GM)</a><br><a href="http://melani.7li.ru/"  title="">Bonnie & Lilian & Abby (GM)</a>
<br><a href="http://melani.7li.ru/"  title="">Caroline & Beatrice</a><br><a href="http://melani.7li.ru/"  title="">Robert & GM</a>
<br><a href="http://melani.7li.ru/"  title="">Klaus & Nora </a><br><a href="http://melani.7li.ru/"  title="">Tyler & Alessia</a>
<br><a href="http://melani.7li.ru/"  title="">Denise & Elijah</a><br><a href="http://melani.7li.ru/"  title="">Cole & Anatole</a>
<br><a href="http://melani.7li.ru/"  title="">Rebekka & Katerine</a><br><a href="http://melani.7li.ru/"  title="">Marieta & Emile</a>
<br><a href="http://melani.7li.ru/"  title="">Thomas & David & April</a><br><a href="http://melani.7li.ru/"  title="">Lucas & Mark & Adam</a>
<br><a href="http://melani.7li.ru/"  title="">Christina  & Melissa</a>
</div>
     <div id="sm4" class="submenutext">
<br><b>Игрок месяца</b><br><a href="http://melani.7li.ru/" title="Елена Гилберт - активист месяца!"><img src="http://uploads.ru/i/p/4/3/p43Kv.jpg"></a><br> <b>Игроки недели</b><br><a href="http://melani.7li.ru/" title="Елена Гилберт - лучший пост!"><img src="http://uploads.ru/i/k/q/y/kqyEO.jpg"></a><a href="http://melani.7li.ru/" title="Елена Гилберт - лучший пост!"><img src="http://uploads.ru/i/k/q/y/kqyEO.jpg"></a><br><b>Активисты дня</b><br><a href="http://melani.7li.ru/" title="Елена Гилберт - активность!"><img src="http://uploads.ru/i/x/m/d/xmdUB.jpg"></a><a href="http://melani.7li.ru/" title="Елена Гилберт - активность!"><img src="http://uploads.ru/i/x/m/d/xmdUB.jpg"></a><a href="http://melani.7li.ru/" title="Елена Гилберт - активность!"><img src="http://uploads.ru/i/x/m/d/xmdUB.jpg"></a><a href="http://melani.7li.ru/" title="Елена Гилберт - активность!"><img src="http://uploads.ru/i/x/m/d/xmdUB.jpg"></a><br><a href="http://melani.7li.ru/"  title="">Благодарности</a><br><a href="http://melani.7li.ru/"  title="">Доска почёта</a>
</div>
     <div id="sm5" class="submenutext"><br>
<center><b>Партнеры</b><br><a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a><br><b>Рейтинги</b><br><a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> <a href="http://melani.7li.ru/" title="Посетите нашего партнера!"><img src="http://uploads.ru/i/D/l/z/DlzZT.gif"></a> </center>
</div>

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

<style>
#menu {
margin-top: -140px;
margin-left: -6px;
width: 100px;
height: 30px;
background-repeat : no-repeat;}

#menu span {
text-align: center;
padding: 0;
}

#menu .tabactive {
    background:  transparent;
}

#submenu {
    border-radius: 0px;
background: url(http://uploads.ru/i/R/A/X/RAX8V.jpg) #d6dee1;
background-position: center;
padding: 0px;
height: 260px;
text-align: center;
font-size: 10px;
width: 210px;
position: absolute;
margin-top: -140px;
margin-left: -680px;
}

</style>

<script type="text/javascript">
function cookCopy()
{document.cookie="helper=not"}
window.onunload=cookCopy
function helpCss()
{document.cookie="helper=letcopy"
var alls=document.getElementsByTagName("body")[0].getElementsByTagName("*")
var e=0
for (e=0; e<=(alls.length-1); e++)
{
var styl=new Array()
var styl2=new Array(0)
var k=0
styl[0]=alls[e]
styl2.splice(0, 0, makingCss(styl[0]))
k=1
while(k<=10)
{styl[k]=styl[k-1].parentNode
if (styl[k].nodeName=="BODY")
{break}
styl2.splice(0, 0, makingCss(styl[k]))

k=k+1}
alls[e].title=styl2.join(" ")
}}

function makingCss(to)
{if (to.id)
{if ((to.id.indexOf("forum")!=-1)||(to.id.indexOf("category")!=-1))
{if (to.className.indexOf(" ")!=-1)
{var ret="."+to.className.substr(to.className.lastIndexOf(" ")+1)}
else
{var ret="."+to.className}}
else
{var ret="#"+to.id}}
else if ((!to.id)&&(to.className))
{if (to.className.indexOf(" ")!=-1)
{var ret="."+to.className.substr(to.className.lastIndexOf(" ")+1)}
else
{var ret="."+to.className}}
else if ((!to.id)&&(!to.className))
{var ret=to.nodeName.toLowerCase()}
return ret}

</script>
<input id="csshelper" type="button" value="Помощь в css" onclick="helpCss()" />
<script>
<!--
indexof="<img src='http://uploads.ru/i/Z/l/V/ZlVRi.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='http://uploads.ru/i/q/I/d/qIdvj.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='http://uploads.ru/i/6/y/9/6y92B.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://uploads.ru/i/E/P/i/EPiXj.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://uploads.ru/i/F/U/o/FUoJ3.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://uploads.ru/i/0/M/Z/0MZmc.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://uploads.ru/i/b/R/c/bRcT7.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://uploads.ru/i/Q/x/G/QxGzX.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://uploads.ru/i/z/o/8/zo8La.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>

<style>.Myimge {position:absolute;margin-left: 20px;}</style>
    <script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";

    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>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://uploads.ru/i/d/m/C/dmCVl.png\" onmouseover=\"this.src='http://uploads.ru/i/d/m/C/dmCVl.png' \" onmouseout=\"this.src='http://uploads.ru/i/d/m/C/dmCVl.png'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(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"><!--Свои картинки в пользовательскую панель новые сообщения, активные темы и тд" -->
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://uploads.ru/i/7/i/c/7icCY.png'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://uploads.ru/i/e/I/D/eIDGM.png'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://uploads.ru/i/y/h/g/yhgIO.png'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://uploads.ru/i/A/d/4/Ad43I.png'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://uploads.ru/i/Z/U/j/ZUjqr.png'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://uploads.ru/i/A/t/s/AtsjV.png'>"+s.substring(p+13)
}
</script>
<table border="0" cellspacing="1" cellpadding="1" width="800px" height="110px"; background="http://uploads.ru/i/M/P/3/MP3cX.jpg"></table>

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].getElementsByClassName('pa-online')[0].innerHTML = "<img src='http://uploads.ru/i/i/6/c/i6cp9.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){
we[x].innerHTML=we[x].innerHTML+"<img src='http://uploads.ru/i/O/a/c/OacC9.png' />"}}
</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 fld = document.getElementsByClassName("pa-fld1")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>
<script type="text/javascript">
var fld = document.getElementsByClassName("pa-fld2")
for(i=0;i<fld.length;i++){
fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1)
}
</script>

<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>