Код:
<!--Контент слайдера-->
<ul class="tabs">
<li class="active"><a href="#tab1"><img src="http://forumstatic.ru/files/0014/8c/ea/62042.png"></a></li>
<li><a href="#tab2"><img src="http://forumstatic.ru/files/0014/8c/ea/46582.png"></a></li>
<li><a href="#tab3"><img src="http://forumstatic.ru/files/0014/8c/ea/45159.png"></a></li>
<li><a href="#tab4"><img src="http://forumstatic.ru/files/0014/8c/ea/23099.png"></a></li>
</ul>
<div class="tab_container">
<div class="tab_content" id="tab1" style="display: block;">
<table cellspacing="10" width="100%">
<tbody>
<tr>
<td width="50%"><div align=center><b><i>Новости форума</i></b></div><br>
<b>И всем здравствуйте!</b> На нашем форуме подведены итоги конкурса "Лучшие игроки месяца". <br>
<b>Самый опасный игрок месяца:</b> <a target="_blank" href="http://akumaproject.mybb.ru/profile.php?id=30">Холли Хантер</a> <br>
<b>Самый активный игрок месяца: </b> <a target="_blank" href="http://akumaproject.mybb.ru/profile.php?id=8">Hades</a><br>
<b>Лучший игрок месяца:</b> <a target="_blank" href="http://akumaproject.mybb.ru/profile.php?id=6">Dai</a> <br>
<b>Лучший пост месяца:</b> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=111#p10115">Альтэ'Рью, гнилые улицы</a> <br>
<b>Лучший боевой эпизод месяца:</b> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=177">Концентрация (NC-17)</a> <br>
<b>Лучший комедийный эпизод месяца:</b> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=104#p7682">Покой нам только снится</a> <br>
Всем победителям обратиться в тему начисления баллов, за своей наградой.
<br>
<br>
<td width="50%"><div align=center><b><i>Новости игры</i></b></div><br>
<b>В</b><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=177"> торговом</a> районе Аримару масштабная битва между представителями двух преступных организаций. По непроверенной информации, замешана радикальная религиозная структура Церковь Первоначал и банда наемников Ночные вороны. Количество убитых исчисляется десятками, материальный ущерб городу и частным лицам огромен. В момент столкновения были зафиксированы огромные всплески эфира. Силы Бюро отказываются комментировать ситуацию, а многие граждане всерьез опасаются за свою жизнь. Разве можно спокойно ходить по улицам, если подобное происходит прямо в Тэкумо сити?<br>
<br>
</td>
<td width="50%" rowspan="2">
<div align=center><b><i>Топы</i></b></div><br>
<!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22901&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22901' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=22901' width='1' height='1' border='0'><a href='http://top.roleplay.ru/22901' target='_top'><img src='http://img.rpgtop.su/88x31x11x8.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<br>
<a href="http://forum-top.ru/vote/3873" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a><br>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=18871' 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=18871&cid=palantir2006.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=18871&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a><br>
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab_content" id="tab2" style="display: none;">
<table cellspacing="10" width="100%">
<tbody>
<tr>
<td width="50%" rowspan="2">
<div align=center><b><i>Администрация:</i></b></div><br>
<div align=center>
<div class=ImgWrap>
<a href="http://akumaproject.mybb.ru/profile.php?id=2" target="_blank"><img class="image UP" src="http://6.firepic.org/6/images/2015-01/06/w2h51badtet8.jpg"/></a>
<a href="http://akumaproject.mybb.ru/profile.php?id=6" target="_blank"><img class="image UP" src="http://6.firepic.org/6/images/2015-01/06/bn2gql3u2t63.jpg"/></a>
<a href="http://akumaproject.mybb.ru/profile.php?id=4" target="_blank"><img class="image UP" src="http://6.firepic.org/6/images/2015-01/06/82ldecs2gazc.jpg"/></a>
<div align=center><b><i>Модераторы:</i></b></div><br>
<a href="http://akumaproject.mybb.ru/profile.php?id=14" target="_blank"><img class="image UP" src="http://6.firepic.org/6/images/2015-01/06/o4edl052ihqb.jpg"/></a>
<a href="http://akumaproject.mybb.ru/profile.php?id=48" target="_blank"><img class="image UP" src="http://2.firepic.org/2/images/2015-01/07/rqz1nh5khsgz.jpg"/></a>
<a href="http://akumaproject.mybb.ru/profile.php?id=5" target="_blank"><img class="image UP" src="http://2.firepic.org/2/images/2015-01/07/t5puij8rvfbf.jpg"/></a>
</td>
<td width="25%"><div align=center><b><i></i></b></div><br>
<b>
<div align=center><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=24">FAQ</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=8">Правила</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=2">Предыстория</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=22">Сюжетные арки</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=17">Шаблон анкеты</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=3">Акума</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=5">Город</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=6">Организации</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=51">Особые профессии</a><br>
<div align=center><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=32">Список ролей</a><br>
<td width="50%">
<div align=center><b><i></i></b></div><br>
<b>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=4">Реликвии и Ремесло</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=26">Занятые внешности</a><br>
<div align=center><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=29">Action №0 We need you!</a><br>
<div align=center><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=30">Action №1 The Elite</a><br>
<div align=center><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=46">Action №2 The Stars</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=25">Мифические Акума</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=84#p5458">Гайд по карточкам</a><br>
<div align=center><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=9&p=5#p5330">Ваши вопросы</a><br>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=15"> Поиск партнера по игре</a>
<div align=center> <a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=187#p14111"> Бестиарий</a><br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab_content" id="tab3" style="display: none;">
<table cellspacing="10" width="100%">
<tbody>
<tr>
<td width="50%">
<div align=center>
<b><i><img src=http://2.firepic.org/2/images/2014-09/21/0uqf74syh6e6.png /><br><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=30">Ямато Сэра</a><br>
</td>
<td width="50%" rowspan="2">
<div align=center>
<img src=http://2.firepic.org/2/images/2014-09/21/2pscqd578vlb.png> <br><b><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=30">Кирюин Сатски</a></b> <br>
</td>
<td width="50%" rowspan="2">
<div align=center>
<img src=http://2.firepic.org/2/images/2014-09/21/aqhime2wghzb.png> <br><b><a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=30">Кирюин Широ</a> </b><br>
</td>
<br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab_content" id="tab4" style="display: none;">
<table cellspacing="10" width="100%">
<tbody>
<tr>
<td width="25%">
<div align=center><b><i>Партнеры:</i></b><br>
<a href="http://amortentia.anihub.ru/"><img src="http://sd.uploads.ru/vpIcC.png" title="Amortentia" /></a>
<a href="http://dwma.anihub.ru/" target="_blank"><img src="http://savepic.net/5811868m.png" title="Death Weapon Meister Academy"></a><a href="http://bleach-hanami.ru/" target=_blank><img src="http://savepic.ru/6268573.gif" title="Поиграем в любовь?"></a> <a href="http://fabletown.rolka.su"><img src="https://pp.vk.me/c617726/v617726243/17f3d/xmSbWtaHJdw.jpg" title="Академия Фейблтауна"></a><a href=http://felicis.anihub.ru/><img src=http://sf.uploads.ru/fla36.png /></a><a href="http://shamanking.goodbb.ru/"><img src="http://i64.fastpic.ru/big/2014/1022/35/945a48655af0aa98a78915f5d649fa35.png" title=" »Shaman King: Reboot"></a><a href="http://dragonsempire.mybb.ru/"><img src="http://savepic.su/3630932.png" border="0" width="88" height="31"></a><a href="http://wiedzmin.mybb.ru" target="blank"><img border=0 src='http://forumstatic.ru/files/0011/5f/87/80808.gif' alt="ВЕДЬМАК: Тень Предназначения"></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>
<td width="25%"> </td>
<div align=center><b><i>Для удобной рекламы:</i></b></div><br>
<div align=center>
<b><i>логин:</b></i> Почтовый Акума; <b><i>пароль:</b></i> message<br>
<a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=18">Наша реклама</a><br>
<a target="_blank" href="http://akumaproject.mybb.ru/viewtopic.php?id=129">Ваша реклама</a><br>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--/Контент слайдера-->
<!--Стили слайдера-->
<style type="text/css">
ul.tabs {
float: left;
list-style: none outside none;
margin-left: 30px;
margin-top: 40px;
padding: 0px;
width: 100%;
}
ul.tabs li {
float: left;
overflow: hidden;
padding: 0px;
position: relative;
width: 200px;
text-align: center;
}
ul.tabs li.active {
color: #000000;
}
ul.tabs li a {
outline: medium none;
padding: 0px 10px;
}
ul.tabs li a:hover, ul.tabs li a:focus, ul.tabs li a:active {
color: #000000;
}
.tab_container {
overflow: hidden;
clear: both;
width: 800px;
}
.tab_content {
padding: 5px;
}
</style>
<!--/Стили слайдера-->
<!--Do magic :)-->
<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>