Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.191.162.73
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Горизонтальное меню для юКоЗ
Сообщение оставлено 12.01.2012 в 11:16:52 | Сообщение #1

Интересное меню для uCoz
Демострация!
Вставляем туда, где хотим меню ucoz:
Code
<style>   
   #menu {list-style:none;margin:0;padding:0;}   
   #menu a {font:11px Arial;font-weight:bold;  
color:#fff;text-decoration:none;display:block;margin-top:4px;padding-top:3px;}   
   #menu li {float:left;display:block;width:100px;height:30px;margin:1px;  
background:#000;text-align:center;cursor:pointer;}   
   #menu li:hover {background:#FF9900;}   
   </style>   
   <ul id='menu'>   
   <li><a href='http://www.nizckod.ru'>Главная</a></li>   
   <li><a href='http://www.nizckod.ru'>Гостевая</a></li>   
   <li><a href='http://www.nizckod.ru'>Форум</a></li>   
   <li><a href='http://www.nizckod.ru'>Блог</a></li>   
   </ul >   
   <script>   
   li = document.getElementById('menu').getElementsByTagName('a');   
   e=1;   
   document.getElementById('menu').onmouseover = function(){   
   b = setInterval(function(){   
   if(e<8){e=e+0.5}   
   for(i=0;i<li.length;i++){   
   li[i].style.paddingTop=Math.random()*e+'px';   
   li[i].style.paddingLeft=Math.random()*e+'px';   
   }   
   },10)};   
   document.getElementById('menu').onmouseout = function(){   
   clearInterval(b);   
   for(i=0;i<li.length;i++){   
   li[i].style.paddingTop='3px';   
   li[i].style.paddingLeft='0px';   
   e=1;   
   }   
   };   
   </script>

Скрипты шаблоны для юКоЗ
 
[qc][b][i]www.nizckod.ru[/i][/b][/qc]
 
   
Сообщение оставлено 12.01.2012 в 17:24:01 | Сообщение #2
Не очень красивое, эго можно переделать ?
 
Старый ник: React1v-GFX
 
   
Сообщение оставлено 12.01.2012 в 17:31:27 | Сообщение #3
Dzidzo, да

Code
<style>    
    #menu {list-style:none;margin:0;padding:0;}    
    #menu a {font:11px Arial;font-weight:bold;   
color:#fff;text-decoration:none;display:block;margin-top:4px;padding-top:3px;}    
    #menu li {float:left;display:block;width:100px;height:30px;margin:1px;   
background:#000;text-align:center;cursor:pointer;}    
    #menu li:hover {background:#FF9900;}    
    </style>   


эти строчки нужно менять
 
 
   
Сообщение оставлено 12.01.2012 в 20:55:46 | Сообщение #4
было бы лучше вместо цветов, вставить картинки, а так меню не о чем
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика