Добро Пожаловать на сайт Clana C.S.R.IP Role Play: 46.174.52.17:27248 [ УЮТНЫЙ ПОДВАЛЬЧИК 03:45 АМ ] classic

Главная Файлы Форум Чат Новости Регистрация Вход

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Скрипты сталкер для Ucoz » Красивое горизонтальное меню (Красивое горизонтальное меню)
Красивое горизонтальное меню
PriboyДата: Вторник, 12.06.2012, 12:21 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 142
Награды: 1
Репутация: 953
Статус:


Советую отключить админ-бар, т.к. смотреться будет не красиво.

Пример, чтобы всем было понятно о каком меню идет речь и убедится, что меню рабочее.

[yeiloow]Установка: [/yeiloow]

[yeiloow]Чтобы отключить админ-бар (не обязательно) - Зайдите в ПУ → Управление дизайном → Таблица стиле (CSS) → В самый низ:
[/yeiloow]
Code
#puzadpn {display:none}


[yeiloow]Далее скачайте архив и все содержимое залейте в файловый менеджер в папку rip_menu. [/yeiloow]
[green]СКАЧАТЬ[/green]

[yeiloow]Затем в CSS вставьте: [/yeiloow]

Code
ul#nav {  
   position: fixed;  
   margin: 0px;  
   padding: 0px;  
   top: 0px;  
   left: 369px;  
   right: 369px;  
   list-style: none;  
   z-index:999999;  
   width:516px;  
}  

ul#nav li {  
   width: 103px;  
   display:inline;  
   float:left;  
}  
ul#nav li a {  
   display: block;  
   float: left;  
   margin-top: -2px;  
   width: 100px;  
   height: 25px;  
   background-color: #E7F2F9;  
   background-repeat: no-repeat;  
   background-position: 50% 10px;  
   border: 1px solid #BDDCEF;  
   text-decoration: none;  
   text-align: center;  
   padding-top: 80px;  
}  

ul#nav li a {  
   display: block;  
   float: inherit;  
   margin-top: -2px;  
   width: 100px;  
   height: 22px;  
   background-color: #020202;  
   background-repeat:no-repeat;  
   background-position:50% 10px;  
   border:1px solid #99ffff;  
   text-decoration:none;  
   text-align:center;  
   padding-top:80px;  
   -moz-border-radius:0px 0px 10px 10px;  
   -webkit-border-bottom-right-radius: 10px;  
   -webkit-border-bottom-left-radius: 10px;  
   -khtml-border-bottom-right-radius: 10px;  
   -khtml-border-bottom-left-radius: 10px;  
   opacity:0.4;  
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}  

ul#nav .Home a{  
   background-image: url('/rip_menu/1.png');  
}  
ul#nav .Forum a {  
   background-image: url('/rip_menu/2.png');  
}  
ul#nav .Photo a {  
   background-image: url('/rip_menu/3.png');  
}  
ul#nav .IFile a {  
   background-image: url('/rip_menu/4.png');  
}  
ul#nav .IPubl a {  
   background-image: url('/rip_menu/5.png');  
}  

ul#nav li a:hover{  
   background-color:#020202; opacity:0.7;  
}  

ul#nav li a span{  
   letter-spacing:2px;  
   font-size:13px;  
   color:#cacaca;  
   text-shado: 0 -1px 1px #cacaca;  
}


Code
И в нужных шаблонах перед <body> вставьте:


Code
<script type="text/javascript" src="/rip_menu/nav.js"></script>  
<ul id="nav">  
   <li class="Home"><a href="/"><span>Главная</span></a></li>  
   <li class="Forum"><a href="/forum"><span>Форум</span></a></li>  
   <li class="Photo"><a href="/photo"><span>Галерея</span></a></li>  
   <li class="IFile"><a href="/load"><span>Файлы</span></a></li>  
   <li class="IPubl"><a href="/publ"><span>Статьи</span></a></li>  
   </ul>


