<table width="100%" height="400" border="0" cellspacing="1" cellpadding="0" style="text-align: center;">
<tr height="250">
<td width="190" style="border: 1px #000 dotted;" valign="top"><div style="width: 99%; height: 353px; overflow: auto;">

<img src="картинка админов">

<br/><br/>

<img width="30" height="40" src="фото 1">
<img width="30" height="40" src="фото 2">

<br/><br/>

<img src="картинка модеров">

<br/><br/>

<img width="30" height="30" src="фото 3">
<img width="30" height="30" src="фото 4">

<br/><br/>

<img src="картинка топы">

<br/><br/>

<img width="88" src="счетчик 1">
<img width="88" src="счетчик 2">

</div></td>

<td valign="top">

<table width="100%" height="100%" border="0" cellpadding="1" cellspacing="2">

<tr height="50"><td colspan="3" style="border: 1px #000 dotted; font-size: 12px; font-weight: bold;">

Приветствие

</td></tr>

<tr height="45">
<td width="33%" style="border: 1px #000 dotted;">

<img src="картинка новостей">

</td>
<td width="33%" style="border: 1px #000 dotted;">

<img src="картинка погоды">

</td>
<td width="34%" style="border: 1px #000 dotted;">

<img src="картинка ссылок">

</td>
</tr>

<tr height="250">
<td style="border: 1px #000 dotted;"><div style="overflow: auto; width: 100%; height: 248px;">

Текст новостей

</div></td>
<td style="border: 1px #000 dotted;"><div style="overflow: auto; width: 100%; height: 248px;">

Текст погоды

</div></td>
<td style="border: 1px #000 dotted;">

<a href="ссылка на тему 1"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 2"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 3"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 4"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 5"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 6"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 7"><img src="ссылка на картинку"></a>
<br/>
<a href="ссылка на тему 8"><img src="ссылка на картинку"></a>

</td>
</tr>

</table>

</td>
</tr>
<tr height="50"><td colspan="2" style="border: 1px #000 dotted;"><marquee onmouseover="this.stop()" onmouseout="this.start()">

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

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

<style>
.splLink {width: 100px; height: auto; text-align: center;}
.splCont {height: 150px; width: 200px; background: #696969; padding: 3px; margin: 5px -50px; border: 1px solid #fff; text-align: center; font-size: 11px; font-family: Lucida Sans Unicode; opacity: 0.8; filter: alpha(Opacity=80);}
</style>

<center><table style="width: 90%;">
<tr>

<td><DIV><div class=splLink><img src="ссылка на картинку первой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

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

</div></DIV></DIV></td>

<td><DIV><div class=splLink><img src="ссылка на картинку второй кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

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

</div></DIV></DIV></td>

<td><DIV><div class=splLink><img src="ссылка на картинку третьей кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

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

</div></DIV></DIV></td>

<td><DIV><div class=splLink><img src="ссылка на картинку четвертой кнопки"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont><div style="width: 100%; height: 148px; overflow: auto;">

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

</div></DIV></DIV></td>

</tr>
</table></center>

<table style="width: 100%; height: 200px; text-align: center; font-size: 11px; font-family: Lucida Sans Unicode;" border="0">

<tr><td width="350">

<img src="ссылка на картинку">

</td><td><div style="width: 100%; height: 198px; overflow: auto;">

Новости новости новости

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

</table>

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<style>	

#menu1 span, #menu2 span, #menu3 span, .submenutext {
    border-radius:7px;
    -webkit-border-radius:7px;
    -khtml-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;}

#menu1 span {
padding: 10px;
margin: 7px 5px;
width: 100px;
border: 1px solid #000;}

#menu1 .tabactive, #menu2 .tabactive, #menu3 .tabactive {
color: #CC8D8D;}

#menu2, #menu3{
width: 100px;
height: 60px;}

#menu2 span, #menu3 span {
text-align: center;
display: block;
margin: 15px 0;
padding: 15px 5px 15px 5px;
border: 1px solid #000;}

.submenutext {
display: none; 
height: 360px;
width: 400px;
padding: 4px;
text-align: center;
border: 1px solid #000;}

</style>

<center><table style="width: 630px; height: 473px; background-image: url(http://uploads.ru/i/0/F/O/0FODY.jpg); background-position: top center; beckground-repeat: no-repeat; font-style: italic;" border="0">
<tbody>

<tr height="10%"><td align="center" colspan="3">


    <div id="menu1"><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>
   <td valign="top" align="center">

    <div id="menu2"><b>
<span alt="#sm5" style="cursor: pointer;">1</span>
<span alt="#sm6" style="cursor: pointer;">2</span>
<span alt="#sm7" style="cursor: pointer;">3</span>
<span alt="#sm8" style="cursor: pointer;">4</span>
<span alt="#sm9" style="cursor: pointer;">5</span>
<span alt="#sm10" style="cursor: pointer;">6</span>
           </b>

    </div>
   </td>
   <td id="MenuTxT"  align="center">
    <div id="submenu" align="center">

     <div id="sm1" class="submenutext" style="display:block;">

Текст главного контента

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

Текст новостей

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

Админы форума

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

Текст неизвестной кнопки

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

Текст кнопки 1

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

Текст кнопки 2

</div>
     <div id="sm7" class="submenutext">

Текст кнопки 3

</div>
     <div id="sm8" class="submenutext">

Текст кнопки 4 

</div>
     <div id="sm9" class="submenutext">

Текст кнопки 5

</div>
     <div id="sm10" class="submenutext">

Текст кнопки 6

</div>
     <div id="sm11" class="submenutext">

Текст кнопки 7

</div>
     <div id="sm12" class="submenutext">

Текст кнопки 8

</div>
     <div id="sm13" class="submenutext">

Текст кнопки 9

</div>
     <div id="sm14" class="submenutext">

Текст кнопки 10

</div>
     <div id="sm15" class="submenutext">

Текст кнопки 11

</div>
     <div id="sm16" class="submenutext">

Текст кнопки 12

</div>
</div>
   </td>
   <td valign="top" align="center">
    <div id="menu3"> <b>
<span alt="#sm11" style="cursor: pointer;">7</span>
<span alt="#sm12" style="cursor: pointer;">8</span>
<span alt="#sm13" style="cursor: pointer;">9</span>
<span alt="#sm14" style="cursor: pointer;">10</span>
<span alt="#sm15" style="cursor: pointer;">11</span>
<span alt="#sm16" style="cursor: pointer;">12</span>
           </b>
    </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.#menu1 span,div.#menu2 span,div.#menu3 span").click(function() {
    $("div.#menu1 span,div.#menu2 span,div.#menu3 span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>