Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)


Таблицы на заказ (14)

Сообщений 701 страница 720 из 1000

701

Пятнистая Звезда написал(а):

3)Можно что справа, были тоже кнопки?

Где написано про количество кнопок?..

0

702

Rion Leonheart
Ой, да, простите пожалуйста... :rolleyes:
Слева и справа по четыре кнопки...

0

703

Rion Leonheart

Графа "строка" под контейнером с кнопками статична по отношению к контейнеру с изменяющейся иформацией или часть его и меняется вместе с ним?

нет, там просто баннеры и все)

Отредактировано Silya (Пт, 22 Июн 2012 16:28:22)

0

704

Здравствуйте. Я нашла в этой теме прекрасную таблицу, которую переделала под свой ресурс. Все бы хорошо, но я совершенно никак не могу разобраться как содержимое левой части таблицы поднять - оно начинается почему-то с середины.
Помогите, пожалуйста

Вот код

Код:
<!-- Table -->
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0"> 
<tr>
<td style="width: 50%;  align="center">
<!-- Left col -->
<img src="http://i081.radikal.ru/1206/79/1348c1ec0aba.png" >
<br/>
<br/>текст

<br/>
<br/>
<br/>

<img src="http://s014.radikal.ru/i329/1206/ed/ef5de1df4ef3.png" >
<br/>



<!-- Left col - end -->
</td>
<td style="width: 50%;" align="center">
<!-- Table with add-cont -->
<table style="width: 80%;">
<tr><td style="height: 20px;" colspan="3" align="center">

<img src="http://s005.radikal.ru/i211/1206/5b/115c13cd8c5f.png" >

</td></tr>
<tr>
<td style="width: 33%;"> 
<center>
<img style="width: 180px; height: 180px;" src="http://i034.radikal.ru/1206/2f/04c2f2ac2010.png">
<br/>
<b>Побеждает дружба</b>
<br/><br/>
<img src="http://i004.radikal.ru/1206/56/8299fae749fb.png" >
<br/>
Пишите запоминающиеся посты и Ваше имя и цитата обязательно окажется здесь
</center>
<br>


</td>
</tr>
<tr><td style="height: 30px;" colspan="3" align="center">

<b>Тыкалки</b>
<br>
<br>
<a href="http://top.roleplay.ru/15591" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/rpgtop3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>



<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13773' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=13773&cid=palantir2006.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=13773&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>
</td>
</tr>
</table>
<!-- Table with moders - end -->
</td>
</tr>
</table>
<!-- Table with add-cont - end -->
</td>
</tr>
</table>
<!-- Table - end -->

Отредактировано Хаями (Пт, 22 Июн 2012 22:49:34)

0

705

Хаями, ваще-т приводят ссылку на ресурс и скрин с форума, как должно быть. А так ток пальцем в небо, предположительно:

<!-- Table -->
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 50%;  align="center" valign="top">
<!-- Left col -->
<img src="http://i081.radikal.ru/1206/79/1348c1ec0aba.png" >
<br/>
<br/>текст

<br/>
<br/>
<br/>

<img src="http://s014.radikal.ru/i329/1206/ed/ef5de1df4ef3.png" >
<br/>

<!-- Left col - end -->
</td>

+1

706

Пятнистая Звезда написал(а):

Слева и справа по четыре кнопки...

:glasses:

Код:
<style>	
#menu-lef, #menu-rig {
margin-top: 1px;
width: auto;}

#menu-lef span, #menu-rig span {
border: 1px dashed #c99797;
text-align: left;
display: block;
margin-bottom: 10px;
padding: 11px 5px 11px 5px;}

#menu-rig span {text-align: right;}

#submenu, #menu-lef span, #menu-rig span {
    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

background-image: url(http://s016.radikal.ru/i335/1206/7f/f8d49476ee18.png);}

#menu-lef .tabactive, #menu-rig .tabactive {
  background: #b37878;}

#submenu {
border: 1px dashed #c99797;
padding: 5px;
text-align: center;
font-size: 12px;
width: 380px;}

