ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Новогоднее украшение на низ сайта uCoz

Новогоднее украшение на низ сайта uCoz

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



Данная задумка легка в установке, вам всего лишь нужно прописать указанный "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>


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

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

Смотрите первый комментарий, будет полезно.
18 Декабря 2016 Загрузок: 24 Просмотров: 2238 Комментариев: (17)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 17
ArtClear
ArtClear 18 Декабря 2016 19:061
+1
Чтобы часть вашего FOOTER`а не закрывало снегом (изображением), пропиши перед этим кодом, вот эту строку:
Код
<style type="text/css">body{padding-bottom:60px}</style>
Slavik
Slavik 18 Декабря 2016 19:342
0
Класс, себе поставил уже!, спасибо 09a
Kosten
Kosten 18 Декабря 2016 19:423
0
Нормальная тема под под Новый Год.
Start
Start 18 Декабря 2016 20:374
0
Исправь название... новогодный низ для сайта, так более подходит...
Kosten
Kosten 18 Декабря 2016 20:445
+1
Исправил, чтоб точнее было.
ArtClear
ArtClear 18 Декабря 2016 20:506
+1
Цитата Kosten ()
Исправил

Спасибо Kosten, а то у меня, что то провайдер балуется разрывы в инт-ете 50a
Kosten
Kosten 18 Декабря 2016 21:058
0
Да, не вопрос.)
Kolinkor
Kolinkor 18 Декабря 2016 20:537
0
Спасибо, забрал.
Tergran
Tergran 19 Декабря 2016 01:019
0
А что очень красиво смотрится, в первые вижу такой дизайн.
Сафрон
Сафрон 19 Декабря 2016 01:0510
0
Здесь бы изображение главное сменить, чтоб видно было, что вообще из себя скрипт представляет.
1 2 »
avatar