Код:
#menu {
margin-top: 150px;
margin-left: 80px;
width: 130px;
height: 30px;
background-repeat: no-repeat;
}
#menu span {
text-align:center;
display:block;
color:#220404;
margin: 4px 0;
padding: 6px;
}
#submenu, #menu span {
border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
background: none;
border-color: #332005!important; border: 1px solid;
}
#menu .tabactive {
color: #687975;
}
#submenu {
padding: 0px;
height: 180px;
width: 290px;
text-align: center;
font-size: 11px;
margin-left:10px;
margin-right: 7px;
margin-top: 135px;
}
.submenutext {
display: none;
height: 40px;
}и еще
Код:
<center><table style="width: 400px">
<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><a href="http://lovebirds.rolka.su/viewtopic.php?id=539#p174078">Новый выпуск газеты!</a><br> <br><a href="http://lovebirds.rolka.su/viewtopic.php?id=833#p174065">Участвуй в конкурсе!</a><br>
<br>
<b>Сб., 16 октября 2011 г.</b><br>
<b>Погода:</b> +7°С, дождь, ветер слабый. <br><b>День (10:00-17:00) 13/30 Перемена 3 1/2 Звонок! </b> <br><br><a href="http://lovebirds.rolka.su/viewtopic.php?id=209#p173654">Мероприятия сегодня</a>
</div>
<div id="sm2" class="submenutext"><br><table>
<tr>
<td><b>Жанр ролевой: </b>реал + способности<br>
<b>Время на ролевой:</b> <br>2011 г.<br>
<b>Мастеринг:</b> смешанный<br>
<b>Организация: </b>локации
<b>Рейтинг: </b>18+</td>
<td>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=52">Сюжет</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=20">FAQ</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=19">О способностях</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=4">Правила</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=53">Свободные роли/силы</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=94">Заявки игроков</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=51">Гостевая</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=91">События</a><br>
<a href="http://lovebirds.rolka.su/viewtopic.php?id=95">Путеводитель</a><br>
</td>
</tr>
</table>
</div>
<div id="sm3" class="submenutext"><br><br>
<!--Кольцевой слайдер НАЧАЛО -->
<center><div id=SL0 style="width:280px;!important; border:none;">
<style>
.cont_ainsOO{float:left!important;display:none;overflow:auto;
}
div.Next_,div.Prev_{border:none; float:left; margin-left: 3px; margin-top: 20px; background:transparent left top repeat-y;}
</style>
<div style="border:none;background-color:transparent;">
<div class="Prev_"><br /><br /><img src="http://storage9.static.itmages.ru/i/15/1130/h_1448898081_8685599_f9e1227e15.png"/></div>
<div class="cont_ainsOO Active" style="display:block; margin-top:-10px; margin-left: 14px;">
<img src="http://storage4.static.itmages.ru/i/16/0109/h_1452341473_4211373_6df2c65897.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage7.static.itmages.ru/i/16/0102/h_1451744189_6370801_5dc19538b7.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage7.static.itmages.ru/i/16/0102/h_1451744189_1280767_3557437628.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage7.static.itmages.ru/i/16/0102/h_1451744189_9139611_ad211d2713.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage7.static.itmages.ru/i/15/1202/h_1449083442_6256572_a4841a65f0.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage6.static.itmages.ru/i/15/1227/h_1451219798_8821191_9cfdc6a58b.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage1.static.itmages.ru/i/15/1202/h_1449083443_7037191_898ff93dfa.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage3.static.itmages.ru/i/15/1202/h_1449083444_7717062_e571201d7d.png"/> <br />
</div>
<div class="cont_ainsOO Active" style="margin-top:-10px; margin-left:14px;">
<img src="http://storage9.static.itmages.ru/i/15/1202/h_1449083443_5382877_dda6f8a20e.png"/> <br />
</div>
<div class="Next_" style="float:right; margin-right: 3px"><br /><br /><img src="http://storage9.static.itmages.ru/i/15/1130/h_1448898081_8685599_f9e1227e15.png"/></div>
<script>
var contLength=$('#SL0 .cont_ainsOO').length-1;
$('#SL0 .cont_ainsOO').each(function (i){$(this).attr("alt",i);});
var Nobysu=true;
function CrugL(b,c,d,f,g) {if(Nobysu){Nobysu=false;
var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
if(j==g){j=c;}else{j+=f}
$(d+" span").toggle('fast').toggle('fast');
$(b).removeClass("Active");$(d).addClass("Active")
a.insertBefore("div.Next_.Active");a.insertAfter("div.Prev_.Active");
a.hide('slow').removeClass("Active")//Свёртываем все предыдущие;
a=$("#SL0 .cont_ainsOO[alt='"+j+"']").addClass("Active").toggle('slow',function(){Nobysu=true});
}}
$(".Prev_").click(function(){var b='.Next_',c=contLength,d='.Prev_',f=-1,g=0; CrugL(b,c,d,f,g);});
$(".Next_").click(function(){var b='.Prev_',c=0,d='.Next_',f=+1,g=contLength; CrugL(b,c,d,f,g);});
</script>
</div></div></center>
<!--Кольцевой слайдер Конец-->
</div>
<div id="sm4" class="submenutext" style="margin-top: 10px;">
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
<p><img src="http://storage4.static.itmages.ru/i/15/1201/h_1449003520_6335456_8074996b35.png"></p>
<p><img src="http://storage3.static.itmages.ru/i/15/1201/h_1449003519_9698660_2a06752667.png"></p>
<p><img src="http://storage2.static.itmages.ru/i/15/1201/h_1449003519_4685389_d610d9b5c7.png"></p>
<p><img src="http://storage1.static.itmages.ru/i/15/1201/h_1449003518_2277558_a8b05b9149.png"></p>
<p><img src="http://storage9.static.itmages.ru/i/15/1201/h_1449003517_2305784_14c1c72101.png"></p>
<p><img src="http://storage8.static.itmages.ru/i/15/1201/h_1449003517_3951371_692eb12aa8.png"></p>
<p><img src="http://storage7.static.itmages.ru/i/15/1201/h_1449003516_3482481_1e80d42886.png"></p>
<p><img src="http://storage6.static.itmages.ru/i/15/1201/h_1449003516_2982117_dbd04d1840.png"></p>
<p><img src="http://storage5.static.itmages.ru/i/15/1201/h_1449003515_3557220_f27fea4a54.png"></p>
<p><img src="http://storage4.static.itmages.ru/i/15/1201/h_1449003515_7808661_95a9d6ffcc.png"></p>
<p><img src="http://storage3.static.itmages.ru/i/15/1201/h_1449003514_4902237_babd229da4.png"></p>
<p><img src="http://storage2.static.itmages.ru/i/15/1201/h_1449003514_4073015_851d794694.png"></p>
<p><img src="http://storage1.static.itmages.ru/i/15/1201/h_1449003513_6452537_381de55f8b.png"></p>
<p><img src="http://storage9.static.itmages.ru/i/15/1201/h_1449003513_7064051_1c5f12545b.png"></p>
<p><img src="http://storage8.static.itmages.ru/i/15/1201/h_1449003513_5608346_7803d4038b.png"></p>
<p><img src="http://storage7.static.itmages.ru/i/15/1201/h_1449003511_2640961_9f5382e881.png"></p>
<p><img src="http://storage6.static.itmages.ru/i/15/1201/h_1449003510_4001751_c39b8240fd.png"></p>
<p><img src="http://storage5.static.itmages.ru/i/15/1201/h_1449003510_8256908_88e276d994.png"></p>
<p><img src="http://storage4.static.itmages.ru/i/15/1201/h_1449003510_2925407_e0f41836ad.png"></p>
<p><img src="http://storage3.static.itmages.ru/i/15/1201/h_1449003509_6313954_3101b2075c.png"></p>
<p><img src="http://storage2.static.itmages.ru/i/15/1201/h_1449003509_6729711_023bb27c39.png"></p>
<p><img src="http://storage1.static.itmages.ru/i/15/1201/h_1449003509_8556587_49419c7242.png"></p>
<p><img src="http://storage9.static.itmages.ru/i/15/1201/h_1449003508_8388323_e799ed580b.png"></p>
<p><img src="http://storage8.static.itmages.ru/i/15/1201/h_1449003508_3304282_fcb2efe5c6.png"></p>
<p><img src="http://storage7.static.itmages.ru/i/15/1201/h_1449003507_6750243_31bdec8b1a.png"></p>
<p><img src="http://storage6.static.itmages.ru/i/15/1201/h_1449003506_8900882_17ea00ecc8.png"></p>
<p><img src="http://storage5.static.itmages.ru/i/15/1201/h_1449003506_5629645_952eca6baa.png"></p>
<p><img src="http://storage4.static.itmages.ru/i/15/1201/h_1449003505_7463459_4a67058fb2.png"></p>
<p><img src="http://storage3.static.itmages.ru/i/15/1201/h_1449003505_6825840_61b2fa0ae1.png"></p>
<p><img src="http://storage2.static.itmages.ru/i/15/1201/h_1449003505_5057897_270a18acb0.png"></p>
<p><img src="http://storage1.static.itmages.ru/i/15/1201/h_1449003504_1734017_5596674c1e.png"></p>
<p><img src="http://storage9.static.itmages.ru/i/15/1201/h_1449003504_8795077_4da03209e4.png"></p>
<p><img src="http://storage8.static.itmages.ru/i/15/1201/h_1449003503_9323666_3fe2ecb336.png"></p>
<p><img src="http://storage7.static.itmages.ru/i/15/1201/h_1449003503_1394150_052543c6bb.png"></p>
<p><img src="http://storage6.static.itmages.ru/i/15/1201/h_1449003502_5673820_f319f6cd9c.png"></p>
<p><img src="http://storage5.static.itmages.ru/i/15/1201/h_1449003502_3292260_b4a6d309d8.png"></p>
<p><img src="http://storage4.static.itmages.ru/i/15/1201/h_1449003502_8654983_14d6572355.png"></p>
<p><img src="http://storage3.static.itmages.ru/i/15/1201/h_1449003501_4735645_547b38a8f7.png"></p>
<p><img src="http://storage2.static.itmages.ru/i/15/1201/h_1449003501_4237320_82aa13f6a7.png"></p>
<p><img src="http://storage1.static.itmages.ru/i/15/1201/h_1449003500_7838186_9ef538d109.png"></p>
<p><img src="http://storage9.static.itmages.ru/i/15/1201/h_1449003500_8464669_ce75b9a6d0.png"></p>
<p><img src="http://storage8.static.itmages.ru/i/15/1201/h_1449003500_4811576_7d25527656.png"></p>
<p><img src="http://storage7.static.itmages.ru/i/15/1201/h_1449003499_4062299_2c1c044e13.png"></p>
</div>
<script language="javascript">
var sek = 10000; // Время отображения
var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>
</div>
<div id="sm5" class="submenutext" style="background-image:url(http://storage4.static.itmages.ru/i/15/1119/h_1447946025_3678842_dd851cab48.png); height:100%;">
<br> <br><br> <a href="http://lovebirds.rolka.su/profile.php?id=16">Ilir Zogu</a>
<br> <a href="http://lovebirds.rolka.su/profile.php?id=4">Kent McCay</a> <br>ICQ: 646746779
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