.submenutext {
display: none; 
height: 250px;
overflow-y: auto;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td style="width: 20%;" align="center" valign="top">

    <div id="menu-lef">
<span alt="#sm1" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/RprivetIG2.png"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rupravlenie.png"/></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/RpogodaP.png"/></span>
    </div>

   </td>
   <td id="MenuTxT" style="width: 60%;" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display: block;">

<a target="_blank" href="http://www.radikal.ru"><img src="http://i021.radikal.ru/1206/92/c21af259ddf4.gif"></a>

<br/>

<b>Новости о форуме:</b>
<br/>
<i>Добро пожаловать на ролевую «The Vampire Diaries - True blood» Вся наша семья приветствует Вас и желает приятной игры! 
<br/>
Заходите, располагайтесь и наслаждайтесь игрой. Коллектив у нас очень дружный и веселый. Не стесняйтесь - пишите свои отзывы и просьбы, вам обязательно ответят!
<br/>
Дорогие гости, мы специально открыли для вас весь форум, чтобы вы могли все изучить и осмотреть, а потом оставить свои отзывы в гостевой и зарегистрироваться!
<br/>
Рейтинг нашей игры - G, то есть данный форум открыт для посещения пользователями любого возраста.</i>

</div>
     <div id="sm2" class="submenutext">

<b>Администраторы:</b>
<br/><br/>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i500/1206/ea/14af26c98d5a.jpg" alt="The Vampire Diaries"  title="Elena Gilbert"></a>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=17"><img src="http://i048.radikal.ru/1206/ac/11423df90446.jpg" alt="The Vampire Diaries"  title="Damon Salvatore"></a>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=19"><img src="http://s56.radikal.ru/i151/1206/ac/3ef22a93decf.jpg" alt="The Vampire Diaries"  title="Caroline Forbs"></a>

<br/><br/>

Идет набор!

<br><br/>

<b> Модераторы:</b>
<br><br/>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=21"><img src="http://s58.radikal.ru/i159/1206/5d/a411bec5b892.jpg" alt="The Vampire Diaries" title="Jeremy Gilbert"></a>
<a target="_blank" href="link"><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a>
<a target="_blank" href="link"><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a>

</div>
     <div id="sm3" class="submenutext">

<b> Жизнь в городе</b>
<br/><br/>
<i>Людишки так суетливы в этом городе, как муравьи в своем муравейнике. Иногда жители натыкаются на вампиров, и их убивают. Так что за последние время, совершенно очень много убийств. Ну, жители, конечно не знают что это вампиры, а думают что это был "агрессивный зверь". Основатели города, пытаются защитить свой город, но, увы, это им плохо дается...</i>

</div>
     <div id="sm4" class="submenutext">

<b> Погода.</b>
<br/><br/>
<i>Ясное небо на востоке озарилось первыми лучами солнца. Температура постепенно повышается. Со временем с ночных +5°C она увеличится до дневных +15°C. Туман стал рассеиваться и сменяться легкой дымкой. Ветер, дующий теперь с холмов, стал сильнее, но зато не пробирает до костей. Не очень душно. Горы. Зима. Февраль. Утро. Здесь еще темно и солнце пока не показалось из-за горных вершин. Царит сумрак. По сравнению с ночью стало холоднее, хотя температура с -15°C со временем повышсится до -5°C. Ветер стал слабее. Небо ясное, осадков нет.</i>
<br/> 
С уважением синоптики.

</div>
     <div id="sm5" class="submenutext">

Что-то 5

</div>
     <div id="sm6" class="submenutext">

Что-то 6

</div>
     <div id="sm7" class="submenutext">

Что-то 7

</div>
     <div id="sm8" class="submenutext">

Что-то 8

</div>

</div>
   </td>
   <td style="width: 20%;" align="center" valign="top">

    <div id="menu-rig">
<span alt="#sm5" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
<span alt="#sm8" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
    </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-lef span, div.#menu-rig span").click(function() {
    $("div.#menu-lef span, div.#menu-rig span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

707

Silya,

обновить html-верх

Код:
<style>
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

.wolfoZ td {text-align: center; vertical-align: top;}

.wolfoZ h3 {font-size: 120%; font-family: georgia, serif; font-weight: bold; margin: 6px 0 10px 0;}

#menu {margin: 0px;}

#menu span {
padding: 2px 15px 2px 15px;
margin: 0px;
display: block;
width: auto;
font-weight: bold;}

#menu span:hover {
text-decoration: underline;}

