Вместо содержимого панели, которое есть в демонстрации урока, я решил оставить пустое место и даже в коде указал Вам, где должно находиться Ваше содержимое. Думаю, вставить туда что-то свое не составит для Вас большого труда. Ниже я привожу код всей 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> следующий код: