Форма входа
Здравствуйте, гость.

Воспользуйтесь формой ниже для входа или регистрации на сайте.

Меню сайта
Главная Правила Новости Каталог сайтов Контакты
Категории раздела
Шаблоны для ucoz gems
Шаблоны для ucoz soft
Шаблоны ucoz на Тему TV
Шаблоны на разные темы
Скрипты для ucoz
Уроки ucoz
Поиск
Календарь
«  Сентябрь 2011  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
2627282930
Архив записей
Статистика




Рейтинг@Mail.ru
Смотреть фото приколы онлайн
Главная » 2011 » Сентябрь » 17 » Скрипт для ucoz выдвижное меню для светлого дизайна
21:38
Скрипт для ucoz выдвижное меню для светлого дизайна

Скрипт для ucoz меню для светлого дизайна
1. Скачать фрхмв. Создаем папку images в корне сайта и вставляем туда картинки
2. Создаем папку js и пихаем туда файлы js
3. Пихаем в css:

Code
/* GlossyMenu */  
.glossymenu{  
margin: 5px 0;  
padding: 0;  
width: 185px; /*width of menu*/  
border: 1px solid #5d5d5d;  
border-bottom-width: 0;  
}  

.glossymenu a.menuitem{  
background: url() #c5c5c5;  
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
color: #5d5d5d;  
display: block;  
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
width: auto;  
padding: 4px 0;  
padding-left: 10px;  
text-decoration: none;  
border-top: 0px solid #5d5d5d;  
border-bottom: 1px solid #5d5d5d;  
}  

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
color: #5d5d5d;  
}  

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
position: absolute;  
top: 5px;  
right: 5px;  
border: none;  
}  

.glossymenu a.menuitem:hover{  
background-image: url() #c5c5c5;  
}  

.glossymenu div.submenu{ /*DIV that contains each sub menu*/  
background-image: url() #c5c5c5;  
}  

.glossymenu div.submenu ul{ /*UL of each sub menu*/  
list-style-type: none;  
margin: 0;  
padding: 0;  
}  

.glossymenu div.submenu ul li{  
border-bottom: 1px solid #5d5d5d;  
}  

.glossymenu div.submenu ul li a{  
display: block;  
font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;  
color: #5d5d5d;  
text-decoration: none;  
padding: 2px 0;  
padding-left: 10px;  
}  

.glossymenu div.submenu ul li a:hover{  
background-image: url() #c5c5c5;  
colorz: #999999;  
}  

.glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }  

.glossymenu a.menuitem{background:url(/images/m2.png) #c5c5c5 ;font: normal 10px "Arial", "Arial", Arial, Arial, Arial;  
color: #5d5d5d;  
display: block;  
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/  
width: auto;  
padding: 4px 0;  
padding-left: 10px;  
text-decoration: none;  
border-top: 0px solid #5d5d5d;  
border-bottom: 1px solid #5d5d5d;  
}  

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{  
color: #5d5d5d;  
}  

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/  
position: absolute;  
top: 5px;  
right: 5px;  
border: none;  
}  

.glossymenu a.menuitem:hover{  
background: url(/images/m3.png) #c5c5c5;  
}  

.glossymenu div.submenu{ /*DIV that contains each sub menu*/  
background:#d5d5d5;  
}  

.glossymenu div.submenu ul{ /*UL of each sub menu*/  
list-style-type: none;  
margin: 0;  
padding: 0;  
}  

.glossymenu div.submenu ul li{  
border-bottom: 1px solid #5d5d5d;  
}  

.glossymenu div.submenu ul li a{  
display: block;  
font: normal 10px "Arial", "Arial", Arial, Arial, Arial;  
background:url(/images/m1.png)#c5c5c5;background-position:1px -20px;  
text-decoration: none;  
padding: 2px 0;  
padding-left: 15px;  
}  

.glossymenu div.submenu ul li a:hover{  
background:url(/images/m1.png);  
colorz: #999999;  
}  
/* -------- */


4. В страницы сайта после :

Code
<script type="text/javascript" src="/js/ddaccordion.js"></script>  
<script type="text/javascript" src="/js/sdmenu.js"></script>


5. Сам код меню,пихаем в блок:

Code
<div class="glossymenu">  
<a class="menuitem submenuheader" href="http://css-kent.ru/" >Основ. раздел</a>  
<div class="submenu">  
<ul>  
<li><a href="http://www.vik-games.net.ru/"><FONT color=#ff0000><B>Rip by Vik-games</B></FONT></a></li>  
<li><a href="http://css-kent.ru/"><FONT color=#ff0000><B>Rip by Vik-games</B></FONT></a></li>  
<li><a href="http://css-kent.ru/">Главная страница</a></li>  
<li><a href="http://www.vik-games.net.ru/">Гостевая</a></li>  
<li><a href="http://css-kent.ru/">Статьи</a></li>  
<li><a href="http://www.vik-games.net.ru/">Форум</a></li>  
</ul>  
</div>  

<a class="menuitem submenuheader" href="http://css-kent.ru/" >Чета ваше</a>  
<div class="submenu">  
<ul>  
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>  
<li><a href="http://css-kent.ru/">Чета ваше</a></li>  
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>  
<li><a href="http://css-kent.ru/">Чета ваше</a></li>  
</ul>  
</div>  

<a class="menuitem submenuheader" href="/" >Чета ваше</a>  
<div class="submenu">  
<ul>  
<li><a href="http://css-kent.ru/">Чета ваше</a></li>  
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>  
<li><a href="http://css-kent.ru/">Чета ваше</a></li>  
<li><a href="http://www.vik-games.net.ru/">Чета ваше</a></li>  
</ul>  
</div>



Чтобы скачать файл, Вам нужно кликнуть по рекламе.
Прикрепления: Картинка 1
Категория: Скрипты для ucoz | Просмотров: 1332 | Добавил: nik | Теги: дизайна, Скрипт, для ucoz, для светлого, меню | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Rip seo-ucoz.ru by neon |Сoypiry © 2010 | Создать бесплатный сайт с uCoz | Sitemap | Sitemap-forum Сделанно на UCOZ