Меню сайта
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 14
Статистика
Форма входа
Логин:
Пароль:
Среда, 18.10.2017, 10:22
Приветствую Вас Гость

Блок "Друзья сайта" - Форум

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » для Web-мастера » скрипты для uCoz » Блок "Друзья сайта"
Блок "Друзья сайта"
KaspeRДата: Воскресенье, 05.04.2009, 04:55 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 94
Репутация: 1
Статус: Offline
Переключатель как в админке
Поможет сэкономить место на сайте. Но на странице можно использовать не более 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>


 
Форум » для Web-мастера » скрипты для uCoz » Блок "Друзья сайта"
Страница 1 из 11
Поиск:

Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz