Форум- Шаблоны, Шаблоны для UCOZ, Шаблоны для Сайта Counter Strike, Шаблоны для игры BF 2, Шаблоны для игры GTA IV, Шаблоны для игры GAMES, Шаблоны для игры, Шаблоны WAREZ, Шаблоны SOFT, Шаблоны SPORT, Шаблоны Asurt, Шаблоны для софт портала, Шаблоны для игрового портала, Скрипты UCOZ, Скрипты мини-профиль, Скрипты мини-профиля, Скрипты мини-чат, Скрипты мини-чата, Скрипты для форума, Скрипты для Меню, Скрипты для новостей, Скрипты для Каталога файлов, Информеры, Новые скрипты, Иконки для форума, Ранги, Иконки ранга, Иконки для форума, Иконки рейтинга, Заказать дизай, Заказа дизайнов дешего, Качественная разработка дизайна, Всё бесплатно, Халява, Халявные шаблоны, Бесплатные Шаблоны, Графика, Фотошоп, Рипы, Заказать дизайн, Рипнуть ДИзайн, Скрипты для Юзера, Новые Скрипты, Отличнвй зборник скриптов, Набор Модеров, Скрипт опроса, Скрипты опроса,Иконки групп,Раздачи icq,Заказ графики,Конкурсы,Халява,Зароботок.<meta name='yandex-verification' content='72bcac2bc746ae21' />

Главная        Форум        Обратная связь        Баннеробмен



 

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ] []
Страница 1 из 11
Модератор форума: TeRRoR, Jaguar09, natiQ 
Форум » Для Ucoz » Скрипты » Блок "Друзья сайта"
Блок "Друзья сайта"

Дата: Воскресенье, 04.01.2009, 14:00 | Сообщение # 1
natiQ

natiQ - злой но справедливый админ
Группа: V.I.P
Сообщений: 1575
« 611 »
Статус:
Переключатель как в админке
Поможет сэкономить место на сайте. Но на странице можно использовать не более 1 переключателя (так как работать будет только 1)

Code

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

Это в CSS:

Code
/* 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

<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"><!-- код2 -->    

    </div></div>    

    <div style="overflow:auto;height:250px;" id="isInMo">    
    <div align="center">    
    <!-- код1 -->    

    </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;">Название 2</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;">НАзвание 1</a></div></td>    
    <td width="7%"> </td>    
    </tr>    
    </tbody>    
    </table>
Форум » Для Ucoz » Скрипты » Блок "Друзья сайта"
Страница 1 из 11
Поиск: