Вторник, 22.08.2017, 08:21
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Каким EMAIL Вы пользуетесь?


Всего ответов: 289

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 30367 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5114 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Counter Strike Шаблон для сайта uCoz
Дмитрий Чёрный написал:
Битая ссылка
Новость: 500 flash часов для ucoz
Doshin Doshinovish написал:
Ссылки битые
Новость: Красивый еффект при наведении на картинки для uCoz
DNZ написал:
И че? Обычные картинки. cool
Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
Женя Антонов написал:
БЛИН САЙТ ПРИКРЫЛИ
uCoz
403

У вас нет прав для просмотра этой страницы

Вернуться на главную страницу
sad
Новость: Как заработать в интернете? Стоит ли пробовать?
сергей клодт написал:
Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Меню для uCoz сайта » Добавлено [06.12.2013, 02:57]

Горизонтальное меню для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

А вот когда в копилочку новинок попадает действительно оригинальная вещь - тут же хочется поделиться со всем миром. Наши коллеги и друзья уже оценили и остались довольны, а кто-то даже воскликнул "Как же я сам не додумался!". Красивые штуки хочется забирать к себе и размещать на сайты, особенно, если это оригинальное меню.
Что еще оригинального может быть в меню? Ну выпадают пункты и сворачиваются обратно или еще какой эффект, всем известный будет? Это вы можете спросить. А я вам отвечу - сегодня разработчики Ucoz всех удивили. Необычного в нем то, что эффект наведения на пункты - совершенно особенный. Всплывающие картинки! Менюшка самая простая, но при наведении мыши - содержимое пункта дублируется на всплывающем, как бы это назвать, конвертике или окошечке, похожем на окошечко диалога. Меню реально с вами разговаривает. "Выбери меня!" - кричит пункт Главное. "Нет, меня!" - тут же вскакивает Контактная информация. Вообщем-то чем интереснее надписи и иконки вы разместите в меню - тем веселее будет вашим пользователя. Согласитесь, интересная штука, заслуживает того, чтобы быть помещенной на сайт. Всем советую попробовать - плагин легенький, в код его сможет встроить даже начинающий кодер.
Установка:

В самый низ вашего css вставляйте:
.menu2 {
font-family:arial;
margin-top : 50px;
width : 400px;
}
.menu2 ul {
border-radius : 3px;
margin:0;
padding:0;
}
.menu2 ul:after, .menu2 ul:before {
display : block;
content :'';
}
.menu2 ul:after {
clear : both;
}
.menu2 li {
list-style-type : none;
background : linear-gradient(rgba(220, 220, 255, 0.4) 85%, rgba(255, 255, 255, 0.5) 100%);
float : left;
cursor : pointer;
padding : 3px 10px;
border-top : 2px solid rgba(200, 200, 255, 0.5);
border-bottom : 2px solid rgba(50, 50, 50, 0.4);
}
.menu2 li:first-child {
border-radius : 5px 0 0 5px;
}
.menu2 li:last-child {
border-radius : 0 5px 5px 0;
}
.menu2 li a {
display : block;
padding : 10px 13px;
font-size : 13px;
text-decoration : none;
border-radius : 5px;
position : relative;
top : 0;
color : #FFF;
transition : all .4s;
}
.menu2 li:hover a {
top : -20px;
color : #4eacff;
background-color: #fff;
box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
transition : all .4s;
}
.menu2 li a:after {
display : block;
content :'';
position : absolute;
top : 100%;
left : 42%;
border-style : solid;
border-color : transparent;
border-width : 5px 5px 0 5px;
transition : all .4s;
}
.menu2 li:hover a:after {
border-color : white transparent transparent transparent;
transition : all .4s;
}
/*************************************/
.menu2 {
}
.menu2 a {
font-family : georgia;
font-size : 14px;
font-style : italic;
text-transform : capitalize;
}
.menu2 li {
border-right : 1px solid rgba(200, 200, 255, 0.5);
border-left : 1px solid rgba(40, 40, 40, 0.2);
}
.menu2 .selected {
top : -20px;
color : #4eacff;
background-color: #fff;
box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
transition : all .4s;
}
.menu2 .selected:after {
border-color : white transparent transparent transparent;
transition : all .4s;
}


Следующий код в то место, где будет само меню:
<nav class="menu2">
<ul>
<li>
<a href="#">Главная</a>
</li>
<li>
<a href="#">О нас</a>
</li>
<li>
<a class="selected" href="#">Контакты</a>
</li>
<li>
<a href="#">Блог</a>
</li>
</ul>
</nav>


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Горизонтальное меню для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Меню для uCoz сайта | Добавил: scripts_for_ucoz | Теги: Горизонтальное, uCoz, меню
Просмотров: 4296 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
1 Black-Yellow   (19.01.2014 22:01)
Даже не охота такое меню смотреть - а тем более ставить у себя на ресурсе. Не красивое. И какое то что ли простое до основания. Сори.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz