Четверг, 21.11.2024, 16:22
Приветствую Вас Гость | RSS

Мой сайт

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Классная выезжающая панель на Mootools
Xom9IkДата: Четверг, 06.08.2009, 11:19 | Сообщение # 1
Геймер
Группа: Пользователи
Сообщений: 113
Награды: 0
Репутация: 1
Статус:

Вместо содержимого панели, которое есть в демонстрации урока, я решил оставить пустое место и даже в коде указал Вам, где должно находиться Ваше содержимое. Думаю, вставить туда что-то свое не составит для Вас большого труда. Ниже я привожу код всей HTML-конструкции, который вы должны использовать в качестве шаблона панели:

Code
<div id="top-panel">
     <!-- Содержимое панели  -->
     </div>
<div id="sub-panel">
     <a href="#" id="toggle">
     <span>Об авторе</span>
     </a>
     </div>

Шаг 2. Подключение библиотеки Mootools

Отлично, теперь нам нужно подключить библиотеку Mootools. Думаю, с этим Вы уже не раз встречались, однако для новичков объясняю, что нижеприведенный код нужно разместить между тегами <head> и </head>:

<link rel="stylesheet" type="text/css" media="screen, print" href="slickmap.css" />

Шаг 3. Стилизация панели

Так, теперь нам нужно стилизовать нашу панель. Для этого просто вставьте между тегами <head> и </head> следующий код:






-409123052
[video]http://cs-moskow.net.ru/01.08.200921-20-39.avi[/video]
 
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024