Приветствую Вас Гость | RSS

Шаблоны для ucoz, скрипты для ucoz

ГлавнаяРегистрация Вход
Суббота, 19.05.2012, 22:00
Заработок на Ucoz сайте

Меню сайта

Статистика

Rambler's Top100
Онлайн всего: 4
Гостей: 4
Пользователей: 0

Наши работы


— Наши друзья, раздел: Работа с сайтом
— Большая конкуренция Ucoz сайтов о GTA, раздел: Работа с сайтом
— Ошибки оптимизации на примере одного сайта, раздел: Раскрутка и оптимизация сайта
— Где зарегистрировать домен RU для Ucoz?, раздел: Работа с сайтом
— Заработок на SAPE на Ucoz сайте, раздел: Работа с сайтом

О сайте


На нашем сайте вы можете найти шаблоны для ucoz, которые выполнено в хорошем качестве. Все материалы поделены на тематические разделы, что очень облегчает процесс просмотра нужных вам шаблонов и выбора их именно под запросы вашего сайта. Также на сайте вас ждут более 200 отборных скриптов для ucoz, установка которых, чаще всего, очень простая и не займет у вас много времени. Зато отлично повысит функционал вашего сайта. Не пропустите наши авторские выпуски статей по работе и оптимизации сайта на ucoz - там вас ждет множество интерсного и полезного.
Шаблоны для Ucoz:
Скрипты для Ucoz:
Иконки, кнопки, PSD:
Меню для ucoz:
Статьи о ucoz:

Статистика

Rambler's Top100
Онлайн всего: 4
Гостей: 4
Пользователей: 0

Наши работы


— Наши друзья, раздел: Работа с сайтом
— Большая конкуренция Ucoz сайтов о GTA, раздел: Работа с сайтом
— Ошибки оптимизации на примере одного сайта, раздел: Раскрутка и оптимизация сайта
— Где зарегистрировать домен RU для Ucoz?, раздел: Работа с сайтом
— Заработок на SAPE на Ucoz сайте, раздел: Работа с сайтом

О сайте


На нашем сайте вы можете найти шаблоны для ucoz, которые выполнено в хорошем качестве. Все материалы поделены на тематические разделы, что очень облегчает процесс просмотра нужных вам шаблонов и выбора их именно под запросы вашего сайта. Также на сайте вас ждут более 200 отборных скриптов для ucoz, установка которых, чаще всего, очень простая и не займет у вас много времени. Зато отлично повысит функционал вашего сайта. Не пропустите наши авторские выпуски статей по работе и оптимизации сайта на ucoz - там вас ждет множество интерсного и полезного.
Главная » Файлы » Меню для ucoz » Горизонтальное меню для ucoz
Синее горизонтальное меню для ucoz
[ · Скачать удаленно () ] 30.06.2010, 03:08
Синее горизонтальное меню для ucoz



Код меню

<div class="con">
<ul id="topnav">
<li><a href="#">Главная</a></li>
<li><a href="#">Поиск</a></li>
<li><a href="#">Регистрация</a></li>
<li><a href="#">Карта сайта</a></li>
<li><a href="#">О сайте</a></li>
</ul></div>

Это в css 

body {
margin: 0; padding: 0;
font: 10px normal Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

h1 small{
font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing: 1.4em;
display: block;
color: #ccc;
}
.con {
width: 100%;
height: 45px;
}
img {border: none;}
ul#topnav {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 100%;
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff;
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}

ul#topnav.v1 span{
background: url(bg.gif) repeat-x left top;
}
ul#topnav.v1 a{
color: #555;
background: url(bg.gif) repeat-x left bottom;
}

Вставляем код между тегами <head> и </head>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">


$(document).ready(function() {


$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag

$("#topnav li").each(function() { //For each list item...
var linkText = $(this).find("a").html(); //Find the text inside of the a tag
$(this).find("span").show().html(linkText); //Add the text in the span tag
});

$("#topnav li").hover(function() { //On hover...
$(this).find("span").stop().animate({
marginTop: "-40" //Find the span tag and move it up 40 pixels
}, 250);
} , function() { //On hover out...
$(this).find("span").stop().animate({
marginTop: "0" //Move the span back to its original state (0px)
}, 250);
});


});
</script>

Все исходники внутри архива. Распаковываем, заливаем в корень сайта.
>>> Скачать с Rapidshare <<<
Категория: Горизонтальное меню для ucoz | Добавил: Admin | Теги: Синее горизонтальное меню, меню дл ucoz
Просмотров: 2241 | Загрузок: 213 | Комментарии: 3 | Рейтинг: 5.0/2
Всего комментариев: 3

Смотрите также похожие материалы:
avatar

Имя: Djtvss

С нами:   дня

Комментариев: 2

Сообщениe № 2 Написал: Djtvss (03.05.2011) | 04:58 0  
Такого файла не существует или он был удален из-за нарушения авторских прав.
 -------------- Комментарий --------------
Цитировать
avatar

Имя: Алексей

С нами:   дня

Комментариев: 1

Сообщениe № 1 Написал: alurbur (03.11.2010) | 06:32 0  
А как скачать -то!!Нет ни ссылки,ни кнопки СКАЧАТЬ!!
 -------------- Комментарий --------------
Цитировать
avatar

Имя: Роман

С нами:   дня

Комментариев: 3

Сообщениe № 3 Написал: James23 (03.05.2011) | 20:53 0  
Перезальем чуть попозже.
 -------------- Комментарий --------------
Цитировать
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Новое на сайте

Друзья сайта


Вебмастер? Хотите обменяться баннерами или ссылками? У вас похожий ресурс? Пишите в обратную связь.
Время ответа на запрос до 48 часов.

О системе ucoz


Система управления сайтом Ucoz - это одновременно легкая и очень мощная система управления контентом. Благодаря многочисленным модулям, а также широкому спектру различных настроек модулей, в системе можно строить сайты практически любого функционального уровня.

Гибкость системы поддерживается благодаря возможности свободного редактирования различных исходных кодов. Ucoz позволяет сделать сайт практически для любых целей, будь то персональный блог или огромный корпоративный портал.

Последнее с форума


— помогите адаптировать в разделе Обсуждение Ucoz
— 3-х уровневое меню в разделе Не ставится модуль, шаблон?
— nemo121085 в разделе Новости, нововведения Ucoz
— Необходима помощь с юкоз сайтом в разделе Обсуждение Ucoz
— Как вам стандартные дизайны Ucoz? в разделе Обсуждение Ucoz

Copyright ucoz4.ru © 2012
Создать сайт бесплатно