Забыли пароль?

STICKY FOOTER - СКОЛЬЗЯЩЕЕ ФУТЕР МЕНЮ

У нас вы можете скачать бесплатно STICKY FOOTER - СКОЛЬЗЯЩЕЕ ФУТЕР МЕНЮ.

Не пропустите комментарии к STICKY FOOTER - СКОЛЬЗЯЩЕЕ ФУТЕР МЕНЮ.
STICKY FOOTER - СКОЛЬЗЯЩЕЕ ФУТЕР МЕНЮ


Уважаемые читатели и просто гости блога, хочу поделиться с вами красивым и функциональным меню. Применений найти ему можно массу, начиная от логин-меню и заканчивая выводом блоков с новостями.

Как обычно, смотрим ДЕМО и поехали!

Футер меня представлен в двух вариациях: фиксированной длинны и во всю ширину. Построен футер на CSS + JS. javascript используется для усовершенствования футера, как при наведении мыши на элементы или при клике. Это означает, что если в браузере отключен javascript, он будет прекрасно работать во всех браузерах, но без эффектов. Так же присутствуют некоторые CSS3 функции, такие как закругленные углы и тени текста, так, что если пользователь зайдет с какого нибудь Internet Explorer (версий 6, 7 и 8), функциональность футера не будет нарушена.

1. Скачать один из двух типов футера (фиксированный или во всю ширину) по ссылке в конце темы.
2. Залить файлы на сервер в папку шаблона согласно их иерархии, в случае замены (ну вряд ли конечно) сделать бекап файлов.
3. Открыть main.tpl и в head вставить:

<script type="text/javascript" src="{THEME}/js/hoverintent.js"></script>
<script type="text/javascript" src="{THEME}/js/footer.js"></script>

<script type="text/javascript">
$(document).ready(function($){
	$('#footer').stickyFooter({
		speed : 'fast',
		effect : 'hover_fade',
		showhidefooter : 'show',
		hide_speed : 1000,
		hide_delay : 2000
	});
});
</script>


Опции опишу ниже.

4. В том же файле в низ вставляем
{ include file="stickyfooter.tpl"}

5. Открываем stickyfooter.tpl и настраиваем под себя
6. Готово.

speed : ставим насколько быстро "drop ups" показывается. Варианты: slow, normal, fast или значение в миллисекундах, пример: speed : 500
effect : Эффект показа "drop ups": 'hover_fade', 'hover_slide', 'hover_toggle', 'click_fade', 'click_slide' или 'click_toggle'
showhidefooter : Футер может быть скрыт или открыт, когда страница загрузилась, 'show' его покажет, ну и соответственно 'hide' скроет. hide с параметрами:
hide_speed : время (в миллисекундах) за которое футер "скрывается"
hide_delay : время (в миллисекундах) через которое футер "скрывается"

Скачать Sticky Footer с фиксированной длинной:

StickyFooter.fixed.rar [38,61 Kb] (cкачиваний: 88)

Скачать Sticky Footer на всю ширину сайта:

StickyFooter.full.rar [39,63 Kb] (cкачиваний: 95)
Комментарии (0) Просмотры: 2308

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Реклама
Скачать DLE
Скачать Dle 10.0 Nulled
Вышла в свет новая версия Dle 10.0. В новой версии Dle 10.0 представлено много новых изменений.
На нашем сайте Вы сможете скачать Dle 10.0 Nulled
Кто онлайн
Сейчас на сайте: 1
Гостей: 1

Пользователи: 

- отсутствуют

Роботы: 

- отсутствуют

 Последние посетители: 

ТОП Новостей