Компьютерный форум NoWa.cc Надежный китайский посредник Taobao.com
Правила Форума
редакция от 22.06.2020
Портал .::2BakSa.WS::. Трекер BRODIM.COM
Вернуться   Компьютерный форум NoWa.cc > В помощь вебмастеру > Вeб Дизайн > CSS



Уважаемые пользователи сайта 2baksa.NET , у нас новый адрес сайта >> 2baksa.WS !



Уважаемые пользователи nowa.cc и 2baksa.ws. У нас сложилось тяжелое финансовое положение. Мы работаем для вас вот уже более 15 лет и сейчас вынуждены просить о помощи. Окажите посильную поддержку проектам. Мы очень надеемся на вас. Реквизиты для переводов ниже.
Webmoney Webmoney Z826074280762 Webmoney WMR146037758184 Webmoney WMP: 209123518174 Webmoney WME804621616710
PayPal PayPal_Email E-mail для связи по вопросу помощи
Кошелек для вашей помощи Yandex 410013204813773
Yandex Спасибо за поддержку!
Ответ
 
Опции темы Поиск в этой теме Language
Старый 25.10.2007, 20:35   #1
Неактивный пользователь
 
Аватар для mikkey
 
Регистрация: 27.07.2007
Сообщений: 15
Репутация: 48
По умолчанию CSS Dock Menu



Если ты большой фанат Маков, тебе точно понравится это [Для просмотра ссылок требуется регистрация. Зарегистрироваться...]. Оно использует библиотеку [Для просмотра ссылок требуется регистрация. Зарегистрироваться...] и компонент Fisheye от [Для просмотра ссылок требуется регистрация. Зарегистрироваться...], ну и некоторые из моих иконок. Меню можно сделать как либо снизу страницы, либо сверху, так и там и там сразу.
Ниже я расскажу как сделать такое меню на своей странице.

--- [Для просмотра ссылок требуется регистрация. Зарегистрироваться...] ---

1. Скачать исходные файлы.
Скачать [Для просмотра ссылок требуется регистрация. Зарегистрироваться...].

2. Вставить код

В HTML в теге <head> вставить следующий код:

Код:
<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]–>

Первая часть - это Javascript, вторая - CSS стили, и последнее - это PNG хак для нормального отображения в IE 6.

3. Настройка

Не забудьте вставить следующий код куда-нибудь в теге <body>:

Код:
<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. Добавление и удаление иконок

Чтобы добавить иконку в верхнее меню (заметьте: тег "span" после тега "img"):

Код:
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>

Чтобы добавить иконку в нижнее меню (заметьте: тег "span" после тега "img"):

Код:
<a class="dock-item2" href="#"><span>Home</span><img src="images/home.png" alt="home" /></a>

Совместимость с браузерами

Протестировано в IE 6, IE 7, Opera 9, Firefox 2, и Safari 2 (хотя есть несколько незначительных отличий в Safari).

Сайт автора: [Для просмотра ссылок требуется регистрация. Зарегистрироваться...]
Перевод: [Для просмотра ссылок требуется регистрация. Зарегистрироваться...]
mikkey вне форума
 
Ответить с цитированием Вверх
Эти 2 пользователя(ей) сказали cпасибо за это полезное сообщение:
Здесь может быть Ваша реклама


Реклама: кладочные смеси для облицовочного кирпичабинокуляры доктор ким ценакрафтовое пиво москвадоставка крафтового пива москваБра Lightstar Scarabeo 755614


Старый 16.12.2007, 11:52   #2
ovisopa
Неактивный пользователь
 
Регистрация: 05.12.2007
Сообщений: 1
Репутация: 0
По умолчанию Ответ: CSS Dock Menu

WOW .. this is so very nice .

1** for sharing guys
ovisopa вне форума
 
Ответить с цитированием Вверх
Старый 02.01.2008, 00:51   #3
fircxo
Неактивный пользователь
 
Регистрация: 13.11.2007
Сообщений: 3
Репутация: 0
По умолчанию Ответ: CSS Dock Menu

такое на ajax -е тоже ест
fircxo вне форума
 
Ответить с цитированием Вверх
Старый 04.01.2008, 12:37   #4
lazareva
Неактивный пользователь
 
Пол:Женский
Регистрация: 24.09.2006
Сообщений: 3
Репутация: 0
По умолчанию Ответ: CSS Dock Menu

Прикольно!
lazareva вне форума
 
Ответить с цитированием Вверх
Старый 18.02.2008, 15:02   #5
sergey10
Неактивный пользователь
 
Регистрация: 18.02.2008
Сообщений: 7
Репутация: 0
По умолчанию Ответ: CSS Dock Menu

Что-то я так и не смог понять - на что это будет походить? Что такое Мак?
sergey10 вне форума
 
Ответить с цитированием Вверх
Старый 22.02.2008, 10:57   #6
Leila80
Неактивный пользователь
 
Регистрация: 20.02.2008
Сообщений: 4
Репутация: 0
По умолчанию Ответ: CSS Dock Menu

Очень прикольное меню.
Спасибо.
Leila80 вне форума
 
Ответить с цитированием Вверх
Ответ
 Уважаемые пользователи портала 2BakSa.WS и форума NoWa.cc !

  Рады Вам сообщить, что у нас открылся Torrent трекер >> BRODIM.COM

  Приглашаем вас принять участие в обмене полезной информацией,

  и ждем от вас поддержки в создании новых раздач.

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Иконки для Dock-ов Liandri Иконки и Курсоры/Icons & Cursors 19 19.12.2012 08:25
Rocket Dock sever Украшательства для программ/Soft Skining 13 17.06.2012 12:08
Object Dock Plus Baby© Stardock и все о нём 76 15.04.2012 21:25
dock в леопарде.. deny_petr Mac Os X 5 01.04.2010 01:56
Circle Dock Portable Melori Portable Софт 0 15.11.2008 21:29

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 17:19. Часовой пояс GMT +3.


Copyright ©2004 - 2020 2BakSa.WS

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc. Перевод: zCarot
Время генерации страницы 0.17286 секунды с 11 запросами