<style>	
#menu {
margin-top: -5px;
width: 200px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#3f4469;
margin: 9px 0;
padding: 11px;
}
#submenu,#menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#bea982;
}

#menu .tabactive {
color: #26293f;
    background:#8c7c60;
}

#submenu {
padding: 0px;
height: 220px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table style="width: 615px">
 <tbody>
  <tr>
   <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>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<b>Поддержите наш форум в каталоге, проголосуйте.</b>
<p><a target="_blank" href="http://ra-reklama.ru/viewtopic.php?id=4630">
<img src="http://s012.radikal.ru/i319/1108/f7/034434e17f86.jpg"></a></p>
У Нас на форуме новый дизайн!!! Если у вас что-то не правильно отображается или вы хотите оставить отзыв, то прошу в <a href="http://helper.0bb.ru/viewtopic.php?id=40#p115"><b>эту тему</b></a>.
А так же на форум требуются мастера ФШ, литературные мастера. Заявку можно оставить <a href="http://helper.0bb.ru/viewtopic.php?id=22#p44"><b>здесь</b></a>. А в разделе "Каталог статей" появились новые статьи, и мы будем рады вашим комментария и вопросам, если таковые имеются. Приветствуем нового модератора <b>nemi</b>.</p>
<p>Стартовал первый конкурс аватаров. Приглашаю принять в нем участие.</p>
<p>В скором времени мы планируем открыть новый подраздел "каталог форумов". Если есть желающие модерировать этот раздел, то милости прошу в ЛС. Любые предложения по устройству подраздела будут приветствоваться и вознаграждаться.</p>
Открыто <a href="http://helper.0bb.ru/viewtopic.php?id=83#p1050"><b>голосование</b></a> по конкурсу аватарок.
Конкурс аватаров окончен. Победителем стал <b>Шерр</b>. И его работу вы можете увидеть в профиле рекламы.

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

<p><justify>Добрый день, уважаемые пользователи, мы рады приветствовать вас на Golden Helper'е. Наш сайт создан для помощи игрокам (как новичкам, так и опытным), а также администраторам разнообразных форумных ролевых игр.
У нас вы можете получить помощь, связанную с: механикой игры, анкетами персонажа, описаниями локаций и происходящих событий, сюжетом и квестами ролевой, графическим оформлением и многим, многим другим. Кроме этого, мы будем рады обсудить с вами любые моменты, связанные, а порой и не связанные с ФРИ, опубликовать вашу рекламу, подсказать те или иные решения.
В общем, добро пожаловать на Golden Helper, будьте как дома.</justify> </p>

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

<b>Навигация по форуму</b>
<p><a href="http://helper.0bb.ru/viewtopic.php?id=28#p79"><u>Заказать анкету</u></a></p>
<p><a href="http://helper.0bb.ru/viewtopic.php?id=31#p81"><u>Заказать правила для форума или шаблон</u></a></p>
<p><a href="http://helper.0bb.ru/viewtopic.php?id=34#p86"><u>Заказать сюжет или квест</u></a></p>
<p><a href="http://helper.0bb.ru/viewtopic.php?id=33#p83"><u>Заказать статью</u></a></p>
<p><a href="http://helper.0bb.ru/viewtopic.php?id=32#p82"><u>Заказать описание локации</u></a></p>

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

<b>Администрация форума:</b>
<p>Главный админ: Nessy</p>
<p>Помощник админа: Krysnik07</p>
<p>Мастер пера: Cadam</p>
<p>Модератор: nemi</p>

</div>
     <div id="sm5" class="submenutext"><br/><br/>
<b>Наши партнеры:</b>
<p><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13144' target='_blank'>	
<center><b>Тыкаем на баннеры каждый день!</b>

<p><script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=13144&cid=counter2007_19.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=13144&cid=counter2007_19.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>

<a href="http://ra-reklama.ru/pages/katalog" target="_blank"><img src="http://s52.radikal.ru/i137/1006/3a/4d938f675d1b.jpg" title="Каталог форумов" width="88" height="31"></a></p>
</center>
</p>
<p><a href="http://realcollege.mybb.ru/" title="La Salle College"><img src="http://s57.radikal.ru/i156/1009/6b/96b0fd4b5b67.jpg" width="88" height="31"></a>

<a href="http://demonvendetta.mybb.ru/" target="_blank">
<img src="http://s005.radikal.ru/i211/1009/f7/6a8d8529a8a8.gif" 
title="Демоны сумерек" 
border="1" width="88" height="31"></a>

<a href="http://wwoh.rolka.su/"><img src="http://s42.radikal.ru/i096/1005/58/40ab186f5352.jpg"alt="Ролевая Wonderful World of Horses" border="0" /></a>
<a href="http://artana.rolka.su/" target="_blank"><img src="http://savepic.net/475915.png" border="0" title="Sign of Artana"></a>

<a target="_blank" href="http://shardsofthepast.spybb.ru"><img src="http://s001.radikal.ru/i195/1103/99/85a9d3a4c3ad.gif" ></a>

<a href="http://happyberry.rolka.su/" target="_blank"><img src="http://i1237.photobucket.com/albums/ff466/bleachinfitesky/parakissu/tumblr_ln1uvoPmXW1qgovg0o1_400.gif" border="0" alt="Happy Berry"></a>


</p>
<p><b>Реклама:</b></p>
<p>Реклама только взаимная. Обязательно оставляйте ссылку на нашу рекламу. </p>
<p><b>Ник:</b> Реклама</p>
<p><b>Пароль:</b> 1111</p>


</div>

</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>

<!-- Таблица -->
<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #fab441; 
background:#141e2d; 
}

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

.submenutext {
display: none; 
height: 60px;
}

#MenuTxT {
 background:url(ссылка) no-repeat center; <!-- Фоновая картинка в основной форме объявления -->
}
</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: 615px;">
 <tbody>
  <tr>
   <td>
    <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>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<center>
<br>Пример<br> <!- Текст в блоке "Админы" ->
</center>
</div>

     <div id="sm2" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Объявления" ->
</center>
</div>

     <div id="sm3" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Погода и время" ->
</center>
</div>

     <div id="sm4" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Полезные ссылки" ->
</center>
</div>

     <div id="sm5" class="submenutext"><br /><br />
<center>
Пример <!- Текст в блоке "Реклама" ->
</center>

</div>
   </td>
</tr>
 </tbody>
</table></center>
<!-- Конец Таблицы -->

<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}

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

.submenutext {
display: none; 
height: 60px;
}
</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: 615px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</span>
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

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

<!-- 15 сообщений последних -->
<script src="/export.php?type=js&max=15" type="text/javascript"></script>
<script type="text/javascript">
var html='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html2="</tr></tbody></table></div>"
html1="<h2>Последние 15 сообщений форума</h2><div class=\"container\"><table style=\"font-size:12px!important;\" cellspacing=\"0\" width=100%><thead><tr><th scope=\"col\">Автор</th><th style='width: 250px!important;' scope=\"col\">Время</th><th scope=\"col\">Последнее сообщение</th></tr></thead><tbody class=\"hasicon\">"
html+='<tr><td style=\"color:#0067A9\"><b>'+content[i][1]+'</b></td><td class=\"tc2\">'+ts+'<td class=\"tcr\"><a href=\"'+content[i][2]+'\">'+content[i][3]+'</a><br /></td></tr>';
}

str=document.URL
//alert(html1+html+html2)
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php"){


$("#pun-announcement div.html-box").prepend(html1+html+html2)
}
</script>