 Переключатль как в админке, ucoz |
Здравствуйте, гость ( Вход | Регистрация )
| pasha2009k |
 21.4.2009, 11:03
Сообщение
#1
|
|
Подрабатывающий  Группа: Заблокированные Сообщений: 195 Регистрация: 9.4.2009 Пользователь №: 5 984 На форуме: 0d 11h 50m 27s Пол: мужской Репутация:  -2   |
Пример у меня на сайте в блоке друзья
Это в CSS: Исходный кодкопировать в буфер обменапечатать 1. /* UcoZ Tab */ 2. .menuBg {background:#DEE7F6 !important;} 3. .Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} 4. .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;} 5. .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} 6. .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} 7. .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;} 8. .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;} 9. .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; } 10. /* ---------------- */ /* 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;} .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>: Исходный кодкопировать в буфер обменапечатать 1. <script type="text/javascript"> 2. // UcoZ Tab START 3. function showmods(t) { 4. if (t){ 5. document.getElementById('instMods').className='MnotActive1'; 6. document.getElementById('uninstMods').className='Mactive'; 7. document.getElementById('isInMo').style.display='none'; 8. document.getElementById('noInMo').style.display=''; 9. document.body.focus(); 10. } else { 11. document.getElementById('instMods').className='Mactive'; 12. document.getElementById('uninstMods').className='MnotActive'; 13. document.getElementById('noInMo').style.display='none'; 14. document.getElementById('isInMo').style.display=''; 15. document.body.focus(); 16. } 17. } 18. // UcoZ Tab END 19. </script> <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> Сам блок: Исходный кодкопировать в буфер обменапечатать 1. <div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div> 2. <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg"> 3. 4. <div style="display:none;overflow:auto;height:250px;" id="noInMo"> 5. <div align="center"><!-- код2 --> 6. 7. </div></div> 8. 9. <div style="overflow:auto;height:250px;" id="isInMo"> 10. <div align="center"> 11. <!-- код1 --> 12. 13. </div> 14. </div> 15. 16. </div></div></div> 17. 18. <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div> 19. 20. <table border="0" cellpadding="0" cellspacing="0" width="100%"> 21. <tbody> 22. <tr> 23. <td width="6%"> </td> 24. <td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="java script://" onclick="showmods(0);return false;">Название 2</a></div></td> 25. 26. <td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="java script://" onclick="showmods(1);return false;">НАзвание 1</a></div></td> 27. <td width="7%"> </td> 28. </tr> 29. </tbody> 30. </table> |
   |
 
|
Сообщений в этой теме
  |
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 26.11.2024, 6:43 |
Invision Power Board
v2.1.7 © 2024 IPS, Inc.