[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Друзья и счетчики (двойное разделение)
DimoNДата: Понедельник, 04.01.2010, 15:25 | Сообщение # 1

Dar[k] S.
Сообщений: 207
Медали:
За создание сайта За хорошию репутации За 50 постов За 100 Постов За 150 Постов За 200 Постов
[ 38 ]
Нету на сайте

Думаю, на скрине все понятно.

Это ставим вверх странички:

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


  • Страница 1 из 1
  • 1
Поиск: