<table style="width: 720px; text-align: center;" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center" valign="top" style="width: 60%;">
<img src="картинка информации">
<br/>
<div style="text-align: left; padding-left: 10px;">


- администрация: <a href="ссылка на профиль админа">Ник</a>
<br/>
- погода:
<br/>
- дата:
<br/>
- рейтинг и система игры:


</div>
<br/>
<img src="картинка приветствия">
<br/>
<div style="width: 90%; height: 100px; padding-left: 10px; padding-right: 10px;">


текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст
текст текст текст текст


</div>
</td>
<td align="center" valign="top" style="width: 40%;">
<img src="картинка полезных ссылок">
<br/>
<a href="ссылка на тему">Тема 1</a>, <a href="ссылка на тему">Тема 2</a>,
<br/>
<a href="ссылка на тему">Тема 3</a>, <a href="ссылка на тему">Тема 4</a>,
<br/>
<a href="ссылка на тему">Тема 5</a>, <a href="ссылка на тему">Тема 6</a>,
<br/>
<a href="ссылка на тему">Тема 7</a>, <a href="ссылка на тему">Тема 8</a>
<br/><br/>

<img src="ссылка на юзербар 250на50">

</td></tr></table>

<style>
#menu {
margin-bottom: -20px;
margin-top: -12px;}

#menu span {
padding: 10px 24px 10px 24px;
margin: 0px 15px;
width: 100px;
color: #607070;
background-color: #FFC389;}

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

#submenu {
padding: 3px;
width: 600px;
background: url(ссылка) top center no-repeat; /* каринка на фон - 600х400 */}

.submenutext {
display: none;
text-align: center;
font-size: 14px;
height: 400px;}

#menu span, .submenutext {
border: 1px solid #000;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Информация</span>
<span alt="#sm2" style="cursor: pointer;">Партнеры</span>
<span alt="#sm3" style="cursor: pointer;">Баннеры</span>
<span alt="#sm4" style="cursor: pointer;">Руководство</span>
           </b>
    </div>
   </td>
  </tr>
  <tr height="220">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table style="width: 100%; height: 100%;">
<tr><td style="width: 40%; border-right: 1px solid;" align="center">
<b>Дата:</b><br/><br/>

текст

<br/><br/>

<b>Время:</b><br/><br/>

текст

<br/><br/>

<b>Погода:</b><br/><br/>

текст

</td><td style="width: 60%;" align="center" valign="top">

<b>Ссылки:</b><br/><br/>

<a href="ссылка на тему">Имя ссылки</a>
<br/>
<a href="ссылка на тему">Имя ссылки</a>
<br/>
<a href="ссылка на тему">Имя ссылки</a>
<br/>
<a href="ссылка на тему">Имя ссылки</a>
<br/>
<a href="ссылка на тему">Имя ссылки</a>

</td></tr>

</table>
</div>

     <div id="sm2" class="submenutext">
<table style="width: 100%; height: 100%;">
<tr><td align="center">

баннеры партнеров баннеры партнеров баннеры партнеров

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

     <div id="sm3" class="submenutext">
<table style="width: 100%; height: 100%;">
<tr><td align="center">

баннеры баннеры баннеры

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

     <div id="sm4" class="submenutext">
<table style="width: 100%; height: 100%;">
<tr><td style="width: 50%; border-right: 1px solid;" align="center" valign="top">
<b>Администраторы:</b><br/><br/>

<a href="ссылка на профиль"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на профиль"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на профиль"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на профиль"><img src="ссылка на картинку"></a>

</td><td style="width: 50%;" align="center" valign="top">

<b>Модераторы:</b><br/><br/>

<a href="ссылка на профиль"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на профиль"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на профиль"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на профиль"><img src="ссылка на картинку"></a>

</td></tr>

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

<tr style="height: 40px;"><td><marquee>

Текст бегущей строки

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

<style>
#menu-top, #menu-bot {
margin-bottom: 0px;
margin-top: 0px;}

#menu-top span, #menu-bot span {
padding: 0px;
margin: 0px -3px;
width: 250px;}

#submenu {
padding: 3px;
width: 400px;}

.submenutext {
display: none;
text-align: center;
font-size: 12px;
color: white;
height: 300px;
overflow: auto;}
</style>

<center><table style="width: 750px; height: 400px;" border="1" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="50">
   <td align="center" colspan="2">
    <div id="menu-top">
<span alt="#sm1" style="cursor: pointer;"><img src="картинка"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="картинка"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="картинка"></span>
    </div>
   </td>
  </tr>
  <tr height="300">
   <td id="MenuTxT" align="center" valign="top" style="width: 400px; border-right: 1px solid #000!important;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

Контент первой кнопки

</div>

     <div id="sm2" class="submenutext"><br/>

Контент второй кнопки

</div>

     <div id="sm3" class="submenutext"><br/>

Контент третьей кнопки

</div>

     <div id="sm4" class="submenutext"><br/>

Контент четвертой кнопки

</div>

     <div id="sm5" class="submenutext"><br/>

Контент пятой кнопки

</div>

     <div id="sm6" class="submenutext"><br/>

Контент шестой кнопки

</div>
   </td>
<td align="center" style="width: 350px;">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 25%;" align="center">1</td>
<td style="width: 25%;" align="center">2</td>
<td style="width: 25%;" align="center">3</td>
<td style="width: 25%;" align="center">4</td>
</tr>
<tr style="height: 30px;">
<td style="border-top: 1px solid #000!important;" align="center" colspan="4"><marquee>

бегущая строка

</marquee></td>
</tr>
</table>
</td>
</tr>
  <tr height="50">
   <td align="center" colspan="2">
    <div id="menu-bot">
<span alt="#sm4" style="cursor: pointer;"><img src="картинка"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="картинка"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="картинка"></span>
    </div>
   </td>
  </tr>
 </tbody>
</table></center>

<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-top span, div.#menu-bot span").click(function() {
    $("div.#menu-top span, div.#menu-bot span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>