оп

Страница: 1 2 »

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

Поделиться12012-04-23 19:14:48

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

ро

Поделиться22012-11-03 14:02:43

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Петир!

Поделиться32014-02-23 20:46:19

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Поделиться42014-02-24 22:11:59

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Код:

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrrrrrrrrrrrrrrtyuiop;klk,mnbhvv ccccccccccccccccccccccccccccccc
ikjlkhjgfgf
 ip,ouikm

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrrrrrrrrrrrrrrtyuiop;klk,mnbhvv ccccccccccccccccccccccccccccccc
ikjlkhjgfgf
ip,ouikm

oooooooooooo

Поделиться52014-02-25 23:36:17

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Код:

<div style="position:fixed; right:0.3%; bottom:45%;
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы" class="strelka"><img src="http://s9.uploads.ru/DB1cd.png" alt="Вверх страницы" border="0"></a><br>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"><img src="http://s8.uploads.ru/PYCNx.png" alt="Вниз страницы" border="0"></a> 
</div>

Поделиться62014-02-25 23:48:48

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:5px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
height:100px;
width: 100px;

cursor:pointer;

}
.go-up {
bottom:430px; /*положение от низа окна браузера верхняя кнопка*/
background-image: url("http://s9.uploads.ru/DB1cd.png");
}
.go-down {
bottom:360px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background-image: url("http://s8.uploads.ru/PYCNx.png");
}
/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
.go-down:hover{
background-image: url("http://s8.uploads.ru/PYCNx.png");
}

.go-up:hover {
background-image: url("http://s9.uploads.ru/DB1cd.png"");
}
</style>

Поделиться72014-02-25 23:53:19

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Код:

<!--Кнопки в верх в низ-->
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:5px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
height:100px;
width: 100px;

cursor:pointer;

}
.go-up {
bottom:430px; /*положение от низа окна браузера верхняя кнопка*/
background-image: url("http://s9.uploads.ru/DB1cd.png");
}
.go-down {
bottom:360px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background-image: url("http://s8.uploads.ru/PYCNx.png");
}
/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
.go-down:hover{
background-image: url("http://s8.uploads.ru/PYCNx.png");
}

.go-up:hover {
background-image: url("http://s9.uploads.ru/DB1cd.png"");
}
</style>
<!--Кнопки в верх в низ-->
<div class="go-up" title="Вверх" id='ToTop'></div>
<div class="go-down" title="Вниз" id='OnBottom'></div>
<script type="text/javascript">
  $(function(){
 if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
   else $("#ToTop").fadeIn("slow")
 });

 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
   else $("#OnBottom").fadeIn("slow")
 });

 $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
 $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

Поделиться82014-03-02 19:13:08

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Код:

<style type="text/css" media="screen">
#slideout {
          z-index: 200;
          position: fixed;
          top: 200px;
          right: -20px;
          width: 97px;
          padding: 40px 0;
          text-align: center;
      
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#kot {
  margin-top: 35px;
padding: 0 30px 0 40px;
 overflow-y: auto;
 position: fixed;
 height: 260px;
width: 245px;
}

#slideout_inner {
          z-index: 200;
      
       
          position: fixed;
          top: 150px;
          right: -345px;
             background-image: url(http://s3.uploads.ru/kDeAE.png);
          width: 300px;
          padding: 15px;
        height: 315px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 150px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 305px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
</style>

<div id="slideout">
<img src="http://s3.uploads.ru/4adw3.png">
<div id="slideout_inner">
<div id="kot">
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=42">~Назначение Авроров</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=41">~Убийство гриффиндорки </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=40">~Допрос I</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=39"> ~Допрос II</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=38">~ Допрос III</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=37">~Допрос IV </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=36">~Атака! </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=35">~Чтобы стать пожирателем, поставьте подпись здесь</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=34">~Отряд Дамблдора, вперёд!</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=33"> ~Убийца пойман, но какой ценой?!</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=32">~Допрос убийцы</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=31">~Тайное собрание Пожирателей Смерти</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=30">~ Неудачное покушение</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=29">~Кто скрывается под маской второго убийцы? </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=28">~Последний ужин перед летними каникулами </a><br>
Здесь располагаются имена тех, кто позорнейшим образом задерживает посты, препятствуя тем самым игре других господ. Но как Вы видите, на данный момент список пуст! :)