[yeiloow]Чтобы вставить во все шаблоны: Зайдите в ПУ → Быстрая замена → Режим "Многострочный" → В поле "Что заменить" вставляете <body>, в поле "На что заменить" вставляете: [/yeiloow]

Code

ul#nav {  
   position: fixed;  
   margin: 0px;  
   padding: 0px;  
   top: 0px;  
   left: 369px;  
   right: 369px;  
   list-style: none;  
   z-index:999999;  
   width:516px;  
}  

ul#nav li {  
   width: 103px;  
   display:inline;  
   float:left;  
}  
ul#nav li a {  
   display: block;  
   float: left;  
   margin-top: -2px;  
   width: 100px;  
   height: 25px;  
   background-color: #E7F2F9;  
   background-repeat: no-repeat;  
   background-position: 50% 10px;  
   border: 1px solid #BDDCEF;  
   text-decoration: none;  
   text-align: center;  
   padding-top: 80px;  
}  

ul#nav li a {  
   display: block;  
   float: inherit;  
   margin-top: -2px;  
   width: 100px;  
   height: 22px;  
   background-color: #020202;  
   background-repeat:no-repeat;  
   background-position:50% 10px;  
   border:1px solid #99ffff;  
   text-decoration:none;  
   text-align:center;  
   padding-top:80px;  
   -moz-border-radius:0px 0px 10px 10px;  
   -webkit-border-bottom-right-radius: 10px;  
   -webkit-border-bottom-left-radius: 10px;  
   -khtml-border-bottom-right-radius: 10px;  
   -khtml-border-bottom-left-radius: 10px;  
   opacity:0.4;  
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}  

ul#nav .Home a{  
   background-image: url('/rip_menu/1.png');  
}  
ul#nav .Forum a {  
   background-image: url('/rip_menu/2.png');  
}  
ul#nav .Photo a {  
   background-image: url('/rip_menu/3.png');  
}  
ul#nav .IFile a {  
   background-image: url('/rip_menu/4.png');  
}  
ul#nav .IPubl a {  
   background-image: url('/rip_menu/5.png');  
}  

ul#nav li a:hover{  
   background-color:#020202; opacity:0.7;  
}  

ul#nav li a span{  
   letter-spacing:2px;  
   font-size:13px;  
   color:#cacaca;  
   text-shado: 0 -1px 1px #cacaca;  
}


 
Форум » Всё для Ucoz » Скрипты сталкер для Ucoz » Красивое горизонтальное меню (Красивое горизонтальное меню)
  • Страница 1 из 1
  • 1
Поиск:

Мини-чат
200
Облако тегов
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
  • Shock-World (0)
  • hi (0)
  • КВ (2)
  • Скрипт вид фотографий Под ЗП (2)
  • Новая лига RUSHCENS.RU (0)
  • Круглое меню на CSS (0)
  • Крутая Менюшка для тёмных дизайнов для Ucoz (0)
  • Горизонтальное меню для uCoz на тему Windows (0)
  • Темное горизонтальное меню с подкатегориями (0)
  • Мега панель (0)
  • банерообмен (3)
  • заявка в вступление в клан (3)
  • КВ (2)
  • Скрипт вид фотографий Под ЗП (2)
  • Цветные шкурки с зонами пробития (1)
  • Вступление в клан! SorrY :D (1)
  • Вступления в клан (1)
  • Убранные банеры (1)
  • В топ сайтов заявка (1)
  • Банерообмен (1)
  • Priboy
  • KReeD
  • Кл
  • hrushkaaaaa
  • vlad
  • [Limper]
  • DEX
  • Джек
  • Fuck-Smiley
  • Allx
  • eferer85216:21
    Denis1236921:01
    samson45017309:21
    shaxnozatillashajxova03:26
    leva140317:27
    Khabib982117:06
    li-wong-sho12:16
    forbetalzzz212:07
    shakirovazat7223:09
    shramogin1515:59


    Clan.::[C.[S].R.]::. © 2024

    CSR-TEAM