Данный пульт многие пользователи сайта нашего http://1x.do.am просят
скопировать , так как он используется на многих CS сайтах. Ну вот вам
полный расклад и код этого пультиак аменюшки, можно сделать его на 2 , 3,
4, 5, 20 информеров, вобщем на сколько фантазий хватит.. Данный код
модифицирован, так что автором последним является сайт http://1x.do.am
Пример пульта
живой)Скопировано с www.1x.do.am Данный код вставить в таблицу стилей вашего сайта css Скопировано с www.1x.do.am
Code
.shadetabs{padding:
3px 0;margin-left: 3;margin-top: 1px;margin-bottom: 0;font: bold 10px
Verdana;list-style-type: none;text-align: left; /*set to left, center,
or right to align the menu as desired*/ } .shadetabs li{display: inline;margin: 0;solid navy} .shadetabs li a{margin-top: 1px;text-decoration: none;position:
relative;z-index: 1; top: 0px;padding: 5px 5px;margin-top: 10px;border:
1px solid #252525;color: #a1a1a1;background: white
url(http://1x.do.am/SCRIN4/menu2382983/inf/inffon.jpg);solid navy} .shadetabs li a:visited{color: #a1a1a1;} .shadetabs li a:hover{text-decoration: none;color: #FF0000;} .shadetabs li a.selected{ /*selected main tab style */ position: relative;top: 0px;padding: 5px 5px;color: #FF0000;} .shadetabs li a.selected{ /*selected main tab style */ background-image: url(http://1x.do.am/SCRIN4/menu2382983/inf/inffon.jpg); border-bottom-color: url(http://1x.do.am/SCRIN4/menu2382983/inf/inffon.jpg); } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none;} .tabcontent{display:none;} @media print { .tabcontent { display:block !important; } }
Данный код вставляем в нужное место, лучше всего в шапку или форум... то есть смотрите его размеры кнопок. Скопировано с www.1x.do.am
Code
<td align="right" style="font-size:10.5px;padding-right:10px;"> <table align="center" border="1" cellspacing="0" cellpadding="0" width="100%" class="infTable"> <center> <table style="width: 100%;"> <tbody> <script type="text/javascript" src="http://1x.do.am/inf/padding.js"></script> <tr> <td style="vertical-align: top;"> <table id="logo_fon" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"> <tr> <td align="left" valign="top" style="margin-top: 1px;"> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td> <table cellpadding="0" cellspacing="0"> <tr> <td id="tabcontent"> <table cellpadding="0" cellspacing="0"> <tr> <td align="left"> <ul id="block_title" class="shadetabs"> <li><a href="#" rel="link1">Общее</a></li> <li><a href="#" rel="link2">Файлы</a></li> <li><a href="#" rel="link3">Популярное</a></li> <li><a href="#" rel="link4">Категории</a></li> <li><a href="#" rel="link5">Пользователи</a></li> <li><a href="#" rel="link6">Форум</a></li> </ul> </td> </tr> </table> <div style="border: 0px none ; padding: 0px;" left="0" ; right="0" margin-bottom:0em=""> <div style="display: block;" id="link1" class="tabcontent"> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr><td style="0" width="60%"><td align="center"> <img src="http://1x.do.am/SCRIN4/menu2382983/inf/logo.png"
border=0></td></td></tr></tbody></table></div>
<div style="display: block;" id="link2" class="tabcontent" padding-left:30px;> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr><td style="0" width="50%"> <tr><td align="left"><table style="width:100%">
<tbody> <tr> <td style="vertical-align:top">$MYINF_1$
<!--ТУТ БУДЕТ ВАШ 1 ИНФОРМЕР--></td> </tr>
</tbody> </table></td></tr> </td></tr></tbody></table></div> <div style="display: block;" id="link3" class="tabcontent"> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr><td style="0" width="50%"> <tr><td align="left"><table style="width:100%">
<tbody> <tr> <td
style="vertical-align:top">$MYINF_2$<!--ТУТ БУДЕТ ВАШ 2
ИНФОРМЕР--></td> </tr> </tbody>
</table></td></tr> </td></tr></tbody></table></div> <div style="display: block;" id="link4" class="tabcontent"> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr><td style="0" width="50%"> <tr><td align="left"><index><table
style="width:100%"> <tbody> <tr> <td
style="vertical-align:top"> $MYINF_3$ <!--ТУТ БУДЕТ ВАШ 3
ИНФОРМЕР--></td> </tr> </tbody> </table>
</index></td></tr> </td></tr></tbody></table></div> <div style="display: block;" id="link5" class="tabcontent"> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr><td style="0" width="50%"> <tr><td align="left"><table style="width:100%">
<tbody> <tr> <td style="vertical-align:top">
$MYINF_4$<!--ТУТ БУДЕТ ВАШ 4 ИНФОРМЕР--></td> </tr>
</tbody> </table></td></tr> </td></tr></tbody></table></div> <div style="display: block;" id="link6" class="tabcontent"> <table class="infTable" border="0" cellpadding="2" cellspacing="1" width="100%"> <tbody><tr><td style="0" width="50%"> <tr><td align="left"><table style="width:100%">
<tbody> <tr> <td style="vertical-align:top">
$MYINF_5$ <!--ТУТ БУДЕТ ВАШ 5 ИНФОРМЕР--></td> </tr>
</tbody> </table></td></tr> </td></tr></tbody></table></div> </td></tr></table> </td></tr></table> </td></tr></tbody></table> <script type="text/javascript"> var countries=new ddtabcontent("block_title") countries.setpersist(true) countries.setselectedClassTarget("link") countries.init(0) </script> </center> </table> </td></body>
Скопировано с www.1x.do.am Скачайте архив и залейте картинки с архива, и
padding.js файл указав правильно ссылку на него
Скопировано с www.1x.do.am
Автор\Источник: 1x.do.am
Для того что бы скачать архив необходимо зайти на сайт как пользователь.