</div>
</div>
</div>










<style type="text/css" media="screen">
#slideoute { 
          z-index: 210;
          position: fixed;
          top: 0;
          left: 5%;
          width: 110px;
          padding: 8px 0;
          text-align: center;
          
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          }
#slideoute:hover {
          top: 205px;
          }
#slideoute:hover #slideoute_inner {
          top: 0;
          }
#slideoute_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          left: 5%;
          top: -205px;
          background: #c7bbab;
          width: 100px;
          padding: 7px;
          max-height: 492px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
          box-shadow: 0px 0px 5px #999;
          }
#slideoute_inner textarea {
          width: 170px;
          height: 100px;
          }

#links_navig {
          font-family: Georgia;
          font-size: 1.4em;
          font-family: Arial;
          letter-spacing: -1px;
          }
</style>
<div id="slideoute">
<img src=" http://s1.uploads.ru/i/s4zqt.png">
<div id="slideoute_inner"><center>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=11">Новости</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=5">Сюжет</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=6">Список персонажей</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewforum.php?id=7">Акции</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=2">Шаблон анкеты </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=15">Поиск партнёра по игре </a><br>

<br>

<br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=11">Реклама</a><br><br><br>


</center>

</div>
</div>


<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;}

#submenu {
padding: 5px;
height: 250px;
text-align: left;
font-size: 12px;
box-shadow: 0 0 0 2px #5A3228, 0 0 0 4px #EBE3EA, 0 0 0 6px #5A3228;
}

.submenutext {
text-align: center;

width:auto;
margin:0 2px;
max-width: 100%;
display: none;}

span.menuButton {
 cursor:pointer;
 cursor:hand;}
</style>

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"   style="font-family: 'Bad Script', cursive; font-size: 1.8em;
font-weight: bold;">
<span alt="#sm1" class="menuButton">Новости</span>
<span alt="#sm2" class="menuButton">Игра</span>
<span alt="#sm3" class="menuButton">Администраторация</span>
<span alt="#sm4" class="menuButton">Партнёры</span>
<span alt="#sm5" class="menuButton">Интересное</span>
    </div>
   </td>
  </tr>
<tr align="left">
   <td id="MenuTxT" valign="top" style="height: 250px;">
     <div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 50%;" align="center">

<table border="0" cellspacing="1" cellpadding="1" width="100%" height="100%">
 <tr>
  <td width="100%" height="10px"> <b> Новости </b></td>
 </tr><tr>
<td width="100%" height="230px" style="overflow:auto;"> текст новостей, текст новостей,  текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей. </td>
 </tr>
</table>

</td><td style="width: 50%;" align="center">

<table border="0" cellspacing="1" cellpadding="1" width="100%" height="100%">
 <tr>
  <td width="50%" height="5%"> <b> Цитата недели </b> </td>
<td width="50%"> <b> Цитата месяца </b>  </td>
 </tr>
<tr>
  <td height="25%"> Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели</td>
<td>  Текст цитаты месяца Текст цитаты месяца Текст цитаты месяца Текст цитаты месяца Текст цитаты месяца</td>
 </tr>
<tr>
  <td height="5%"> <b> Активные </b></td>
<td>  <b>игроки</b> </td>
 </tr>
 <tr>
  <td height="25%"> 333333333333333333</td>
<td>  444444444444444444 </td>
 </tr>
</table>


</td></tr></table>
</div>
</td>
<td id="sm2" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

</td><td style="width: 33%;" align="center">

центральная 2

</td><td style="width: 33%;" align="center">

правая 2

</td></tr></table>
</div>
</td>
<td id="sm3" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

</td><td style="width: 33%;" align="center">

центральная 2

</td><td style="width: 33%;" align="center">

правая 2

</td></tr></table>
</div>
</td>
<td id="sm4" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

</td><td style="width: 33%;" align="center">

центральная 2

</td><td style="width: 33%;" align="center">

правая 2

</td></tr></table>
</div>
</td>
<td id="sm5" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 50%;" align="center">

левая 3

</td><td style="width: 50%;" align="center">

правая 3

