Разделение друзей и счетчиков

eXz

Дата: Вторник, 25.01.2011, 19:02 | Сообщение # 1

Группа: Пользователи

Сообщений: 10

Награды: 0

Offline

[Table]ставим вверху странички[/Table]

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>

[Table]
А это в созданый нами глобальный блок (это мои ссылки, редактируйте под себя )
[/Table]

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">

<a href="http://www.pr-cy.ru" target="_blank" title="оптимизация"><img src="http://i.pr-cy.ru/counter_34688_9" border="0" alt="Анализ сайта"></a>

<script type="text/javascript"></script>

<A target="_blank"href="http://www.vsego.ru" target="_blank"><IMG src="http://www.vsego.ru/images/bkat8831.gif" alt="Каталог сайтов Всего.RU" border="0" width="88" height="31"></A>

<A target="_blank" href="http://best-top.ucoz.net/dir/2-1-0-142" title="Когда самое интересное собранно в одном месте"><img src="http://best-top.ucoz.net/banner1.gif"</a>


<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?1763574"></script><noscript><img src="http://counter.rambler.ru/top100.cnt?1763574" alt="" width="1" height="1" border="0"></noscript>

<br>

<a href="http://top100.rambler.ru/home?id=1619048"><img src="http://top100-images.rambler.ru/top100/banner-88x31-rambler-gray2.gif" alt="Rambler's Top100" width="88" height="31" border="0" /></a>

<br>
<a href="http://www.wolist.ru/" target="_blank"><img border="0" src="http://www.wolist.ru/img/wolist.gif" width="88" height="31" alt="WOlist.ru - каталог качественных сайтов Рунета"></a>

<br>

<a target="_top" href="http://top.mail.ru/jump?from=1601551">
<img src="http://d0.c7.b8.a1.top.mail.ru/counter?id=1601551;t=76;l=1"
border="0" height="31" width="38" alt="Рейтинг@Mail.ru"></a>


           </div></div>

           <div style="overflow:auto;height:250px;" id="isInMo">
           <div align="center">
<a target="_blank" href="http://art-gorodok.ru"><img src="http://alfa.do.am/dizain/knopka2.gif" border="0" width="88" height="31"></a>
<br>
<a target="_blank" href="http://w-diz.ru"><img src="http://web-art.ucoz.ru/88x31.gif" border="1" alt="Fotoshop" width="88" height="31"> </a>
<br>
<a href="http://astmandget.ru" target="_blank" alt="ОБСУЖДЕНИЯ ОБСУЖДЕНИЕ ФИЛЬМОВ ОНЛАЙН RPG СКРИПТЫ UCOZ"><img src="http://astmandget.ru/astmand.gif" alt="ОБСУЖДЕНИЯ ОБСУЖДЕНИЕ ФИЛЬМОВ ОНЛАЙН RPG СКРИПТЫ UCOZ" title="ОБСУЖДЕНИЯ ОБСУЖДЕНИЕ ФИЛЬМОВ ОНЛАЙН RPG СКРИПТЫ UCOZ" width=88 height=31 border=0></a>
<br>
<a target="_blank" href="http://photoshope.net"><img src="http://photoshope.net/12anima.gif" border="0" alt="Всё для фотошопа!!!"></a>
<br>
<a href="http://mir-fotoshop.narod.ru"target="_blank"title="Сайт-помощь по Photoshop"><img src="http://i037.radikal.ru/0902/03/14b7ab2fbc75.jpg" border=0 width=88 height=31></a>
<br>
<a href="http://for-creativity.ucoz.ru/" target="_blank" title="Все для фотошопа, кисти, стили, скрап наборы, шаблоны, клипарт."><img src="http://for-creativity.ucoz.ru/Buttons/mybutton.gif" border="0" width="80" height="31" alt="Все для фотошопа, кисти, стили, скрап наборы, шаблоны, клипарт."></a>
<br>
<a target="_blank" href="http://animelend.my1.ru/"><IMG src="http://alfa.do.am/dizain/anime.gif"title=" Все о аниме здесь!!!"></A>
<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>

[Table]Это в CSS[/Table]

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

[Table]

[/Table]

Реклама	Реклама	Реклама