#menu .tabactive {
color: #fff;}

#submenu {
padding: 10px;
width: 375px;
height: 200px;}

.submenutext {
display: none;
text-align: center;
height: 200px;
overflow-y: auto;}
</style>

обновить html-низ

Код:
<link rel="shortcut icon" href="http://uploads.ru/i/8/F/9/8F9VS.png" type="image/x-icon">

<!--дополнительные смайлы © Romych-->
<script language="javascript">
$(function(){
$('#smilies-area').append('<a id="smilebut" style="background:#FFEBCD" onclick="return changeVisibility (\'smilies-area\', false)">второй набор</a>&nbsp; <a id="smilebut2" style="background:#FFEBCD" onclick="return changeVisibility (\'smilies-area\', false)">третий набор</a>');
$('#smilebut').click(function(){
$('#smilies-block').fadeToggle('slow').append($('.smilebor'));});
$('#smilebut2').click(function(){
$('#smilies-block').fadeToggle('slow').append($('.smile3'));});
});
</script>
<span style="display:none">
<img class="smilebor" src="http://s50.radikal.ru/i130/1005/e1/662ba938bb48.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i054.radikal.ru/1005/f6/13dcca4f279d.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s58.radikal.ru/i162/1005/08/79b11cf81b88.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s40.radikal.ru/i090/1005/cb/0b8e124c46ca.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s40.radikal.ru/i089/1005/fd/24e1da52dcfb.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s41.radikal.ru/i091/1005/2a/096a46240cf1.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s005.radikal.ru/i212/1005/cc/d597ca076c7b.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i072.radikal.ru/1005/6f/c90a718466a8.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i077.radikal.ru/1005/1d/a629f081ef7f.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i026.radikal.ru/1005/2e/917159b2b553.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s39.radikal.ru/i085/1005/59/3b7d4b4c6b05.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s005.radikal.ru/i210/1005/e0/5f5a0b2711e7.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s45.radikal.ru/i110/1005/ab/16bade9e8735.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i068.radikal.ru/1005/67/1e48518538b5.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s002.radikal.ru/i197/1005/69/bdd4beea1923.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i053.radikal.ru/1005/21/123a52ee0534.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s43.radikal.ru/i099/1005/62/3c56a02b626c.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s004.radikal.ru/i206/1005/66/606d70ff2218.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s19.radikal.ru/i192/1005/14/9422022b9bfc.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s05.radikal.ru/i178/1005/27/b73d7e039ad5.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s42.radikal.ru/i097/1005/39/9f636b1832c9.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i061.radikal.ru/1005/ba/3b89a947cb01.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i035.radikal.ru/1005/91/ed0ded51be72.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s45.radikal.ru/i107/1005/0f/bfae40718551.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i073.radikal.ru/1005/fa/96e053ab7c23.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s004.radikal.ru/i205/1005/ff/334f3394a110.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i055.radikal.ru/1005/e9/c7983030c26e.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s39.radikal.ru/i083/1005/6d/57fd720cfce2.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i072.radikal.ru/1005/1f/61fabf24866d.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s07.radikal.ru/i180/1005/93/8bb2128edf47.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://i066.radikal.ru/1005/89/131741843d79.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s50.radikal.ru/i130/1005/81/e7f6e0b690bb.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smilebor" src="http://s40.radikal.ru/i088/1005/f9/082cb1c36ed2.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
</span>
<span style="display:none">
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/01.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/02.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/03.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/04.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/05.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/06.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/07.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/11.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/12.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/13.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/49.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/46.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/43.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/41.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/38.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/39.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/37.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/34.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/33.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/31.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/28.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/26.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/25.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/23.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/20.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/19.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/17.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/16.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/15.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/50.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bandit.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/bug.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/fubar.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/rock.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/smoke.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
<img class="smile3" src="http://yapro.ru/javascript/jquery.lebnik.Comments/smiles/swear.gif" onclick=smile('[img]'+$(this).attr('src')+'[/img]') />
</span>

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


<!-- Скрипт выделения кода-->
<script type="text/javascript">
function select_text(elem) {
if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);
}   
}
else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
}
else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
}   
}

var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;"><b>Выделить код</b></a>';
}
}
</script>


<a href="http://designforwolves.rolka.su/" target="_blank">
<img src="http://s53.radikal.ru/i142/1108/61/2ccc4404c9c5.gif" alt="Поддержка форумов о волках. Поможем всем!">
 <!-- "Graffiti Decorations (R) Banner Start" -->
<a href="http://graffitistudio.ru" title="Сайт добавлен в список бесплатной раскрутки Graffiti Decorations (R) Site Promoter"><img border="1" src="http://graffitistudio.ru/banners/banner2.gif" width="100" height="100" alt="Graffiti Decorations(R) Studio (TM) Site Promoter"></a>
<!-- "Graffiti Decorations (R) Banner End  " -->

<script type="text/javascript">
PiarNik="PR";
PiarPas="12345";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">Пиар вход</span></a></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

обновить объявление

Код:
<table class="wolfoZ" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;">
<div style="width: 100%; height: 145px; overflow-y: auto;">

<h3>Наша администрация</h3>

<p align="left">
<b>•Гл.админ:</b> <a href="http://zagadkalesa.rolka.su/profile.php?id=2"><i>Дилис</i></a>
<br/><br/>
<b>•Админы:</b> <a href="http://zagadkalesa.rolka.su/profile.php?id=7"><i>Raihan</i></a>
<br/><br/>
<b>•Модеры:</b> ...
</p>

</div>
</td>
<td style="width: 50%;" rowspan="2">


<table style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>

    <div id="menu">
<table style="width: 100%;">
<tr>
<td style="width: 33%;">
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
</td>
<td style="width: 33%;">
<span alt="#sm2" style="cursor: pointer;">Погода в игре</span>
</td>
<td style="width: 33%;">
<span alt="#sm3" style="cursor: pointer;">Навигация по миру</span>
</td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT">
    <div id="submenu" align="center"> 

     <div id="sm1" class="submenutext" style="display:block;">

 • Мы рады приветствовать Вас на ролевой волчьей тематики "Волки. Истории Жизни"! Надеемся, что Вам у нас понравится. Так как проект молодой, ему как никогда нужна ваша помощь! Регистрируйтесь, а мы обещаем Вам активную игру, добрый коллектив и приятную атмосферу. Окунись в мир волков, познай всю суть волчьей натуры, станьте одним из Них!

</div>
     <div id="sm2" class="submenutext">

 • Ранняя весна! Начинает таять снег, местами сходит лед, однако, воздух еще довольно холодный. Солнечные лучи, иногда пробиваются через плотные облака, но они совершенно не греют, лишь светят. Во всем чувствуется пробуждение природы: зверюшки выходят из спячки, на ветках деревьев уже набухли почки, а где-то в лесу раздается веселое журчание ручейка. Ночью еще ударяют не большие морозы, но из следы исчезают буквально через пару часов с рассвета. Температура от 0°С до + 10° С

</div>
     <div id="sm3" class="submenutext">

<i><a href="http://zagadkalesa.rolka.su/viewtopic.php?id=2">•Гостевая книга</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewforum.php?id=9">•Наши Акции</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewforum.php?id=3">•Правила ролевой</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewtopic.php?id=11">•Основной сюжет</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewtopic.php?id=21">•Шаблон анкеты</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewforum.php?id=4">•Информация леса</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewtopic.php?id=42">•Наша реклама</a>
<br/><br/>
<a href="http://zagadkalesa.rolka.su/viewtopic.php?id=41">•Обмен баннерами</a></i>

</div>

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

<!-- Banners -->
<a href='http://wizardtop.ru/in.php?id=1596' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/3.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>
<a href="http://top.roleplay.ru/18096" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

</td>
<td style="width: 25%;" rowspan="2">
<div style="width: 100%; height: 290px; overflow-y: auto;">

<h3>События в игре</h3>

text text text text

</div>
</td>
</tr>
<tr>
<td style="width: 25%;">
<div style="width: 100%; height: 145px; overflow-y: auto;">

