Вторник, 20.11.2018, 11:00
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Какой дизайн лучше?


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

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


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

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

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

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

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


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

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Фотогалерея для uCoz с плавным увеличением фото (lightbox)
Павел написал:
ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо
Новость: Музыкальный шаблон
eddison написал:
doe it use file catalog or forum?
Новость: Что такое деревопласт? Приобретение забора из деревопласта?
написал:
Интересный материал для строительства, даже не слышал о таком. smile

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

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

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

Анимированное выпадающее меню на css3 для uCoz

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

Очень приятно видеть действительно качественные вещи, сделанные на CSS. И особенно приятно, если это хорошо продуманно меню. А если оно еще и анимированное - для такой штуки у меня даже уже нет подходящих хвалебных эпитетов.

Мы все любим стильные дополнения для наших сайтов, чтобы буквально завлекать оригинальным дизайном посетителей и держать их подольше. Вот такие стильные штучки, как это анимированное меню и помогает нам в этом. Кстати, а я упоминалось, что оно еще и выпадающее? Выглядит оно здорово и современно - черные и оранжевые шарики, или кляксы буквально подсвечиваются, когда на них наводится мышка. Переход между пунктами меню плавный и четкий, все сделано красиво и видно, что делал человек с прямыми руками, которые растут из плеч. Вписывается в код страницы очень просто - код нужно просто разместить в нужном вам месте и пользуйтесь потом на здоровье. Забирайте себе и устанавливайте на сайт. Мы вот решили поставить на пару сайтов. А с вас - комментарии и хвалебные отзывы мы ждем как всегда.


Важно! Стиль из прикреплённого архива залейте в папку css


Установка:

В то место, где должно быть меню, вставляйте:

<link href="/css/style.css" rel="stylesheet" type="text/css" />

<div class="wrapper">
<ul>
<li id="a"><a href="#a">Web Design</a>
<div>
<b>HTML:</b><a href="#">Tutorials</a> | <a href="#">Resources</a> | <a href="#">Downloads</a> | <a href="#">Blog</a> | <a href="#">More...</a>
<hr/>
<b>CSS:</b><a href="#">Tutorials</a> | <a href="#">Examples</a> | <a href="#">Downloads</a> | <a href="#">Resources</a> | <a href="#">More...</a>
<hr/>
<b>CMS:</b><a href="#">Drupal</a> | <a href="#">Wordpress</a> | <a href="#">Joomla</a> | <a href="#">Plugins & Resources</a> | <a href="#">More...</a>
<hr/>
<b>Javascript:</b><a href="#">Tutorials</a> | <a href="#">Downloads & Resources</a> | <a href="#">Plugins</a> | <a href="#">More...</a>
<hr/>
<b>Jquery:</b><a href="#">Resources</a> | <a href="#">Free Jquery Plugins</a> | <a href="#">Tutorials</a> | <a href="#">More...</a>
<hr/>
<b>Tools:</b><a href="#">HTML Validator</a> | <a href="#">CSS Validator</a> | <a href="#">More...</a>
<hr/>
<b>Certifications:</b><a href="#">W3Schools</a> | <a href="#">Adobe</a> | <a href="#">HWG</a> | <a href="#">Brainbench</a>
</div>
</li>
<li id="b"><a href="#b">Graphic Design</a>
<div>
<hr/>
<b><a href="#">Printmaking</a></b>
<hr/>
<b><a href="#">Visual Arts</a></b>
<hr/>
<b><a href="#">Typography</a></b>
<hr/>
<b><a href="#">Desktop Publishing</a></b>
</div>
</li>
<li id="c"><a href="#c">Animation & Graphics</a>
<div>
<hr/>
<b>2D Animation: </b>
<a href="#">Analog animation</a> | <a href="#">Flash animation</a><br><a href="#">PowerPoint animation</a> | <a href="#">More...</a>
<hr/>
<b>3D Animation: </b>
<a href="#">Motion capture</a> | <a href="#">Photo realistic</a><br><a href="#">Character animation</a> | <a href="#">More...</a>
<hr/>
<b>Resources: </b>
<a href="#">Tutorials</a> | <a href="#">Downloads</a><br><a href="#">Examples & Downloads</a> | <a href="#">More...</a>
</div>
</li>
<li id="d"><a href="#d">Design Resources</a>
<div>
<hr/>
<b><a href="#">w3schools.com</a></b>
<hr/>
<b><a href="#">alistapart.com</a></b>
<hr/>
<b><a href="#">smashingmagazine.com</a></b>
<hr/>
<b><a href="#">cssbeauty.com</a></b>
<hr/>
<b><a href="#">speckyboy.com</a></b>
<hr/>
<b><a href="#">more...</a></b>
</div>
</li>
</ul>
</div>



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



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


- Установить на свой сайт блок социальных закладок
Категория: Меню для uCoz сайта | Добавил: scripts_for_ucoz | Теги: CSS3, uCoz, меню, анимированное, выпадающее
Просмотров: 5631 | Загрузок: 47 | Комментарии: 2 | Рейтинг: 0.0/0
Всего комментариев: 2
2 URAN9049   (14.01.2015 21:55)
z-index тебе в помощь

-1   Спам
1 SubliShop   (05.09.2014 11:14)
когда нажимаешь на меню,это гавно опускает страницу вниз автоматом

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

Хостинг от uCoz