<style type="text/css"> 
/* <![CDATA[ */
#menu {align: center;}
#menu span {
padding: 0 13px;
height: 30px;
text-decoration: none;
}
 
#menu .tabactive {
background: transperent;
}
 
#submenu {
padding: 0px;
height: 250px;
text-align: center;
width: 900px;
background: url(http://upforme.ru/uploads/000f/e2/3d/9-5.jpg);
border: 1px solid #000;
}
/* ]]> */
</style> 
 
<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").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script> 
<center>
<table style="width: 900px; margin: 0;"> 
<tbody> 
<tr> 
<td> 
<div id="menu"> 
 
<span alt=#sm1 "style="cursor: pointer;"><img src="http://onederland.f-rpg.ru/uploads/000f/a0/f2/12-5.png
"></span> 
<span alt=#sm2 "style="cursor: pointer;"><img src="http://onederland.f-rpg.ru/uploads/000f/a0/f2/12-4.png
"></span> 
<span alt=#sm3 "style="cursor: pointer;"><img src="http://onederland.f-rpg.ru/uploads/000f/a0/f2/13-1.png
"></span> 
<span alt=#sm4 "style="cursor: pointer;"><img src="http://onederland.f-rpg.ru/uploads/000f/a0/f2/13-2.png
"></span> 
 
</div> 
</td> 
</tr>



<tr> 
<td id="MenuTxT"  align="left" valign="top"> 
<div id="submenu" align="right"> 
<div id="sm1" class="submenutext" style="display:block;"><br> 
Тут будет вступительная речь. Очень умная, не сомневайтесь<br><br> 
<select   name     = 'jump_url' onchange = 'jump_url(this.options[this.selectedIndex].value);'> 
	        <option value    = '' selected>Полезные ссылки</option> 
            <option value    = 'http://oborotnyigorod.rolbb.ru/'  >Ссылка 1</option> 
    <option value    = 'http://oborotnyigorod.rolbb.ru/' >Ссылка 2</option> 
        <option value    = 'http://oborotnyigorod.rolbb.ru/' >Ссылка 3</option> 
    <option value    = 'http://oborotnyigorod.rolbb.ru/' >Ссылка 4</option> 
    <option value    = 'http://oborotnyigorod.rolbb.ru/'  >Ссылка 5</option> 
        <option value    = 'http://oborotnyigorod.rolbb.ru/'  >Ссылка 6</option> 
            <option value    = 'http://oborotnyigorod.rolbb.ru/'  >Ссылка 7</option> 
    <option value    = 'http://oborotnyigorod.rolbb.ru/' >Ссылка 8</option> 
    <option value    = 'http://oborotnyigorod.rolbb.ru/' >Ссылка 9</option> 
          </select><br> 
 
<br> 
Топы
<br> 
<b>Название какое-нить</b><br> 
 
 
 
 
<br> 
<br> 
Пару слов о двигателе прогресса, то бишь <a href = 'http://onederland.f-rpg.ru/viewforum.php?id=15'>Рекламе</a>.<br> 
Реклама только со спец.аккаунта и взаимная. А то мы придем и вас покусаем. Всем форумом.<br> 
<b>Ник:</b> Странник<br> 
<b>Пароль:</b> 12345
</div> 
 
 
 
 
<div id="sm2" class="submenutext"><br> 
<b>Новость #1</b><br> 
Вот тут будет много-много интересного
</div> 
 
 
 
 
<div id="sm3" class="submenutext"><br> 
<table><tr> 
<td width = '35%'> 
    <a href="http://oborotnyigorod.rolbb.ru/">Невидимое эхо</a><br> 
	<u>ICQ: 643567878</u><br><br> 
Информация об админе будет тут
</td> 
 
<td width = '15%'> 
<img src="http://www.10pix.ru/img1/2716/4879724.jpg"> 
</td> 
 
<td width = '15%'> 
<img src="http://www.10pix.ru/img1/2716/4879724.jpg"> 
</td> 
 
<td width = '35%'> 
    <a href="http://oborotnyigorod.rolbb.ru/">Илья Иловайский</a><br> 
	<u>ICQ: 433126375</u><br><br> 
Информация об администраторе будет тут
</td></tr>
</table></div>
<div id="sm4" class="submenutext"><br> 
<b>Новость #4</b><br> 
Вот тут будет много-много интересного
</div> 
</div></td></tr>
</table>
</center>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
	<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").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<style type="text/css">
#pun-announcement h2 {visibility: hidden;}
</style>