• DONATE to NULLED!
    Форуму и его команде можно помочь, мотивировать модераторов разделов.     Помогите модератору этого раздела killoff лично.

[хак] Carousel menu

Статус
В этой теме нельзя размещать новые ответы.
J

JC

Бог пикселей
Регистрация
4 Янв 2008
Сообщения
303
Реакции
411
Для просмотра ссылки Войди или Зарегистрируйся

Меню в виде карусельки:

В main.tpl после
<head>
Нажмите для раскрытия...

Вставить:
<script type="text/javascript" src="/templates/Simple/css/jquery.js"></script>
<script type="text/javascript" src="/templates/Simple/css/interface.js"></script>
Нажмите для раскрытия...
<script type="text/javascript" src="/templates/Simple/css/jquery.js"></script>
<script type="text/javascript" src="/templates/Simple/css/interface.js"></script>

В main.tpl ставим в том месте где будет меню:
<div id="carousel">
<a href="ссылка тут#"><img src="/templates/Simple/images/ua.ico" border="0"/></a>
<a href="ссылка тут#"><img src="/templates/Simple/images/ru.ico" border="0"/></a>
<a href="ссылка тут#"><img src="/templates/Simple/images/en.ico" border="0"/></a>
<a href="ссылка тут#"><img src="/templates/Simple/images/sp.ico" border="0"/></a>
<a href="ссылка тут#"><img src="/templates/Simple/images/it.ico" border="0"/></a>
<a href="ссылка тут#"><img src="/templates/Simple/images/fr.ico" border="0"/></a>

</div><script type="text/javascript">window.onload = function(){$('#carousel').Carousel({itemWidth: 50,itemHeight: 50,itemMinWidth: 50,items: 'a',reflections: .5,rotationSpeed: 2});}; </script>
Нажмите для раскрытия...

Далее в engine.css типа такого:

#carousel{width:400px;height:90px;position:absolute;top:100px;left:50%;}
#carousel a{position:absolute;}
Нажмите для раскрытия...

И в каталог ваш шаблон/css/ закинуть:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
Можно демо? слабо представляю как это всё выглядит и где такие красивые иконки флажки? ;)
 
Посмотреть в действии можно тут - Для просмотра ссылки Войди или Зарегистрируйся
Взято с Для просмотра ссылки Войди или Зарегистрируйся , понравилось в мену отражение от картинок (видел демо)
кто обладает версией Internet Explorer 6, отпишитесь как менюшка там отображается.
По статистике еще большинство его использует Для просмотра ссылки Войди или Зарегистрируйся
 
Стоит IE 6.0.2900

Отображается еще лучше чем в опере 9.21

В IE менюшка движется быстрее и не дёргается рывками, как в опере.
 
JS библиотека много весит :(. А так штука прикольная! :)
 
shoma написал(а):
JS библиотека много весит :(. А так штука прикольная! :)
Нажмите для раскрытия...

Зато, если подключил jquery к странице, то можно и другие эффекты использовать, например выдвигающиеся слайдеры и тд.
Аналогично и с mootolsом

ps: не забываем юзать compressed versions
 
эм.. как графический эффект меня порадовало... только задумку что это языковые пакеты для сайта.. помойму ненмого не в тему, да к тому же в дэмо там сайт переводится через гугл. это вообще меня убило :confused:

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
На Firefox 3.0 хорошо крутится. На IE 6 виснет.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху