...
...
Сообщений 1 страница 7 из 7
Поделиться22012-05-31 14:09:34
<link rel="shortcut icon" href="Адрес изображения" type="image/vnd.microsoft.icon">
<link rel="icon" href="Адрес изображения" type="image/vnd.microsoft.icon">
Поделиться32012-05-31 14:12:47
<script type="text/javascript">
var z="Ваше Слово замены"
$("#pun-announcement h2 span").html(z)
</script>
Поделиться42012-06-06 18:51:23
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #e3d0a6;
background: transparent;
}.btn{
display: block;
width: 251px;
height: 47px;
background: url('http://images.vfl.ru/ii/1338660400/58b8b53c/593709.png') 0 0px no-repeat;
}.btn:hover{
background: url('http://images.vfl.ru/ii/1338660433/806200af/593711.png') 0 0px no-repeat;
}.btn:focus{
background: url('http://images.vfl.ru/ii/1338660485/5ed0f663/593717.png') 0 0px no-repeat;
}#submenu {
padding: 5px;
height: 280px;
font-size: 11px;
width: 800px;
}.submenutext {
display: none;
height: 60px;
}
</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>
</b>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<div align="center" style="overflow: auto; height: 190px; width: 520px; valign="middle">
добро пожаловать в игру!
</div>
</div><div id="sm2" class="submenutext"><br/><br/>
<div align="center" style="overflow: auto; height: 190px; width: 520px; valign="middle">
новости</div>
</div><div id="sm3" class="submenutext"><br/><br/>
<div align="center" style="overflow: auto; height: 190px; width: 520px; valign="middle">
ссылки
</div>
</div><div id="sm4" class="submenutext"><br/><br/>
<div align="center" style="overflow: auto; height: 190px; width: 520px; valign="middle">
события
</div>
</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>
Поделиться52012-06-06 19:31:57
<table class="cats_war" style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 75%;"><table class="ctwr_ins" style="width: 100%;" cellpadding="0" cellspacing="0">
<tbody>
<tr height="50">
<td>
<!-- Buttons -->
<div id="menu">
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;" align="center">
<span alt="#sm1" style="cursor: pointer;" title='об игре'><img src="http://s019.radikal.ru/i608/1206/79/32e35a1e10aa.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm2" style="cursor: pointer;" title='новости'><img src="http://uploads.ru/i/E/p/j/EpjWs.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm3" style="cursor: pointer;" title='навигация'><img src="http://s019.radikal.ru/i643/1206/69/fce5a0b8e228.png"/></span>
</td>
<td style="width: 33%;" align="center">
<span alt="#sm4" style="cursor: pointer;" title='сюжет'><img src="http://s019.radikal.ru/i643/1206/69/fce5a0b8e228.png"/></span>
</td>
</tr>
</table>
</div>
<!-- End -->
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<!-- 1st Cont -->
добро пожаловать!
<!-- End -->
</div>
<div id="sm2" class="submenutext">
<!-- 2nd Cont -->
начинаем игру
<!-- End -->
</div>
<div id="sm3" class="submenutext">
<!-- 3rd Cont -->
полезные ссылки
<!-- End -->
</div>
<div id="sm4" class="submenutext">
<!-- 4rd Cont -->
сюжет
<!-- End -->
</div>
</td>
</tr>
</tbody>
</table>
Поделиться62012-06-06 19:33:27
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding: 1em;}.cats_war td {text-align: center; vertical-align: top;}
.ctwr_ins td {text-align: center; vertical-align: middle;}#menu {margin: 0px;}
#menu span {
padding: 0px;
margin: 0px;
display: block;
width: 200px;
height: 20px;}#menu .tabactive {
color: #fff;}#submenu {
padding: 3px;
width: 97%;}.submenutext {
display: none;
text-align: center;
height: 270px;}#menu span, #submenu {
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;}
</style>
Поделиться72012-06-07 16:01:13
<style>
#pun-announcement .container {height: 380px;}#menu {padding-top: 21px; padding-left: 25px;}
#menu span {
width: 256px;
height: 24px;
display: block;
margin-bottom: 12px;
color: transparent;}#menu span.bttn_1{background: transparent url(http://uploads.ru/i/D/P/a/DPaxw.jpg) center no-repeat;}
#menu span.bttn_2{background: transparent url(http://uploads.ru/i/Q/y/m/Qymwx.jpg) center no-repeat;}
#menu span.bttn_3{background: transparent url(http://uploads.ru/i/O/h/H/OhHGx.jpg) center no-repeat;}
#menu span.bttn_4{background: transparent url(http://uploads.ru/i/2/A/F/2AFkK.jpg) center no-repeat;}
#menu span.bttn_5{background: transparent url(http://uploads.ru/i/N/i/v/NivDw.jpg) center no-repeat;}#menu span.bttn_1:hover{background: transparent url(http://uploads.ru/i/h/l/L/hlL8O.jpg) center no-repeat;}
#menu span.bttn_2:hover{background: transparent url(http://uploads.ru/i/A/E/7/AE7f9.jpg) center no-repeat;}
#menu span.bttn_3:hover{background: transparent url(http://uploads.ru/i/u/p/D/upDER.jpg) center no-repeat;}
#menu span.bttn_4:hover{background: transparent url(http://uploads.ru/i/p/b/k/pbk28.jpg) center no-repeat;}
#menu span.bttn_5:hover{background: transparent url(http://uploads.ru/i/o/J/D/oJDTp.jpg) center no-repeat;}#menu span.bttn_1.tabactive{background: transparent url(http://uploads.ru/i/h/l/L/hlL8O.jpg) center no-repeat;}
#menu span.bttn_2.tabactive{background: transparent url(http://uploads.ru/i/A/E/7/AE7f9.jpg) center no-repeat;}
#menu span.bttn_3.tabactive{background: transparent url(http://uploads.ru/i/u/p/D/upDER.jpg) center no-repeat;}
#menu span.bttn_4.tabactive{background: transparent url(http://uploads.ru/i/p/b/k/pbk28.jpg) center no-repeat;}
#menu span.bttn_5.tabactive{background: transparent url(http://uploads.ru/i/o/J/D/oJDTp.jpg) center no-repeat;}#submenu {
padding-top: 23px;
padding-left: 22px;
height: 180px;
width: 510px;}.submenutext {
display: none;
text-align: center;
height: 180px;}
</style><table style="width: 860px; height: 218px; position: relative; z-index: 1000; top: 180px; background: transparent url(http://uploads.ru/i/I/Y/9/IY9Xq.jpg) top center no-repeat;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="MenuTxT" align="left" valign="top" style="width: 550px;">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">Контент первой кнопки
</div>
<div id="sm2" class="submenutext">Контент второй кнопки
</div>
<div id="sm3" class="submenutext">Контент третьей кнопки
</div>
<div id="sm4" class="submenutext">Контент четвертой кнопки
</div>
<div id="sm5" class="submenutext">Контент пятой кнопки
</div>
</div>
</td>
<td align="left" valign="top" style="width: 310px;">
<div id="menu">
<span class="bttn_1" alt="#sm1" style="cursor: pointer;">Новости/объявления</span>
<span class="bttn_2" alt="#sm2" style="cursor: pointer;">Вселенная</span>
<span class="bttn_3" alt="#sm3" style="cursor: pointer;">Для игроков</span>
<span class="bttn_4" alt="#sm4" style="cursor: pointer;">Для гостей</span>
<span class="bttn_5" alt="#sm5" style="cursor: pointer;">Реклама</span>
</div>
</td>
</tr>
</tbody>
</table><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").css({"z-index":"-1;"})
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).css({"z-index":"1"})
$("td.#MenuTxT div.submenutext").hide();
$("div."+activeDiv).show();
return false; });
});
</script>