Думаю, на скрине все понятно.
Это ставим вверх странички:
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">
ЗДЕСЬ ПИШИТЕ ДРУЗЕЙ
</div></div>
<div style="overflow:auto;height:250px;" id="isInMo">
<div align="center">
ЗДЕСЬ ПИШИТЕ ЩЕТЧИКИ
<br>
<br><br>
</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;">Друзья
сайта</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;">Счетчики</a></div></td>
<td width="7%"> </td>
</tr>
</tbody>
</table>
ПУ-->Управление дизайном-->CSS. В самый низ это:
Code
/* UcoZ Tab */
.menuBg {background:url('http://alfa.do.am/dizain/18.gif') !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;
}
/* ---------------- */
Комментарии: