Сегодня представляем
Хак Sticky Footer - Скользящее футер меню в двух вариациях, красивое решение имеет: фиксированную длину и во всю ширину. Реализация выполнена на CSS + JS. При этом, если у браузера пользователя отключено использование jаvascriptt, он будет прекрасно работать во всех браузерах, но без эффектов. Например, закругленные углы и тени текста, не будут виды так, что если это Internet Explorer (версий 6, 7 и 8), функциональность футера не будет нарушена. Интересный наворот для
DLE хак Sticky Footer (скользящее меню футер) с фиксированной длинной и во всю ширину нужно, чтобы выводить дополнительное меню в футере вашего портала.
Построен футер на CSS + JS. jаvascript применяется для усовершенствования футера, как при наведении мыши на элементы или при клике. Это означает, что если в браузере отключен jаvascript, он будет прекрасно работать во всех браузерах, но без эффектов.
1. Скачать один из двух типов футера (фиксированный или во всю ширину) по ссылке в конце темы.
2. Залить файлы на сервер в папку шаблона согласно их иерархии, в случае замены (ну вряд ли конечно) сделать бекап файлов.
3. Открыть main.tpl и в head вставить:
<link href="/templates/Default/css/footer.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/templates/Default/js/hoverintent.js"></script>
<script type="text/javascript" src="/templates/Default/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. В том же файле в низ вставляем
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 : время (в миллисекундах) через которое футер "скрывается"
Наворот для
DataLife Engine хак Sticky Footer (скользящее меню футер) с фиксированной длинной и во всю ширину нужно, чтобы выводить доп. меню в футере сайта.
Автор: Dmitry Dark5ider
Источник: dark5ider ru
Закачать
DLE хак Sticky Footer с фиксированной длинной и на всю ширину сайта:
StickyFooter.rar [131,19 Kb] (cкачиваний: 137)
