16:49 Переключатель табов как в Админке | |
![]() Переключатель как в Админке сайта uCoz.Хорошо подходит для меню. В блог: Code <!-- <Содержиомое> --> <table border="0" cellpadding="0" cellspacing="0" width="97%"> <tr> <td valign="top" width="210" style="padding:5px 1px 0 5px;"> <div class="xw-tl"><div class="xw-tr"><div class="xw-tc xw-tsps"></div></div></div><div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg"><div style="width:100%;"> <!-- <2 блог> --> <div style="display:none" id="noInMo"> <!-- <Содержиомое> --> Пример 1 Rip by mozga.net <!-- </Содержиомое> --> </div> <!-- </2 блог> --> <!-- <1 блог> --> <div id="isInMo"> <!-- <Содержиомое> --> Пример 2 Rip by mozga.net <!-- </Содержиомое> --> </div> <!-- </1 блог> --> </div><script type="text/javascript">new _uMenu('musers');new _uMenu('msite');new _uMenu('mforum');new _uMenu('mload');new _uMenu('mgb');new _uMenu('msearch');new _uMenu('mmail');new _uMenu('mpoll');new _uMenu('mstat');</script> </div></div></div><div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div> <script type="text/javascript">function showmods(t) {if (t){document.getElementById('instMods').className='MnotActive1';document.getElementById('uninstMods').className='Mactive';document.getElementById('isInMo').style.display='none';document.getElementById('noInMo').style.display='';document.body.focus();}else {document.getElementById('instMods').className='Mactive';document.getElementById('uninstMods').className='MnotActive';document.getElementById('noInMo').style.display='none';document.getElementById('isInMo').style.display='';document.body.focus();}}</script> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="6%"> </td> <td width="44%" align="center" valign="top"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Пример 1</a></div></td> <td width="43%" align="center" valign="top"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">Пример 2</a></div></td> <td width="7%"> </td> </tr> </table> </td> </tr> </table> <!-- </Содержиомое> --> В css: Code .Mactive {background:#DEE7F6;line-height:25px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;} .MnotActive {display:block;line-height:21px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive1 {display:block;line-height:21px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;} .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:noe;} .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer;} | |
|
Всего комментариев: 0 | |