Новогодняя солянка (Гирлянда, веточка и снег) для сайта

Разместил: Apocalypse
25 июля 2016

Скачать Данная подборка из трёх элементов - гирлянды, ёлочной веточки и снега, создаёт неповторимую новогоднюю атмосферу Для начала посмотрите ДЕМО Установка: 1#: В самый низ вашего CSS вставьте:

#garland {
position: absolute;
top: 0;
left: 0;
background-image: url('/img/christmas.png');
height: 36px;
width: 100%;
overflow: hidden;
z- index: 99
}

#nums_1 {
padding: 100px
}

.garland_1 {
background-position: 0 0
}

.garland_2 {
background-position: 0 -36px
}

.garland_3 {
background-position: 0 -72px
}

.garland_4 {
background-position: 0 -108px
}

#garland {

position: absolute;

top: 0;

left: 0;

background-image: url('/img/christmas.png');

height: 36px;

width: 100%;

overflow: hidden;

z- index: 99

}

#nums_1 {

padding: 100px

}

.garland_1 {

background-position: 0 0

}

.garland_2 {

background-position: 0 -36px

}

.garland_3 {

background-position: 0 -72px

}

.garland_4 {

background-position: 0 -108px

}

2#: Следующий код вставьте на нужных страницах между body и /body:

<div id="garland" class="garland_4">
<div id="nums_1">1</div>
</div>
<nolayer>
<div style="position:absolute; top:0; left:0;">
</div></nolayer>
<img border="0" src="/img/elka.png" align="left" />
<nolayer>

</nolayer>

<script src='/js/snoww.js'></script>
<script>function garland() {
nums = document.getElementById('nums_1').innerHTML
if (nums == 1) {
document.getElementById('garland').className = 'garland_1';
document.getElementById('nums_1').innerHTML = '2'
}
if (nums == 2) {
document.getElementById('garland').className = 'garland_2';
document.getElementById('nums_1').innerHTML = '3'
}
if (nums == 3) {
document.getElementById('garland').className = 'garland_3';
document.getElementById('nums_1').innerHTML = '4'
}
if (nums == 4) {
document.getElementById('garland').className = 'garland_4';
document.getElementById('nums_1').innerHTML = '1'
}
};

setInterval(function() {
garland();
}, 600);
</script>

</div>

</div></nolayer>

</nolayer>

nums = document.getElementById('nums_1').innerHTML

if (nums == 1) {

document.getElementById('garland').className = 'garland_1';

document.getElementById('nums_1').innerHTML = '2'

}

if (nums == 2) {

document.getElementById('garland').className = 'garland_2';

document.getElementById('nums_1').innerHTML = '3'

}

if (nums == 3) {

document.getElementById('garland').className = 'garland_3';

document.getElementById('nums_1').innerHTML = '4'

}

if (nums == 4) {

document.getElementById('garland').className = 'garland_4';

document.getElementById('nums_1').innerHTML = '1'

}

};

setInterval(function() {

garland();

}, 600);

</script>

Осталось лишь залить JS файл из прикреплённого архива в папку js и две картинки в папку img

Автор публикации

не в сети 1 месяц

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1096Регистрация: 27-08-2018

Метки: Garland Javascript New Year Snow Гирлянда Ёлка Новогодняя Новый год Снег

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

8 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

Участник

T-34

4 лет назад

Поставил себе только гирлянду Спасибо!
А как сделать, что б можно было включать и выключать её с запоминанием на куки?)

Ответить

Автор

Apocalypse

4 лет назад

Ответить на T-34

Как хочешь выключать? По клику по какому-то элементу? По-умолчанию гирлянда должна быть включена или выключена?

Последний раз редактировалось 4 лет назад Apocalypse ем

Ответить

Участник

T-34

4 лет назад

Ответить на Apocalypse

Выключать-включать по клику по элементу, выкл- один элемент с титлом "выключить", вкл- другой с титлом "включить" (стандартно, занимают одно место). По умолчанию выключено, но ближе к новому году- по умолчанию включено( можно с инструкцией, что нужно изменить в скрипте, что б я смог сам изменять умолчание?)

Ответить

Автор

Apocalypse

4 лет назад

Ответить на T-34

<a href="javascript:showlights();" title="Включение и выключение снега"><img src="//imapo.ru/img/snowman.png"></a>


<script>
$(function() {
  if(localStorage.getItem('snow')) {
    $('#garland').show();
  }
})


function showlights() {
  if(localStorage.getItem('snow')) {
    localStorage.removeItem('snow');
    $('#garland').hide();
  } else {
    $('#garland').show();
    localStorage.setItem('snow', 1);
  }
}
</script>

$(function() {

if(localStorage.getItem('snow')) {

$('#garland').show();

}

})

function showlights() {

if(localStorage.getItem('snow')) {

localStorage.removeItem('snow');

$('#garland').hide();

} else {

$('#garland').show();

localStorage.setItem('snow', 1);

}

</script>

ДЕМО: https://codepen.io/Imapo/pen/yLaevLp

Кликай по снеговику

Последний раз редактировалось 4 лет назад Apocalypse ем

Ответить

Участник

T-34

4 лет назад

Ответить на Apocalypse

А как сделать что б по умолчанию выключено?

Ответить

Автор

Apocalypse

4 лет назад

Ответить на T-34

Там в CSS для #garland добавь свойство display: none

Ответить

Участник

T-34

4 лет назад

Ответить на Apocalypse

Всё так просто! А я в скрипте мудрил - show на hide менял)
Спасибо!

