Приветствуем тебя на нашем сайте уважаемый посетитель.
С каждым днем мы все ближе и ближе приближаемся к такому замечательному празднику как новый год и рождество, и владельцы своих сайтов задаются мыслю как же украсить свой сайт к этому чудесному празднику.
Сегодня мы хотим Вам предоставить отличную возможность украсить свой сайт новогодним паралаксом, с красивым живым фоном и новогодней мелодией, пример вы можете посмотреть ниже.
Данный новогодний эффект может быть применен в любом месте вашего сайта, к примеру как новогодний фон или же новогодняя шапка на сайт, общим тут уже зависит от вашей фантазии и дизайна вашего сайта.
Делать данный замечательный новогодний эффект мы будем при помощи простых стилей и JS кода. Все просто но очень стильно и привлекательно, ваши посетители обязательно оценят и останутся довольными.
Посмотреть живой пример вы можете у нас на сайте:
Так же вы можете скачать готовые исходники ниже.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<nav>
<div id="merrywrap" class="merrywrap">
<div class="giftbox"></div></div>
</nav>
<section>
<h1>C Новым годом уважаемый посетитель!</h1>
<div id="container" class="container">
<ul id="scene" class="scene">
<li class="layer" id="im"data-depth="1.00"><img src="img/layer.png"></li>
<li class="layer" id="im1" data-depth="1.00"><img src="img/layer.png"></li>
<li class="layer" id="im2" data-depth="1.00"><img src="img/layer.png"></li>
<li class="layer" id="im3" data-depth="1.00"><img src="img/layer.png"></li>
<li class="layer" id="im4" data-depth="1.00"><img src="img/layer.png"></li>
<li class="layer" id="im5" data-depth="1.00"><img src="img/layer.png"></li>
<li class="layer" id="im6" data-depth="1.00"><img src="img/layer.png"></li>
</ul>
</div>
</section>
|
Общим пользуйтесь, удачи вам!
2 комментария
Подскажите, куда вставлять ваши файлы и куда прописывать код, желательно путь к файлу, если не сложно.
Ну, так вроде же в статье все описано!
Ну или же при вашем желании мы можем Вам установить на Ваш сайт, но на платной основе.