ARPLANNET
Писатель
- Регистрация
- 26 Ноя 2007
- Сообщения
- 9
- Реакции
- 3
- Автор темы
- #1
Меню в виде карусельки. Очень красиво!
В main.tpl после
Добавить:
В main.tpl ставим в том месте где будет меню:
Далее в engine.css типа такого:
И в каталог ТЕМА/css закинуть: Для просмотра ссылки Войдиили Зарегистрируйся
Пример для движка DLE. Легко сделать под свой.
Пример работы: Для просмотра ссылки Войдиили Зарегистрируйся
В main.tpl после
PHP:
<head>Добавить:
PHP:
<script type="text/javascript" src="/templates/Simple/css/jquery.js"></script>
<script type="text/javascript" src="/templates/Simple/css/interface.js"></script>В main.tpl ставим в том месте где будет меню:
PHP:
<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 типа такого:
PHP:
#carousel{width:400px;height:90px;position:absolute;top:100px;left:50%;}
#carousel a{position:absolute;}И в каталог ТЕМА/css закинуть: Для просмотра ссылки Войди
Пример для движка DLE. Легко сделать под свой.
Пример работы: Для просмотра ссылки Войди
![:-]](/styles/default/nulled/smilies/1.gif "Ухмылка :-]")
