<style>
.container1 {width: 540px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0px;
    padding: 0;
    float: left;
    list-style: none;
    height: 50px;
    width: 730px;
    background: url();
  
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 50px;
    line-height: 40px;
    border: 2px;
    border-top: 4px dotted #FFFFFF;
    border-bottom: 3px dotted #FFFFFF;
    border-right: 2px dotted #FFFFFF;
    border-left: 2px dotted #FFFFFF;
    margin-bottom: -2px;
    overflow: hidden;
    position: relative;
}
 
ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding:  5px;
    background: url();
    outline: none;
}
 
ul.tabs li a:hover {
       background: url();
    border-bottom: 2px dotted #FFFFFF;
        border-top: 2px dotted #FFFFFF;    
        border-left: 2px solid #FFFFFF;    
        border-right: 1px solid #000000;  
}    
 
html ul.tabs li.active  {   
    border-bottom: 2px solid #FFFFFF;
        border-top: 2px solid #FFFFFF;    
        border-left: 1px dotted #000000;    
        border-right: 2px dotted #FFFFFF;   
}  
 
html ul.tabs li.active a:hover  {
    border-bottom: 2px solid #FFCC00;
}
 
.tab_container1 {
    float: right;
    clear: both; 
    width: 740px;
    height: 414px;
    background-image : url(http://s018.radikal.ru/i501/1702/6a/f08acbd96ed2.png);   
    background-color: transparent;  
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;    
    border-left: 1px dotted #FFFFFF;    
    border-right: 1px dotted #FFFFFF;  
 
    -moz-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
 
.tab_content {
    padding: 38px;
	color: lightgrey;
}
 
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 0px dashed #000000;
}

div .splLink {width: 100px; height: 40px; border: 2px dashed #CC0000; background:none; text-align: center; font-family: Georgia; font-size: 15px; padding: 5px;}
.spll {position:relative;width:70px; height: 100px; }
.spll div .splCont {right: 70px; top: 10px; height: auto; width: 500px; background:  url(http://i066.radikal.ru/1107/5e/7b6decb6d5b9.png); padding: 5px; z-index: 1000; margin-top: 7px; border: 4px dashed #CC0000; font-size: 15px; font-family: Georgia; text-align: left;}

.zagolovok {color: red;font-size: 18px;font-weight: bold;}
.LeftDiv {text-align:left;font-weight: bold;}
.RedDiv {color: red;font-weight: bold;font-size: 13px;}
.DivBold {font-weight: bold;}
.yach1 {width: 90%;}
.yach2 {width: 10%;}
</style>

<table width="100%" border="1">
<tr>
<td colspan="2">
<marquee style="color:white;font-weight: bold;font-style: italic;">
Из новостей: Оживление возможно на всех стадиях умирания. LIVE. DIE. REPEAT.</marquee>
</td>
</tr>

<tr>
<td class="yach1">
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://s018.radikal.ru/i525/1702/03/2e6ad20cc1dc.png" ></a></li>
    <li><a href="#tab2"><img src="http://s020.radikal.ru/i704/1702/da/9640ebd15661.png" ></a></li>
    <li><a href="#tab3"><img src="http://s018.radikal.ru/i524/1702/fd/a55b42b25823.png" ></a></li>
    <li><a href="#tab4"><img src="http://s020.radikal.ru/i719/1702/8f/f6b7dcf21096.png" ></a></li>
    <li><a href="#tab5"><img src="http://s008.radikal.ru/i306/1702/58/8dd6dc58f22d.png" ></a></li>
  
</ul>

<div class="tab_container1">
<div style="display: block;" id="tab1" class="tab_content">
<center>
<div class="LeftDiv">
<br>
<div class="DivBold"><a target="_blank" href="http://www.radikal.ru"><img src="http://s45.radikal.ru/i109/1306/04/83764c0cf91f.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=152" target="_blank">Основы мира Devil's Games</a></div>
<br>
<div>Специфика мира данного проекта.</div>
<br>
<div class="DivBold"><a target="_blank" href="http://www.radikal.ru"><img src="http://s018.radikal.ru/i513/1508/bb/7d01412cc893.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=6" target="_blank">Сюжет и квесты</a></div>
<div>Quo Vadis?</div>
<div>Что было, что есть и что будет есть. Основа Повествования.</div>
<br>
<div class="DivBold"><a target="_blank" href="http://www.radikal.ru"><img src="http://s50.radikal.ru/i128/1107/9a/1eaa2ab7309d.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=7" target="_blank">Действующие лица</a></div>
<div class="DivBold"><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=105" target="_blank"><b>Квенты на неканонов</b></a></div>
<div>"Все герои данной драмы..." или full-лист персонажей.</div>
<br>
<div class="DivBold"><a target="_blank" href="http://www.radikal.ru"><img src="http://i014.radikal.ru/1107/18/5224fa94ba18.png" ></a><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=102" target="_blank">ФАК или "вопросы и ответы"</a></div>
<div>Вопросы, ответы, претензии и анафемы.</div>
</div>
</center>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<center>
<div class="zagolovok">Devil's Games: Шесть Степеней Свободы</div>
<br>
<div>(6 Degrees of Freedom T{o}ribla Band)</div>
<br>
<div>Сей лепрозорий основан: 2009-02-28</div>
<br>
<div>Чито это:</div>
<br>
<div class="LeftDiv">Соавторский литературный проект по мотивам манги, аниме и романов «Trinity Blood».  «Санта-Тринити-Барбара-Блад» является экспериментальным образцом совместного творчества ядерной триады склочных авторов, стойких к невзгодам, пустоте безвременья и нехватке рабочих рук. По сути, это автономный подвид интерактивной литературы, на практике - стопроцентно адская графомания, бессмысленная и беспощадная из-за  своей трудоёмкости и энергозатратности.</div>
<br>
<a target="_blank" href="http://triblaband.diary.ru/"><img src="http://i018.radikal.ru/1108/e6/d44c72f42ffe.gif" ></a>
<br>
<div class="RedDiv">►Пофигистам и задротам - ввиду резкого ухудшения зрения и неизбежного взрыва мозга-  вход категорически воспрещён.</div>
</center>
</div>

<div style="display: none;" id="tab3" class="tab_content">
<center>
<div class="zagolovok"><b>«Фишка дальше не идёт»</b></font> <a target="_blank" href="http://www.radikal.ru"><img src="http://s002.radikal.ru/i197/1108/49/c97443c4018e.gif" ></a>
</div>
<div class="LeftDiv">
<div><a target="_blank" href="http://6doftriblaband.winbb.ru/profile.php?id=2"><img src="http://s019.radikal.ru/i632/1307/e4/7fecaed97c68.jpg" ></a><a href=http://6doftriblaband.winbb.ru/profile.php?id=2" target="_blank">Cain-sama</a></div>
<div>Флегматичный мизантроп. Ненавидел бы человечество, если бы ему не было так начхать. Мастер золотые-руки-из-плеч Форума - мастерит шайтан-машины и говорит на непонятных языках. Дружелюбен, на людей не бросается, потому что пофигистичен от природы.</div>
<br>
<div><a target="_blank" href="http://6doftriblaband.winbb.ru/profile.php?id=3"><img src="http://i039.radikal.ru/1107/1d/4c75ecd1b031.jpg" ></a><a href=http://6doftriblaband.winbb.ru/profile.php?id=3" target="_blank">Seth-chan</a></div>
<div>Холерик от слова "холера". Очень добрая, хоть и неадекватная. Ратует за мир во всем мире, доброту и тоталитарную демократию. Принимает все близко к сердцу, отчего может взять дробовик и причинить добро. Мирная, но в случае агрессии включает режим кавайного терминатора.</div>
<br>
<div><a target="_blank" href="http://6doftriblaband.winbb.ru/profile.php?id=4"><img src="http://s009.radikal.ru/i308/1107/a2/507d87d1138b.jpg" ></a><a href=http://6doftriblaband.winbb.ru/profile.php?id=4" target="_blank">Panzer Magier</a></div>
<div>Садист-социопат. Ненавидит всех человеков просто за то, что утром встал не с той ноги. Агрессивен. Имеет два режима: режим "Кровавая гэбня" Форума и режим "Сумрачный гений". В первом режиме его бы выгнали из гестапо за жестокость, а во втором из НИИЧАВО за оторванность от реальности.</div>
</center>
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<center>
<div style="color: yellow; font-size:16px;font-weight: bold;">За вредность им дают отнюдь не чай и даже не кефир!nbsp;<a target="_blank" href="http://www.radikal.ru"><img src="http://s002.radikal.ru/i200/1108/cf/06f9e1d1571d.gif" ></a></div>
<br><br>
<div class="DivBold"><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=7%22" target="_blank">Вакансии открыты</a></div>
<br>
<div style="font-weight: bold;color: red;">Что Вас Здесь точно ожидает:</div>
<br>
<div class="LeftDiv">► Либо саморазвитие, либо деградация. Up or out. Третьего не дано.</div>
<br>
<div class="LeftDiv">► Четкий инструктаж,  жесткие сроки сдачи постов, ну и просто тотальный контроль ваших действий на ресурсе=)</div>
<br>
<div class="LeftDiv">► Бесконечный процесс АДАптации к закидонам АДминов и  совершенствование навыков коммуницирования.</div>
<br>
<div class="LeftDiv">► Отсутствие понятия "Стиль пользователя" у Администрации. Только  ядрёный  "дай-нож-я-выколю-себе-глаза"  дизайн.</div>
<br>
<div class="LeftDiv">► Зарплата едой. Могла быть. Жаль, что нет. Зато много относительно безобидных вербальных издевательств и  примитивного юмора. :)</div>
</center>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
<center>
<br>
<div class="DivBold"><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=39" target="_blank">Наша Реклама + Наш Баннер</a></div>
<div class="DivBold"><a href=http://6doftriblaband.winbb.ru/viewtopic.php?id=40" target="_blank">Ваши объявления</a></div>
<div class="zagolovok"><b>Banners:</b></div>
<div><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074">
<script language="JavaScript">
d = new Date();
var m = d.getTime();
m=m+'&url=';
m=m+self.location;
var a='<a href="http://palantir.in/?from=6074&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=2&from=6074&rand=' + m;
a=a+'" width="100" height="100" border="0"></a>';
document.write(a);
</script>
<noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="file://D:/WINNT/transp.gif" width="100" height="100" border="0"></a></noscript>
 
<!-- Rating@Mail.ru counter -->
<script type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "2795848", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
  if (d.getElementById(id)) return;
  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
  ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js";
  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window, "topmailru-code");
</script><noscript><div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=2795848;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" />
</div></noscript>
<!-- //Rating@Mail.ru counter -->
 
<!-- Rating@Mail.ru logo -->
<a href="http://top.mail.ru/jump?from=2795848">
<img src="//top-fwz1.mail.ru/counter?id=2795848;t=470;l=1" 
style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a>
<!-- //Rating@Mail.ru logo -->
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=6074' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=6074&cid=1_1.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=6074&cid=1_1.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
 
<a href="http://forum-top.ru/vote/4956" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
 
<script language="JavaScript">
d = new Date();
var m = d.getTime();
m=m+'&url=';
m=m+self.location;
var a='<a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074&rand='+m+'" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="http://palantir.in/showban2.php?type=1&from=6074&rand=' + m;
a=a+'" width="88" height="31" border="0"></a>';
document.write(a);
</script>
<noscript><a title="Каталог фэнтези сайтов и банерообменная система Палантир" href="http://palantir.in/?from=6074" target="_blank"><img alt="Каталог фэнтези сайтов и банерообменная система Палантир" src="file://D:/WINNT/transp.gif" width="88" height="31" border="0"></a></noscript>
 
<!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter39112660 = new Ya.Metrika({ id:39112660, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/39112660" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
</div>

<br>
<div style="color: yellowgreen;font-size: 13px;font-weight: bold;">Дневник Форума DG на сайте diary:</div>
<div><a href="http://triblaband.diary.ru/"><img src="http://s52.radikal.ru/i137/1406/5d/351f53c54e3b.jpg" alt="rpg-zone.ru" Title="Дневник Ролевой Повести Devil's Games" width=88 height=44 border=0 /></a></div>
</center>
</div>
</div>
</td>

<td class="yach2">
<center>
<table style="width: 90%">
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img  src="http://s020.radikal.ru/i723/1702/e4/7655a52713cd.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img  src="http://s019.radikal.ru/i630/1702/05/a1a9037f284a.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img  src="http://s013.radikal.ru/i325/1702/6c/42d30900f70c.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
<tr>
<td><div class="spll">
<div><div class=splLink href="javscript://"><img  src="http://s013.radikal.ru/i325/1702/6c/42d30900f70c.png"/></div>
<div style="display: none; position: absolute;" class=splCont>
Тут будет что-то</div></div>
</div></td>
</tr>
 </div></td>
</tr>
</table>
</center>
</td>
</tr>
</table>

<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});
</script>