</td></tr></table>
</div>
</td>
</tr></table>
</div>
   </td></tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");

    $("td.submenutext *").hide(1600)
    $("td.submenutext").hide(2200)
    $("td."+activeDiv).show(2200)
    $("td."+activeDiv+" *").show(600)
    return false; });
});
</script>

Поделиться92014-03-03 21:32:20

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

Код:

<style type="text/css" media="screen">
#slideout {
          z-index: 200;
          position: fixed;
          top: 200px;
          right: -20px;
          width: 97px;
          padding: 40px 0;
          text-align: center;
      
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#kot {
  margin-top: 35px;
padding: 0 30px 0 40px;
 overflow-y: auto;
 position: fixed;
 height: 260px;
width: 245px;
}

#slideout_inner {
          z-index: 200;
      
       
          position: fixed;
          top: 150px;
          right: -345px;
             background-image: url(http://s3.uploads.ru/kDeAE.png);
          width: 300px;
          padding: 15px;
        height: 315px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 150px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 305px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }
</style>

<div id="slideout">
<img src="http://s3.uploads.ru/4adw3.png">
<div id="slideout_inner">
<div id="kot">
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=42">~Назначение Авроров</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=41">~Убийство гриффиндорки </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=40">~Допрос I</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=39"> ~Допрос II</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=38">~ Допрос III</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=37">~Допрос IV </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=36">~Атака! </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=35">~Чтобы стать пожирателем, поставьте подпись здесь</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=34">~Отряд Дамблдора, вперёд!</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=33"> ~Убийца пойман, но какой ценой?!</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=32">~Допрос убийцы</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=31">~Тайное собрание Пожирателей Смерти</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=30">~ Неудачное покушение</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=29">~Кто скрывается под маской второго убийцы? </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=28">~Последний ужин перед летними каникулами </a><br>
Здесь располагаются имена тех, кто позорнейшим образом задерживает посты, препятствуя тем самым игре других господ. Но как Вы видите, на данный момент список пуст! :)

</div>
</div>
</div>










<style type="text/css" media="screen">
#slideoute { 
          z-index: 210;
          position: fixed;
          top: 0;
          left: 5%;
          width: 110px;
          padding: 8px 0;
          text-align: center;
          
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          }
#slideoute:hover {
          top: 205px;
          }
#slideoute:hover #slideoute_inner {
          top: 0;
          }
#slideoute_inner {
          z-index: 200;
          color: #555050;
          position: fixed;
          left: 5%;
          top: -205px;
          background: #c7bbab;
          width: 100px;
          padding: 7px;
          max-height: 492px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
          box-shadow: 0px 0px 5px #999;
          }
#slideoute_inner textarea {
          width: 170px;
          height: 100px;
          }

#links_navig {
          font-family: Georgia;
          font-size: 1.4em;
          font-family: Arial;
          letter-spacing: -1px;
          }
</style>
<div id="slideoute">
<img src=" http://s1.uploads.ru/i/s4zqt.png">
<div id="slideoute_inner"><center>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=11">Новости</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=5">Сюжет</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=6">Список персонажей</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewforum.php?id=7">Акции</a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=2">Шаблон анкеты </a><br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=15">Поиск партнёра по игре </a><br>

<br>

<br>
<a id="links_navig" href="http://hogdiaries.rusff.ru/viewtopic.php?id=11">Реклама</a><br><br><br>


</center>

</div>
</div>


<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;}

#submenu {
padding: 5px;
height: 250px;
text-align: left;
font-size: 12px;
box-shadow: 0 0 0 2px #5A3228, 0 0 0 4px #EBE3EA, 0 0 0 6px #5A3228;
}

.submenutext {
text-align: center;

width:auto;
margin:0 2px;
}

span.menuButton {
 cursor:hand;}
</style>

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu"   style="font-family: 'Bad Script', cursive; font-size: 1.8em;
font-weight: bold;">
<span alt="#sm1" class="menuButton">Новости</span>
<span alt="#sm2" class="menuButton">Игра</span>
<span alt="#sm3" class="menuButton">Администраторация</span>
<span alt="#sm4" class="menuButton">Партнёры</span>
<span alt="#sm5" class="menuButton">Интересное</span>
    </div>
   </td>
  </tr>
