<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 span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <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>
<span alt=#sm5 "style="cursor: pointer;">Реклама</span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 300px;">
    <div id="submenu" width="100%"> 
    <div id="sm1" class="submenutext">
    <img  src="/i/blank.gif" style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст новости
<style type="text/css">
.t {
	color: #400000;
}
.t {
	color: #400000;
}
.t {
	color: #400000;
}
</style>
<table width="720" border="0">
  <tr>
    <td width="42" height="43">&nbsp;</td>
    <td width="271">&nbsp;</td>
    <td width="393">&nbsp;</td>
  </tr>
  <tr>
    <td height="208">&nbsp;</td>
    <td align="center" valign="top"><div  style="overflow: auto; overflow-x: hidden; height: 190px; width:
250px"><p align="center" class="t"><b><strong>Д</strong>орогие гости!</p><br>

    <p align="center"><span class="t">Добро пожаловать на наш ролевой проект, по мотивам корейской дорамы &quot;Gu family book&quot; (&quot;Книга семьи Гу&quot;). Рейтинг нашей игры NC-17. К сожалению, гости немогут видеть всех разделов форума, поэтому настоятельно рекомендуем вам зарегистрироваться. Все интересующие вас вопросы до регистрации, можно задать в теме</span><strong> <a href="http://gu.mybb.ru/viewtopic.php?id=5#p6">&quot;гостевая&quot;</a></strong>, <span class="t">администрация с удовольствием вам поможет.</span></b></p>

<br><b><u> • Новости:</u></b><br><br>
<span class="t"><b><u>14-10-2013</u> Игра наконец-то открыта!))) Добро пожаловать и давайте играть!)))</b></span>
</b><br><br>
<u>02.09.2013</u> Игра пока еще не открыта, администрация прилагает все усилия, чтобы это произошло скорее. Пока можно подумать над анкетами, пересмотреть несколько серий дорамы... ;)
</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="28">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

	</div>
</div>
         <div id="sm2" class="submenutext">
         <img  src="/i/blank.gif" style="position:absolute;"/>

	<div class="bgdiv">
Тут пишем свой текст админы

<table width="720" border="0">
  <tr>
    <td width="74" height="247">&nbsp;</td>
    <td width="360" align="center" valign="top"><div align="center"><div  style="overflow: auto; overflow-x: hidden; height: 247px; width:
360px">

<img src="http://forumstatic.ru/files/0013/1c/4f/36903.png" ><br>

<a href="http://gu.mybb.ru/profile.php?id=2 "><img src="http://forumstatic.ru/files/0013/1c/4f/48494.png" ></a>
<a href="http://gu.mybb.ru/profile.php?id=3 "><img src="http://forumstatic.ru/files/0013/1c/4f/94676.png" ></a>

<img src="http://forumstatic.ru/files/0013/1c/4f/68629.png" ><br>
тут несколько слов от создателей о создании х) </div></td>
    <td width="249">&nbsp;</td>
  </tr>
</table>

	</div>
</div>
         <div id="sm3" class="submenutext">
         <img  src="/i/blank.gif" style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст навигация
	</div>
</div>
         <div id="sm4" class="submenutext">
         <img  src="/i/blank.gif" style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст события в игре
	</div>
</div>
         <div id="sm5" class="submenutext">
         <img  src="/i/blank.gif" style="position:absolute;"/>
	<div class="bgdiv">
Тут пишем свой текст пиар
	</div>
</div>

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

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 4px -4px;

width: 100px;
text-decoration: none;
color:#641C22;
font-size:13px;
text-shadow:#9C706D 1px 1px 2px;
border
}
#menu .tabactive {
color: #51191e;
background: none;
font-size:15px;
text-shadow:#9C706D 1px 1px 5px;
border
}

#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
width: 720px;
}

.submenutext {
text-align: center;
background:url(ссыль)  no-repeat;
position:absolute;
width:100%;
max-width: 720px;
display: none; 
height: 300px!important;
}
.submenutext img {
right: 0;
}
.bgdiv {
background:url(ссыль) right top repeat-y;
position:relative;
text-align: left;
width:100%;
height:100%;
}
#sm1{
background:url(http://forumstatic.ru/files/0013/1c/4f/42956.jpg) no-repeat;
}
#sm1 img[style]{
 background:url(http://forumstatic.ru/files/0013/1c/4f/53020.jpg) no-repeat;
 width:194px;
 height:300px;
}

#sm2{
background:url(http://forumstatic.ru/files/0013/1c/4f/23546.jpg) no-repeat;
}
#sm2 img[style]{
position:absolute;
background:url(http://forumstatic.ru/files/0013/1c/4f/52167.jpg) no-repeat;
height:300px;
width:194px;
}


#sm3{
background:url(http://forumstatic.ru/files/0013/1c/4f/32143.jpg) no-repeat;
}
#sm3 img[style]{
position:absolute;
background:url(http://forumstatic.ru/files/0013/1c/4f/38687.jpg) no-repeat;
height:300px;
width:194px;
}

#sm4{
background:url(http://forumstatic.ru/files/0013/1c/4f/61935.jpg) no-repeat;
}
#sm4 img[style]{
position:absolute;
background:url(http://forumstatic.ru/files/0013/1c/4f/51607.jpg) no-repeat;
height:300px;
width:194px;
}
#sm5{
background:url(http://forumstatic.ru/files/0013/1c/4f/35625.jpg) no-repeat;
}
#sm5 img[style]{
position:absolute;
background:url(http://forumstatic.ru/files/0013/1c/4f/32003.jpg) no-repeat;
height:300px;
width:194px;
}