<style>
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}
#menu span {
text-align:left;
display:block;
color:#fff;
margin: 7px 0;
padding: 11px;
border:solid;
}
#submenu,#menu span {
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
background:transparent;
}
#menu .tabactive {
color: transparent;
background:transparent;
}
#submenu {
padding: 3px;
height: 200px;
text-align: center;
font-size: 12px;
width: 540px;
}
.submenutext {
display: none;
height: 40px;
}
</style>
<center><table style="width: 615px">
<tbody>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/><table align=left><tr><td>
Добро пожаловать на ролевую Ho o Koete, что в переводе означает «За гранью Закона». Первое, что посоветую вам, это ознакомиться с <a href="http://koete.rolbb.ru/viewtopic.php?id=9" target="_blank">Нашим миром!</a>
Если вас заинтересовало, то прочтите <a href="http://koete.rolbb.ru/viewtopic.php?id=4" target="_blank">Расы нашего мира</a> и <a href="http://koete.rolbb.ru/viewtopic.php?id=3" target="_blank">Уровни</a>. Система уровней введена для удобства. Так же при повышение уровня, вы получаете свои личные магические или физические способности! Обязательно ознакомьтесь с <a href="http://koete.rolbb.ru/viewtopic.php?id=6" target="_blank">Правилами</a>. Так же, по желанию можете ознакомиться с <a href="http://koete.rolbb.ru/viewtopic.php?id=7">Историей северного континента.</a>
<td></tr></table>
</div>
<div id="sm2" class="submenutext"><br /><br />
<div align="center" style="overflow: auto; overflow-x: hidden; width:540px; height: 200px; ">
<br>
<br>
<a href=http://koete.rolbb.ru/viewforum.php?id=19>Комнаты Академии</a>
<br>Здесь происходит свободная игра от сюжета. Это ваши апартаменты.
<br>
<br>
<a href=http://koete.rolbb.ru/viewforum.php?id=36>Академия</a>
<br>Здесь происходит свободная игра от сюжета. Здесь вы найдете прудик, столовую или библиотеку.
<br>
<br>
<a href=http://koete.rolbb.ru/viewforum.php?id=20>Города и Деревни</a>
<br>
Здесь происходит свободная игра от сюжета. Вы можете путешествовать по этим локациям.
<br>
<br>
<a href=http://koete.rolbb.ru/viewforum.php?id=23>Флешбеки</a>
<br>
В этом разделе вы можете отыграть свое прошлое или совершенно не своего персонажа и не по сюжету.
<br>
<br>
<a href=http://koete.rolbb.ru/viewforum.php?id=25>Серии</a>
<br>
Сюжет. В этом разделе вы участвуете по сюжету, если вашего имени нету не в одной теме, значит пока вы там не участвуете. За каждый отыгранный эпизод, игрок получает 500 Астр.
<br>
<br>
</div>
</div>
<div id="sm3" class="submenutext"><br /><br />
<b>Время и Погода</b>
<br>
<br>
<b>Дата:</b> 1 мая 2011 год
<br>
<b>Время:</b> День
<br>
<b>Погода:</b> В Академии ,уже какой день , температура +20, когда утро переходит плавно в день, становиться еще жарче.Ветер теплый. Говорят сегодня после полудня будет гроза, хотя по облакам этого совершенно не скажешь.
<br>
<b>Следующий</b> => 1 мая 2011 => Ночь. =><b> Наступит</b> 4 сентября, реального времени.
<br>
</div>
<div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
<div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>
</div>
</td>
<td valign=top>
<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>
</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 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>