Пример у меня на сайте в блоке друзья
Это в 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="javascript://" 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="javascript://" onclick="showmods(1);return false;">НАзвание 1</a></div></td>
27. <td width="7%"> </td>
28. </tr>
29. </tbody>
30. </table>
Zork Studio
