Переключатель, как в админке - Форум
Страница 1 из 11
Форум » Скрипты для ucoz » Другие » Переключатель, как в админке
Переключатель, как в админке
Администратор
Уровень 999
Сообщений: 2093
Дата: Вторник, 16.11.2010, 21:31:15 | Сообщение # 1
Offline

Это в CSS
Code
/* UcoZ Tab */        
.menuBg {background:#DEE7F6 !important;}        
.Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}        
.[b]Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}        
.MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}        
.MnotActive1 {display:block;line-height:16px;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:none;}        
.MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; }        
/* ---------------- */

Это после head
Code
<script type="text/javascript">        
       // UcoZ Tab START        
       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();        
       }        
       }        
       // UcoZ Tab END        
       </script>

Сам блок:
Code
<div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>        
       <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">        
              
       <div style="display:none;overflow:auto;height:250px;" id="noInMo">        
       <div align="center"><!-- код2 -->        
              
       </div></div>        
              
       <div style="overflow:auto;height:250px;" id="isInMo">        
       <div align="center">        
       <!-- код1 -->        
              
       </div>        
       </div>        
              
       </div></div></div>        
              
       <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>        
              
       <table border="0" cellpadding="0" cellspacing="0" width="100%">        
       <tbody>        
       <tr>        
       <td width="6%"> </td>        
       <td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td>        
              
       <td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">НАзвание 1</a></div></td>        
       <td width="7%"> </td>        
       </tr>        
       </tbody>        
       </table>

P.S:
Больше одного устанавливать на сайт нельзя, т.к. работать будет только один.
Подпись пользователя
Форум » Скрипты для ucoz » Другие » Переключатель, как в админке
Страница 1 из 11
Поиск: