<!--Контент слайдера-->
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="https://forumstatic.ru/files/000d/1c/4c/43673.png"></a></li>
    <li><a href="#tab2"><img src="https://forumstatic.ru/files/000d/1c/4c/24260.png"></a></li>
    <li><a href="#tab3"><img src="https://forumstatic.ru/files/000d/1c/4c/69390.png"></a></li>
    <li><a href="#tab4"><img src="https://forumstatic.ru/files/000d/1c/4c/62095.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%" rowspan="2"><div align=center><b><i>Новости форума</i></b></div><br>
31.12.13 торжественно *при никому неизвестных обстоятельствах* был закончен новый дизайн. Немного не новогодний, но с душой-душой. Ранее было решено всё-таки возродить форум. Как феникс, да. Многое осталось прежним, но не так много, как хотелось бы нам всем.
<br>Кстати, всех лапушек с Новым годом! Пусть поняши принесут нам много магии и дружбы, а за любовь мы с вами здесь и собрались :3</td>
                  <td width="50%" rowspan="2"><div align=center><b><i>Новости игры</i></b></div><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%">
                        <div align=center><b><i>Администрация</i></b></div><br>
                        <div align=center>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/56986.jpg" border="0"></a>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/50275.jpg" border="0"></a>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/86118.jpg" border="0"></a>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/30634.jpg" border="0"></a></div><br>

                        <div align=center><b><i>Модераторы</i></b></div><br>
                        <div align=center>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/75030.png" border="0"></a>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/75030.png" border="0"></a>
                        <a target="_blank" href=""><img src="https://forumstatic.ru/files/000d/1c/4c/75030.png" border="0"></a>
                        </div>
                    </td>

                    <td width="50%" rowspan="2">
                        <div align=center><b><i>Полезные ссылочки</i></b></div><br>
                        <div align=center>
                        <a target="_blank" href="">Ссылка</a><br>
                        <a target="_blank" href="">Ссылка</a><br>
                        <a target="_blank" href="">Ссылка</a><br>
                        <a target="_blank" href="">Ссылка</a><br>
                        <a target="_blank" href="">Ссылка</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>#1: самая активная и романтичная пара:</i></b>
                        <br> [вакантно]
                        <br>
                        <b><i><br>#2: самая обнадёживающая парочка:</i></b>
                        <br>[вакантно]
                        <br>
                        <b><i><br>#3: самая крутая пара:</i></b>
                        <br>[вакантно]
                        <br>
                        <b><i><br>#4: лучшая гетеро-пара месяца:</i></b>
                        <br>[вакантно]
                        <br>
                        <br>
                        <b><i><br>#5: лучшая яой-пара месяца:</i></b>
                        <br> [вакантно]
                        <br>
                        </div>
                    </td>
                    <td width="50%">
                        <div align=center>
                        <b><i><br>#6: лучшая юри-пара месяца:</i></b>
                        <br> [вакантно]
                        <br>
                        <b><i><br>#7: лучший поцелуй:</i></b>
                        <br>[вакантно]
                        <br>
                        <b><i><br>#8: лучшая тема фанарта/фанфика:</i></b>
                        <br>[вакантно]
                        <br>
                        <b><i><br>#9: секс-символы форума:</i></b>
                        <b><i><br>female: [вакантно]</i></b>
                        <br>
                        <b><i><br>male: [вакантно]</i></b>
                        <br>
                        <b><i><br>#10: лучший внеигровой отыгрыш месяца:</i></b>
                        <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="50%">
                        <div align=center><b><i></i></b></div>
                    </td>
                    <td width="50%"> </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<!--/Контент слайдера-->
<!--Стили слайдера-->
<style type="text/css">
ul.tabs {
     float: left;
     list-style: none outside none;
     margin-left: -2px;
     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>