Ответить

Автор

Apocalypse

4 лет назад

Ответить на T-34

Да. Я всегда стараюсь делать минимально просто и не мудрить лишнего. Пожалуйста 🙂

Ответить

stalker1313

Привет. Может кто-нибудь знает почему не получается зайти на сайт playstation через vpn и как это исправить? Без vpn захожу на сайт, но не могу зарегать акк.
Ошибка:
Страница недоступна
Сайт playstation.com не отправил данных.
ERR_EMPTY_RESPONSE

2025-01-08 18:00:15

Al-Sher

@stalker1313, Привет. Возможно впн блочит их сайт. Попробовал со своим личным впном - сайт открывается

2025-01-08 19:56:24

stalker1313

@Al-Sher, бесплатный, хороший vpn посоветуете?

2025-01-08 22:01:35

stalker1313

Можно как-то сохранить все статьи с сайта wp в отдельные вордовские документы?

2025-01-09 19:50:03

Al-Sher

@stalker1313, Увы, я уже давно пользуюсь только личным впн на своей впске)

2025-01-10 20:41:42

Всевидящее око

Новый комментарий от пользователя EugeneRig: «Сервис рассылок по любым каналам:

В нашем арсенале имеются базы:
- Москва и Санкт-Петербург
- Любые регионы РФ
- Компании всех сфер бизнеса
- Любые страны мира
- Сформируем базу по Вашим параметрам

Стоимость рассылки 1 000 000 сообщений на e-mail адреса составит всего 3 900 рублей.

А также рассылки по WhatsApp, Телеграм, ВКонтакте.

Обращайтесь по любым вопросам: 7(9 25) 3 45= 20= 0 3 (WhatsApp)» в материале contacts

2025-01-12 01:12:23

Всевидящее око

Новый комментарий от пользователя Charlesdeach: «Hello,

Are you ready to step into the future of web development? Neuron Expert, an advanced AI platform, is looking for skilled webmasters to collaborate on creating and managing AI-powered virtual companies. These innovative businesses leverage sophisticated AI technology to revolutionize online operations, and we need your expertise to make it happen!

Why Join Neuron Expert?

Innovative Projects:
Work on AI-driven companies that redefine the way businesses operate online.

Flexible Opportunities:
Choose your schedule and projects.

Competitive Earnings:
Get paid for your expertise while contributing to groundbreaking initiatives.

Expand Your Skills:
Gain experience in integrating AI with web development.

What We Need:
• Proficiency in web development and website management.
• Experience with various CMS platforms, plugins, themes, and customizations.
• Passion for innovation and AI-driven solutions.

Ready to Join?

Take the next step and become a part of the Neuron Expert community. Together, we’ll shape the future of virtual companies!

Click here (https://neuron.expert/network/#webmasters) to join or learn more!

Best regards,
The Neuron Expert Team» в материале contacts

2025-01-15 14:57:36

Всевидящее око

Новый комментарий от пользователя VincentPraky: «Здравствуйте!

К Вам есть предложение - предоставить Вам базу потенциальных клиентов и выполнить отправку сообщений в WhatsApp, с Вашим предложением.

Сообщения будут приходить тем людям, которые являются Вашими наиболее целевыми клиентами.

А также есть возможность выполнять рассылки на адреса электронной почты.

Напишите мне пожалуйста в WhatsApp: 7(92 5) 34 5=20- 03

Заранее благодарен, Вячеслав.» в материале contacts

2025-01-15 18:19:50

Всевидящее око

Новый комментарий от пользователя DavidFoemn: «Здравствуйте!

Хочу предложить спарить базу потенциальных заказчиков для Вашего бизнеса в формате excel.

База парится из интернета, может быть отфильтрована по отраслям и региону.

В данной базе будут содержаться:
- Емейл адреса
- Телефонные номера, в том числе мобильные
- Название фирм
- Адрес сайтов и т.п.

База предназначается для работы для Ваших менеджеров по продажам - для отправки коммерческих предложений т.п.

Также возможно произвести рассылку по по данной базе.

Обращайтесь: 7 (9 25) 4 7 3 ==00-- 9 6 (WhatsApp)

С уважением, Дмитрий.» в материале contacts

2025-01-16 15:40:27

Всевидящее око

Новый комментарий от пользователя MichaelLam: «Здравствуйте!

Есть заинтересованные клиенты - могу поставлять для Вас контакты по цене 500-1600 рублей за каждый лид.

Если не против - давайте перейдем в WhatsApp или позвоните мне пожалуйста: 7 (9 2 9) 5 0 4 == 73 0 4

Обговорим подробности.

А также есть возможность запуска рассылок по Email, WhatsApp, telegram и VK.

С уважением, Егор.» в материале contacts

2025-01-18 02:27:01

......

Для публикации сообщений в чате необходимо авторизоваться

Новогодняя солянка (Гирлянда, веточка и снег) для сайта

Автор публикации

Apocalypse

Вам может также понравиться...

Посетители сайта

Панель управления

Январь 2025
Пн	Вт	Ср	Чт	Пт	Сб	Вс
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Новогодняя солянка (Гирлянда, веточка и снег) для сайта

Автор публикации

Apocalypse

Вам может также понравиться...

Мигающие рамки на Javascript by Bizon

Кнопка Вверх в виде ракеты на jQuery

Система частиц на HTML5 Canvas

Посетители сайта

Панель управления