<h3>Очередность в постах</h3>

<p align="left">
1
<br/><br/>
2
<br/><br/>
3
</p>

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

0

708

M-1,

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

#menu {margin-top: 3px;}

#menu span {
width: 190px;
height: 12px;
text-align: center;
display: block;
margin-bottom: 10px;
padding: 8px 15px 12px 15px;
font-weight: bold;
color: #123E54;}

#menu span:hover {text-decoration: underline;}

#menu .tabactive {color: #D3DADB;}

#submenu {
padding: 0px;
height: 170px;
width: 98%;}

.submenutext {
display: none;
padding: 5px;
text-align: center;
height: 160px;}

#menu span, .submenutext {
border: 1px solid #666666;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td valign="top" align="center" style="width: 25%;">
    <div id="menu">
<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>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <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>
</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").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

+1

709

Самикуша,

обновить html-верх

Код:
<style>
#pun-stats h2 span, .category h2 span {visibility:hidden!important;}
</style>

<script type="text/javascript">
    function tag_spoiler(){
        var y = prompt("Введите описание закрытой кнопки", '');
        if (y != 'null' && y != '' && typeof(y) != 'object' && typeof(y) != 'undefined') {
        var x = prompt("Введите описание открытой кнопки", '');
        if (x == 'null' || x == '' || typeof(x) == 'object' || typeof(x) == 'undefined') 
            bbcode('[spoiler=' + y + ']', '[/spoiler]');
        else 
            bbcode('[spoiler=' + y + '|' + x + ']', '[/spoiler]');
        }
        else 
        bbcode('[spoiler]', '[/spoiler]')
    }
    function addSpoiler(str, from, internal){
        var pos = 0, pos2 = 0, pos_c = 0, pos_l = 0, newpos = 0, string = '', close = '', open = '';
        if ((pos = str.indexOf("[spoiler", from)) == -1) 
        return str;
        if ((pos2 = str.indexOf("[/spoiler]"), pos + 9) == -1) 
        return str;
        if (((pos_c = str.indexOf("]", pos + 8)) != -1) && ((pos_c != pos + 8) && (pos_c != pos + 9))) {
        string = str.substring(pos + 9, pos_c);
        if ((pos_l = string.indexOf("|")) != -1) {
            close = string.substring(0, pos_l);
            open = string.substring(pos_l + 1, string.length);
        }
        else {
            close = string;
            open = string;
        }
        }
        else {
        close = 'Показать спойлер';
        open = 'Скрыть спойлер';
        }
        newpos = str.indexOf("[spoiler", pos + 9)
        if (newpos < pos2 && newpos != -1) 
        str = addSpoiler(str, pos + 9, true)
        if ((pos2 = str.indexOf("[/spoiler]", pos + 9)) == -1) 
        return str;
        str = str.substring(0, pos) + makeSpoiler(str.substring(pos_c + 1, pos2), open, close) + str.substring(pos2 + 10, str.length)
        if (str.indexOf("[spoiler") != -1 && internal == false) 
        str = addSpoiler(str, 0, false)
        return str;
    }

    function makeSpoiler(txt, open, close){
        txt = '<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><a id="' + open + '" class="spoiler" style="width:100%;font-size:10px; margin:0;border:none;cursor:pointer;text-align:left;">'+close+'</a></cite><blockquote class="quote-box" style="display:none; width: 95%;border: 1px solid black;margin:0;">' + txt + '</blockquote></div>'
        return txt;
    }

    $(document).ready(function(){
        $("div.quote-box > cite > a.spoiler").click(function(){
        $(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
        var a = this.innerHTML;
        this.innerHTML= $(this).attr('id');
        $(this).attr('id', a);
        });
    });

    if ((document.URL.indexOf("viewtopic.php") != -1) || (document.URL.indexOf("post.php") != -1)) {
        elm = document.getElementById("pun-main").getElementsByTagName("div")
        for (x in elm) 
        if (elm[x].className == "post-content") {
            var post = elm[x]
            post.innerHTML = addSpoiler(post.innerHTML, 0, false)
        }
    }
    if(form=document.getElementById("post"))
        form.getElementsByTagName("tr")[0].insertCell(1).innerHTML="<img  id=\"spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
    </script>

обновить html-низ

Код:
<script type="text/javascript">
var text="<center><font color=red> Администратор </font> | <font color=orange> Модератор</font> | <font color=green>Гл.Админ</font></center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 10px; top: 40px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>
<script type="text/javascript">
    
    inColor("orange", new Array("Звёздный Коршун" , "" , ""))
    inColor("green", new Array("Мандаринка" ))
    inColor("red", new Array("Moonshine" , "Прохлада"))


    function inColor(color, myarray){
    var a=document.links
    for(i=0;i<a.length;i++){
    for(q=0;q<myarray.length;q++){
    if(a[i].innerHTML==myarray[q]){
    a[i].innerHTML="<span style=\"color: "+color+";\">"+myarray[q]+"</span>"
    }}}}
    </script>


<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>


<script type="text/javascript">
PiarNik="PR - кошак";
PiarPas="2012";

var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><span id=spMyimg><a onclick=\"PiarIn()\">PR-Вход</a></span></li>";
if($("#navlogin").html()!=null){

$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

в объявление

Код:
<style>
.pussicat td {text-align: center; vertical-align: top;}

.pussicat h3 {font-size: 16px; font-weight: bold; font-family: 'palatino linotype', serif; font-style: italic; margin: 5px 0 8px 0;}
</style>

<table class="pussicat" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;" rowspan="2">

<h3>Добро пожаловать!</h3>
<div style="width: 100%; height: 170px; overflow-y: auto;">

text

</div>
</td>
<td style="width: 50%;" colspan="2">

<h3>Админы</h3>
<div style="width: 100%; height: 70px; overflow-y: auto;">

Мандаринка 
<br/><br/>
Moonshine
<br/><br/>
Прохлада
<br/><br/>
Шрам

</div>
</td>
</tr>
<tr>
<td colspan="2">

<h3>Модеры</h3>
<div style="width: 100%; height: 70px; overflow-y: auto;">

Стерх
<br/><br/>
Пылинка

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

<h3>Новости</h3>
<div style="width: 100%; height: 120px; overflow-y: auto;">

<b>22.06.12.</b> Летняя Лихорадка - летний конкурс)
Жюри еще набираются, пока у нас только 2 жюри - Menomena и Чернолап. Так же немного подробнее - награды будут трем первым победителям - 1 место, 2 место и 3 место. Другим - утешительный приз и плюшки от админов))
<br/>
<b>15.06.12.</b> Нам скоро будет - что? - 2 месяца! Да, это еще маленький срок, но мы можем похвастаться дружным и крепким коллективом. Так же почти все набрались в 1-й сюжетик. Сюжет называется - "Знак: проклятье или спасение?" Еще немного народа - и мы может разрезать красную ленточку в честь запуска этого сюжета. Так же, напоминаю всем: завтра запустится конкурс "Летняя Лихорадка"! Всем завтра начать писать)

