Оранжевое меню на css3 и jQuery для uCoz [by k84pro & Apocalypse]
Это
оранжевое меню на css3 и jQuery для uCoz [by k84pro & Apocalypse] является по истене красивым творением двух его разработчиков, которые сделали из нечего и казалось бы заезженной темы что-то совершенно непривычное и свежее. Данное
уникальное меню uCoz поразит вас в первую очередь тем, что оно немного «шевелится» при наведение на него курсора, что создает небольшую иллюзию того, что это не просто меню, а некая ленточка, которую колышет ветер.
Установка:
1. Копируем код и вставляем туда, гд должно быть меню:
Код
<div class="k84proapomenu2">
<div class="point1" alt="">
<div class="underpoint under3">
<a href="#"><img src="/images/file_document_paper_green_g38856.png" /></a>
<a href="#"><img src="/images/file_document_paper_green_g11853.png" /></a>
<a href="#"><img src="/images/file_document_paper_green_g9959.png" /></a>
<a href="#"><img src="/images/file_document_paper_green_g21731.png" /></a>
</div>
</div>
<div class="point2">
<div class="underpoint under1">
<a href="#"><img src="/images/file_document_paper_red_g14302.png" /></a>
</div>
</div>
<div class="point3">
<div class="underpoint under2">
<a href="#"><img src="/images/file_document_paper_orange_g21455.png" /></a>
<a href="#"><img src="/images/file_document_paper_orange_g18390.png" style="margin-left:15px;" /></a>
</div>
</div>
</div>
<script>
// Креативное меню by k84pro & Apocalypse
$('.k84proapomenu2 .point2').hover(function() {
$('.k84proapomenu2 .point3').css('margin-top', '-74px');
}, function() {
$('.k84proapomenu2 .point3').css('margin-top', '-72px');
});
// apo-ucoz.com (c) 2013
</script>
2. В самый низ своего CSS:
Код
.k84proapomenu2 {
3. Заливаем все картинки из архива в папку images
Обратите внимание, что в комплекте с горизонтальным меню для uCoz его разработчики добавили и PSD исходник!