<tr align="left">
   <td id="MenuTxT" valign="top" style="height: 250px; overflow:  hidden;">
     <div id="submenu" width="100%">
<table width=100%><tr>
<td id="sm1" class="submenutext">
<div style="width: 100%; height: 245px;">
<table style="width: 100%; height: 245px;"><tr><td style="width: 50%;" align="center">

<table height="245px">
 <tr>
  <td width="100%" height="5%"> <b> Новости </b></td>
 </tr><tr>
<td width="100%" height="230px" > 
<div style="max-height:95%; overflow-y: auto;"> текст новостей, текст новостей,  текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей, текст новостей. 
</div>
</td>
 </tr>
</table>

</td><td style="width: 50%;" align="center">

<table border="0" cellspacing="1" cellpadding="1" width="100%" height="100%">
 <tr> <td>
<table>
<td>
<tr>
  <td width="50%" height="5%"> <b> Цитата недели </b> </td>
<td width="50%"> <b> Цитата месяца </b>  </td>
 </tr>
<tr>
  <td height="45%"> 
<div style="max-height:45%; overflow-y: auto;"> Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели Текст цитаты недели</div></td>
<td>  <div style="max-height:45%; overflow-y: auto;">Текст цитаты месяца Текст цитаты месяца Текст цитаты месяца Текст цитаты месяца Текст цитаты месяца</div></td>
 </tr>
</table>
</td>
</tr>
<tr>
  <td height="5%"> <b> <center>Активные игроки</center></b> </td>
 </tr>
 <tr>
  <td height="45%"> <div style="max-height:45%; overflow-y: auto;">333333333333333333 33333333333333333333 33333333333333 33333333333333 33333333333333 33333333333333 333333333333333 333333333 333333   333333333 333333 333333</div></td>
 </tr>
</table>
___________

</td></tr></table>
</div>
</td>
<td id="sm2" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 50%; height: 5%;" align="center">

<b>Сюжет</b>



</td><td style="width: 50%;" align="center">

<b>Акции</b><br>
<small>Персонажи проходящие по сокращённой анкете.</small>


</td></tr>
<tr><td style="width: 50%;" align="center">

<div style="max-height:230px; overflow-y: auto;">
текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст cюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета текст сюжета
</div>

</td><td style="width: 50%;" align="center">
<div style="max-height:230px; overflow-y: auto;">
текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций текст акций
</div>
</td></tr></table>
</div>
</td>
<td id="sm3" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

</td><td style="width: 33%;" align="center">

центральная 2

</td><td style="width: 33%;" align="center">

правая 2

</td></tr></table>
</div>
</td>
<td id="sm4" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 33%;" align="center">

левая 2

</td><td style="width: 33%;" align="center">

центральная 2

</td><td style="width: 33%;" align="center">

правая 2

</td></tr></table>
</div>
</td>
<td id="sm5" class="submenutext">
<div style="width: 100%; height: 245px; overflow-y: auto;">
<table style="width: 100%; height: 100%;"><tr><td style="width: 50%;" align="center">

левая 3

</td><td style="width: 50%;" align="center">

правая 3

</td></tr></table>
</div>
</td>
</tr></table>
</div>
   </td></tr>
</tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");
 $("td.submenutext *").hide(1600)
    $("td.submenutext").hide(2200)
    $("td."+activeDiv).show(2200)
   
    $("td."+activeDiv+" *").show(600)
    return false; });
});
</script>

Поделиться102014-03-03 23:24:25

Автор: Kida
Администратор
Зарегистрирован: 2011-12-04
Приглашений: 0
Сообщений: 109
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
3 дня 4 часа
Последний визит:
2015-10-19 16:33:35

[dice=7744-1936-5808-36]

Страница: 1 2 »

Тестовый форум оформлений

Меню навигации

Пользовательские ссылки

Объявление

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

оп

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

Поделиться12012-04-23 19:14:48

Поделиться22012-11-03 14:02:43

Поделиться32014-02-23 20:46:19

Поделиться42014-02-24 22:11:59

Поделиться52014-02-25 23:36:17

Поделиться62014-02-25 23:48:48

Поделиться72014-02-25 23:53:19

Поделиться82014-03-02 19:13:08

Поделиться92014-03-03 21:32:20

Поделиться102014-03-03 23:24:25