</div>
</td>
<td colspan="2">

<h3>Полезные ссылки</h3>

<a href="link">Link 1</a>
<br/><br/>
<a href="link">Link 2</a>
<br/><br/>
<a href="link">Link 3</a>
<br/><br/>
<a href="link">Link 4</a>
<br/><br/>
<a href="link">Link 5</a>

</td>
</tr>
<tr>
<td>

<h3>Баннеры</h3>

<a href="http://catiwar.forumbb.ru/" target=_blank><img src="http://s019.radikal.ru/i620/1205/0d/9363c62dac74.gif" border="0" alt="Коты - Воители. Выше всех преград."></a>
<a href="http://warriors.8bb.ru/" target="_blank"><img src="http://savepic.net/2825803.gif" border="0" alt="любовь к РКВ навечно" width="88" height="31"/></a>
<a href="http://cw1night1noises.rolka.su/" target="_blank"><img src="http://uploads.ru/i/g/A/3/gA3Rs.gif"/></a>
<br/>
<a href="http://cwdd.spybb.ru/" target=_blank><img src="http://savepic.net/2543215.gif" border="0" alt="далёкие грёзы" width="88" height="31"></a>
<a href="http://warriorswoodrustles.spybb.ru/"><img src="http://s61.radikal.ru/i172/1205/3c/62ff7d65587d.gif" alt="Коты-Воители. Шорохи Леса."/></a>
<a href="http://wizardcat.artbb.ru/" title="Wizard Cat - поддержка Котов-Воителей" target="_blank"><img src="http://uploads.ru/i/k/f/e/kfeay.gif" border="0">
<br/>
<a href="http://warriorssupport.ru/" target="_blank"><img src="http://uploads.ru/i/H/1/P/H1Pfw.gif"></a>

