<style> 
div.splLink {width: 130px; height: 35px; border: none; background: transparent; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 2px;}
.spll {width: 130px; height: 70px; }
.spll div.splCont {height: auto; width: 130px; background:  url(http://s5.uploads.ru/HFmT1.jpg); padding: 2px; z-index: 1000; margin-top: 0px; border: 2px solid #5B3200; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>
<!-- jquery уже подключен -->

<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>

<!--Ставим рамки для Аватара --> 
<style type="text/css">
li.pa-avatar .Wrp-ava img[src*="avatars"]{
  display:block;
  padding:0;
  border-width:0;
  margin:6px; /*Отступ рамки*/
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://s4.uploads.ru/GiDIp.png"; // Ccылка на картинку;

    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
 });});
</script>

<!-- Cтрелочки -Вверх вниз страницы -->
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s5.uploads.ru/YZSkr.png" alt="Вверх страницы"/>
</a>
<br/>
<br/>
<a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img src="http://s5.uploads.ru/Pn0IT.png" alt="Вниз страницы"/>
</a>
</div><!--Конец Cтрелочки -->

<style type="text/css">
#html-header {
  position:relative;
}
</style>
<div  style="position:absolute;width:100%;tex" align=center>
<table>
<tr>
<td>
	<div class="spll">
<div class="splLink"><img src='http://s4.uploads.ru/Hbe5l.png'></div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=145">Сюжет</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=5">История мира</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=3">О расах Айлей</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=29">Полукровки</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=12">Межрасовые отношения</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=4">О магах и магии</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=2">Политическая карта</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=6">Артефакты</a><br>
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink"><img src='http://s4.uploads.ru/bQtPJ.png'></div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=202">Шаблон анкеты</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=297">Профиль и Подпись</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=95">Отсутствие и уход</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=203">Нам требуются...</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=185">Задания</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=186">Поиск партнера по игре</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=187">Посик команды</a><br>
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink"><img src='http://s5.uploads.ru/MniAG.png'></div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
<img src="http://s017.radikal.ru/i425/1306/60/c360ef23ef25.jpg"><br><b><u>Шиархи</u></b><br>Главный администратор<br>
<img src="http://s003.radikal.ru/i201/1306/58/3119910c36da.jpg"><br><b><u>Сам-Ри Ниэль</u></b><br>Модератор<br><i>ISQ: 612800599</i><br>
<img src="http://i077.radikal.ru/1306/76/4f0157084d02.jpg"><br><b><u>Каурто Кай-Эртум</u></b><br>Модератор<br><i>ISQ: 613327041</i><br>
</div>

	</div>
</td>
<td>
	<div class="spll">
<div class="splLink"><img src='http://s4.uploads.ru/j9Ta7.png'></div>
<div style="DISPLAY: none; position: absolute;" class="splCont" >
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=292">Наша реклама</a><br>
<a href="http://chesare.magicrpg.ru/viewtopic.php?id=301">Баннеры и логотипы</a><br>
<a href="http://chesare.magicrpg.ru/viewforum.php?id=65">Заявки на партнерство</a><br>
</div>

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

<!-- Стиль меню таблицы в объявлении -->
<style type="text/css">
/****************************************
   Таблица с переключаемыми Вкладками

****************************************/
#tab2,#tab2*{
  paddibg:0;
  margin:0;
}
#tab2 {
  background:transparent url(http://s4.uploads.ru/QuOwM.png) 0 0 no-repeat;
  height:254px;
  width:790px;
  outline:solid red 1px;/* Убираем Строку после настройки*/ 
}
#tab2,#tab2 td{
  border:none 0 transparent!important;
  border-collapse:collapse;
}
img[data^="tab"]{
  cursor:pointer;
  height:100%;
  outline:solid red 1px;/* Убираем Строку после настройки*/ 
  border:none 0 transparent!important;
}
.tab-content {
  display:none;
  width:100%;
  height:226px;
  outline:solid blue 1px;/* Убираем Строку после настройки*/
  color:#fff;
  overflow-y:auto;
}
</style>
<script type="text/javascript">
$.fn.switch_tabs = function() {
  var tbl = this,knopK = $("img[data^='tab']",tbl);
  knopK.each(function(){
    var arr = $(this).attr('data').split(",");
    $(this).css("background-image","url("+arr[1]+")")
  }); knopK.css("background-position","120% 10000px")
      knopK.css("background-repeat","no-repeat")

  knopK.click(function(){
    knopK.removeClass('active');
    $(this).addClass('active');
    var arr = $(this).attr('data').split(",");
    tbl.css("background-image","url("+arr[1]+")")
    $(".tab-content",tbl).hide();
    $("#"+arr[0]+"",tbl).show();
  });
}
</script>