dle.in.ua » Хаки » Хак. Carousel menu.

Хак. Carousel menu.

Автор: GauraStyle от 27-05-2008, 13:00
Хак. Carousel menu.
Хак. Carousel menu.

Меню в виде карусельки:
Установка:
В 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>

В 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:absolut e;top:100px;left:50%;}
#carousel a{position:absolute;}

И в каталог ваш шаблон/css/ закинуть:
Скачать: css.rar [35.13 Kb] (cкачиваний: 232)
laughing
  • Группа: User
  • Icq: 288569677
  • Комментариев: 703
  • Публикаций: 245
  • Пример можно посмотреть туть. _http://myua.eu/
    bully

    --------------------
    • GauraStyle
    • Регистрация: 21.01.2008
    • Репутация: (0|0|0)
    • 27 мая 2008 13:01
    • 1
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 76
  • Публикаций: 3
  • Пробовал ставить - не получилось :/
    • BoskE
    • Регистрация: 9.03.2008
    • Репутация: (0|0|0)
    • 27 мая 2008 23:48
    • 2
    ^
  • Группа: User
  • Icq: 378421437
  • Комментариев: 63
  • Публикаций: 0
  • обсените как оно работает, как перевод осуществляетса????

    интересует можно ли вручную зделать тока меню, или єто гугл переводит и все подрят

    --------------------
    • Bartz2
    • Регистрация: 29.02.2008
    • Репутация: (0|0|0)
    • 28 мая 2008 05:31
    • 3
    ^
  • Группа: User
  • Icq: 208799127
  • Комментариев: 40
  • Публикаций: 0
  • на выше указанном сайте перевод выполнило только 1 раз на французкий а потом не захотело на другие переводить и ИМХО много места занимает, такую хрень лучше замутить в виде маленьких иконочек гдето под верхом сайта

    --------------------
    • Whisper
    • Регистрация: 17.05.2008
    • Репутация: (0|0|0)
    • 28 мая 2008 21:50
    • 4
    ^
  • Группа: User
  • Icq: 378421437
  • Комментариев: 63
  • Публикаций: 0
  • Whisper, перевод делает скрипт через гугл?

    --------------------
    • Bartz2
    • Регистрация: 29.02.2008
    • Репутация: (0|0|0)
    • 30 мая 2008 13:38
    • 5
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • как сделать чтобы перевод был от гугли?
    • Saxap
    • Регистрация: --
    • Репутация: (||)
    • 16 июня 2008 15:45
    • 6
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • translate.google.com.ua
    • Goodcat
    • Регистрация: --
    • Репутация: (||)
    • 16 июня 2008 16:40
    • 7
    ^
  • Группа: Гости
  • Icq: --
  • Комментариев: 0
  • Публикаций: 0
  • что тебе не понятно?
    Вот у тебя есть код!
    <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>


    Вот в сюда "ссылка тут#" вставляешь _http://66.102.9.104/translate_c?hl=ru&sl=ru&tl=de&u=http://exc.com.ua/ ты эту ссылку увидешь только после того, как при переводе сайта гуглом клацнеш в правом углу "закрыть фрейм" Вот после этого твой код должен выглядеть как
    <a href="http://66.102.9.104/translate_c?hl=ru&sl=ru&tl=de&u=http://exc.com.u
    a/"><img src="/templates/Simple/images/it.ico" border="0"/></a>
    • Goodcat
    • Регистрация: --
    • Репутация: (||)
    • 16 июня 2008 18:20
    • 8
    ^
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.