</td>
<td style="width: 25%;">

<h3>Конкурсы</h3>
<div style="width: 100%; height: 100px; overflow-y: auto;">

text

</div>
</td>
<td style="width: 25%;">

<h3>Время в игре</h3>
<div style="width: 100%; height: 100px; overflow-y: auto;">

*Сезон Зелёных Листьев. Начало первого месяца (июня). Многие животные почувствовали изменение в погоде. Наступили жаркие, солнечные дни. Дичи много на всех территориях. Коты-воители, зная, что такая погода продлиться ещё долгое время, радостно выходят за пределы лагеря. Температура держится в пределах 20-25 градусов. Небо ясное, без единой тучи. Слава Звёздным Предкам, началась счастливая пора.*

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

+1

710

карамель`,

с бордером

Код:
<style>
#pun-announcement .container {padding-top: 1em}

#menu-top, #menu-lef {margin-top: 2px;}

#menu-top span, #menu-lef span {
display: block;
padding: 5px;
margin-bottom: 8px;
width: 170px;
border: 1px solid #97BB60;}

#menu-top span:hover, #menu-lef span:hover {text-decoration: underline;}

#menu-top .tabactive, #menu-lef .tabactive {
color: #97BB60;}

#submenu {
padding: 0px;
height: 170px;
width: 100%;
border: 1px solid #97BB60;}

.submenutext {
display: none;
text-align: center;
padding: 5px;
height: 160px;
overflow-y: auto;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="3">
 <tbody>
<tr>
   <td colspan="3" align="right">
    <div id="menu-top">
<table cellpadding="0" cellspacing="3">
<tr>
<td align="center"><span alt="#sm1" style="cursor: pointer;">Кнопка 1</span></td>
<td align="center"><span alt="#sm2" style="cursor: pointer;">Кнопка 2</span></td>
<td align="center"><span alt="#sm3" style="cursor: pointer;">Кнопка 3</span></td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr>
   <td style="width: 25%;" align="center" valign="top">
    <div id="menu-lef">
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
<span alt="#sm6" style="cursor: pointer;">Кнопка 6</span>
<span alt="#sm7" style="cursor: pointer;">Кнопка 7</span>
<span alt="#sm8" style="cursor: pointer;">Кнопка 8</span>
    </div>
   </td>
   <td id="MenuTxT" style="width: 75%;" align="center" valign="top">
    <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 id="sm6" class="submenutext">

Контент шестой кнопки

</div>
     <div id="sm7" class="submenutext">

Контент седьмой кнопки

</div>
     <div id="sm8" class="submenutext">

Контент восьмой кнопки

</div>
</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-lef span, div.#menu-top span").click(function() {
    $("div.#menu-lef span, div.#menu-top span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

без

Код:
<style>
#pun-announcement .container {padding-top: 1em}

#menu-top, #menu-lef {margin-top: 2px;}

#menu-top span, #menu-lef span {
display: block;
padding: 5px;
margin-bottom: 8px;
width: 170px;}

#menu-top span:hover, #menu-lef span:hover {text-decoration: underline;}

#menu-top .tabactive, #menu-lef .tabactive {
color: #97BB60;}

#submenu {
padding: 0px;
height: 170px;
width: 100%;}

.submenutext {
display: none;
text-align: center;
padding: 5px;
height: 160px;
overflow-y: auto;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="3">
 <tbody>
<tr>
   <td colspan="3" align="right">
    <div id="menu-top">
<table cellpadding="0" cellspacing="3">
<tr>
<td align="center"><span alt="#sm1" style="cursor: pointer;">Кнопка 1</span></td>
<td align="center"><span alt="#sm2" style="cursor: pointer;">Кнопка 2</span></td>
<td align="center"><span alt="#sm3" style="cursor: pointer;">Кнопка 3</span></td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr>
   <td style="width: 25%;" align="center" valign="top">
    <div id="menu-lef">
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
<span alt="#sm6" style="cursor: pointer;">Кнопка 6</span>
<span alt="#sm7" style="cursor: pointer;">Кнопка 7</span>
<span alt="#sm8" style="cursor: pointer;">Кнопка 8</span>
    </div>
   </td>
   <td id="MenuTxT" style="width: 75%;" align="center" valign="top">
    <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 id="sm6" class="submenutext">

Контент шестой кнопки

</div>
     <div id="sm7" class="submenutext">

Контент седьмой кнопки

</div>
     <div id="sm8" class="submenutext">

Контент восьмой кнопки

</div>
</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-lef span, div.#menu-top span").click(function() {
    $("div.#menu-lef span, div.#menu-top span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

0

711

AmmyNammy,

не смотреть

ОО форум по Фотошопу??? Нет слов.

Код:
<style type="text/css">
#pun-announcement .container {padding: 1em 2em 1em 2em;}

.art-cl td {text-align: center;}

.art-cl img:hover {width: 100%!important; height: 100%!important;}
</style>

<center><table class="art-cl" cellpadding="0" cellspacing="6">
<tr>
<td>

<img style="width: 52px; height: 52px;" src="https://forumavatars.ru/img/avatars/0000/14/1c/28497-1338457031.jpg"/>

</td>
<td>

<img style="width: 70px; height: 70px;" src="https://forumavatars.ru/img/avatars/0000/14/1c/28497-1338457031.jpg"/>

</td>
<td>

<img style="width: 90px; height: 90px;" src="https://forumavatars.ru/img/avatars/0000/14/1c/28497-1338457031.jpg"/>

</td>
<td>

<img style="width: 70px; height: 70px;" src="https://forumavatars.ru/img/avatars/0000/14/1c/28497-1338457031.jpg"/>

</td>
<td>

<img style="width: 52px; height: 52px;" src="https://forumavatars.ru/img/avatars/0000/14/1c/28497-1338457031.jpg"/>

</td>
</tr>
</table></center>

Отредактировано Rion Leonheart (Сб, 23 Июн 2012 12:28:56)

0

712

goodloonely написал(а):

вот мой заказ, если не трудно)

Ссылку на форум. Пальцем в небо - чо-то лень.

0

713

Rion Leonheart
странно, но почему-то слайдер не поддерживает прокрутку
пыталась сама разобраться, но там все полетело от чего то
заказ номер 652
сам слайдер 675
и ещё что-то странное твориться с этим маленьким "слайдером"

Отредактировано `тихая (Сб, 23 Июн 2012 14:04:11)

