• Страница 1 из 1
  • 1
Новогоднее украшение в фоотер сайта
Lexarus
Offline
Дата: Вторник, 20.12.2016, 18:40 | Сообщение # 1
Постов: «3513»
Лучший админ


Предлагаю вам украсить новогодней декорацией, нижнюю часть вашего сайта, которая приклеивается и следует за скролом. Это новая декорация, на которой отображается небольшой сугроб по-среди экрана, слева установлена ёлочка, а справа вы увидите новогодние "подарочки" коробочки. А так же хочу заметить, что тут будет абсолютно не важно какой размер экрана использует девайс, будь это планшет или смарфон - проблем с отображением не будет.
Данная задумка легка в установке, вам всего лишь нужно прописать указанный "html code", в конце кода нижней части вашего сайта.

Код
<div style="position:fixed;z-index:9999;bottom:-60px;left:0;width:100%;height:104px;background:url(/snow/xmas_footer.png) repeat-x bottom left;"></div>
<img style="position:fixed;z-index:9999;bottom:20px;left:40px" src="/snow/xmas_bottom_left.png" width="97" height="100">
<div style="position:fixed;right:0px;bottom:-10px;z-index:1000">
  <img src="/snow/xmas_bottom_right.png" width="160" height="80" border="0">
</div>


2. После установки кода, вам необходимо загрузить изображения на ваш сайт. Переходим в "Файловый менеджер" и создаём папку с именем snow, и заливаем туда только изображения.

На этом установка закончена, заходим на сайт и любуемся.

Чтобы часть вашего FOOTER`а не закрывало снегом (изображением), пропиши перед этим кодом, вот эту строку:
Код: выделить всё
Код
<style type="text/css">body{padding-bottom:60px}</style>
Прикрепления: 2486962.png (109.1 Kb) · xmas_footer.zip (143.6 Kb)
  • Страница 1 из 1
  • 1
Поиск: