Создать форум бесплатно: ixbb.ru :: Календарь на Март 2024 года: calendar2008.ru/2024/mart/

  Reply to this topicStart new topicStart Poll

MAC-меню на сайте :)

meta-trader
  Отправлено: Jun 11 2011, 10:45 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07



smile.gif Клёвое меню.

1. Качаем это: http://www.ndesign-studio.com/file/css-dock-menu.zip
2. Пишем между <head> тегами это:
CODE

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

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

<!--[if lt IE 7]>
<style type="text/css">
  .dock img { behavior: url(iepngfix.htc) }
  </style>
<![endif]–>


3. Настройка:
Добавить внутри тега <body> это:
CODE

<script type="text/javascript">
  $(document).ready(
  function()
  {
  $('#dock2').Fisheye(
  {
  maxWidth: 60,
  items: 'a',
  itemsText: 'span',
  container: '.dock-container2',
  itemWidth: 40,
  proximity: 80,
  alignment : 'left',
  valign: 'bottom',
  halign : 'center'
  }
  )
  }
  );
</script>

4. Добавить или удалить элементы меню:

Чтобы добавить пункт в верхнее меню:
CODE

<a class="dock-item" href="#"> <img src="images/home.png" alt="home" /> <span> Главная страница </span> </a>

Чтобы добавить пункт в нижнее меню:
CODE

<a class="dock-item2" href="#"> <span> Главная страница </span> <img src="images/home.png" alt="home" /> </a>



Поддержка: IE 6, IE 7, Opera 9, Firefox 2, and Safari 2 (Сафари подглюкивает).

Юзаем! part.gif


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
dudeonthehorse
Отправлено: Jun 12 2011, 11:05 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



ссылку на рабочий пример не помешало бы smile.gif
PMEmail PosterICQ
Top
meta-trader
Отправлено: Jun 12 2011, 11:34 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07



_http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
dudeonthehorse
Отправлено: Jun 13 2011, 04:25 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



неплохо, но мало где применимо.
PMEmail PosterICQ
Top
meta-trader
Отправлено: Jun 13 2011, 10:50 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07



Чо?


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top
dudeonthehorse
Отправлено: Jun 13 2011, 05:05 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



smile.gif многословно.
я не вижу ситуации где такое меню бы пригодилось. разве что новички начнут штопать подобное на своих сайтах, считаю, что это круто. хотя разобрать код будет некоторым полезно с технической точки зрения.
PMEmail PosterICQ
Top
meta-trader
Отправлено: Jun 13 2011, 11:25 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1120
Пользователь №: 1194
Регистрация:
11-October 07



_http://megalor.net/clients.html


--------------------
Нужен форум для сайта? Создать свой форум
Нравятся ролевые игры? Создать форум для ролевой игры - создай ролевую и наслаждайся игрой!
Международный сервис фришных форумов - создать форум бесплатно.
PMEmail PosterUsers WebsiteICQ
Top

Topic Options Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0204 ]   [ 10 queries used ]   [ GZIP выключен ]