0

714

`тихая написал(а):

и ещё что-то странное твориться с этим маленьким "слайдером"

Во-первых,

Disickrut написал(а):

высота 225

Во-вторых,

http://s1.uploads.ru/t/t/Q/E/tQEk8.jpg

Указываете высоту, указывайте правильно, откуда мне было знать, что вы его ПОД маленький слайдер будете сувать, а не вместо.

0

715

Rion Leonheart
я думала , можно догадаться Оо
тогда, извините ._.
вы можете исправить?

0

716

Rion Leonheart

0

717

Rion Leonheart
с высотой разобралась, теперь проблема с шириной =="

0

718

Rion Leonheart
все хорошо, но только можно все по отдельности разбить в рамки, так? http://s1.uploads.ru/t/r/f/I/rfIXV.png

0

719

`тихая написал(а):

я думала , можно догадаться Оо

Я не экстрасенс.

`тихая написал(а):

с высотой разобралась, теперь проблема с шириной =="

Нарисуйте итоговый вариант, а то мы так еще трое суток будем его исправлять.

0

720

http://s1.uploads.ru/t/3/6/J/36JRT.png
http://surinyash.0pk.ru/
прокрутка, цвет текста - #87795e
если можно ._."

Отредактировано Kaname Madoka (Сб, 23 Июн 2012 18:09:48)

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (14)