<div class="tab_container">
<ul class="tabs">
    <li><a href="#tab1">Новости</a></li>
    <li><a href="#tab2">Правила</a></li>
    <li><a href="#tab3">Опрос гостей</a></li>
    <li><a href="#tab4">Облако тегов</a></li>
    <li><a href="#tab5">Администрация</a></li>
    <li><a href="#tab6">Баннеры</a></li>

</ul>

    <div id="tab1" class="tab_content">
	Новости
    </div>
    <div id="tab2" class="tab_content" style="DISPLAY: none;">
	Правила
    </div>
    <div id="tab3" class="tab_content" style="DISPLAY: none;">
	Опрос 
    </div>
    <div id="tab4" class="tab_content" style="DISPLAY: none;">
	<div id="tagcloud"></div>
    </div>
    <div id="tab5" class="tab_content" style="DISPLAY: none;">
	Администрация
    </div>
    <div id="tab6" class="tab_content" style="DISPLAY: none;">
	Баннеры
    </div>
</div>

<script type="text/javascript">

$(".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>

<style type="text/css">
div.tab_container {display: block;margin: 5px;border: 1px solid black;} //основной блок
div.tab_container ul.tabs li {float: left; margin: 5px; padding: 2px 5px;} //ссылки вверху таблицы
div.tab_container div.tab_content {display: none;} //появляющиеся блоки с информацией
</style>