Test forum

Объявление

Не забываем щелкать на кнопки!
Рейтинг Ролевых Ресурсов - RPG TOP

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Test forum » Новый форум » ...


...

Сообщений 1 страница 7 из 7

1

...

0

2

<link rel="shortcut icon" href="Адрес изображения" type="image/vnd.microsoft.icon">
<link rel="icon" href="Адрес изображения" type="image/vnd.microsoft.icon">

0

3

<script type="text/javascript">
var z="Ваше Слово замены"
$("#pun-announcement h2 span").html(z)
</script>

0

4

стиль

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

0

5

об

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

0

6

верх

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

0

7

1

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

0


Вы здесь » Test forum » Новый форум » ...


Рейтинг форумов | Создать форум бесплатно