header

Как украсить сайт на новый год

Всем добрый день.

Хочу поздравить всех посетителей моего блога с Наступающим Новым Годом! Пожелать здоровья, отличного настроения и успехов в Новом году.

Как украсить сайт на новый год

 

А какой Новый год для вебмастеров, если ваш сайт или блог выглядит не по праздничному. Я предлагаю вам украсить свое детище. По новогоднему красиво и празднично. Хочу предложить несколько полезных советов, как украсить свой сайт. Новогодние и рождественские празднования только начинаются, и я подготовил для вас небольшую коллекцию скриптов для украшения сайтов.

 

Как украсить сайт на wordpress при помощи скриптов

 

Данные скрипты будут всегда актуальны, для всех вебмастеров, не только в новогодние праздники. Эти коды вы можете использовать и для украшения блога на День Победы, на Восьмое Марта и другие праздники. Я уже писал как можно придать праздничный вид своему блогу к Новому Году, можно почитать по ссылке. Но там я вам предлагал украсить сайт при помощи плагинов. Ну а так как плагины замедляют загрузку сайта, я стараюсь устанавливать их как можно меньше. То я и решил поделиться с вами кодами, при помощи которых вы также украсите сайты. И я считаю, что выглядеть они будут не хуже, возможно и лучше. Я уже больше половины функций на своем блоге реализовал при помощи скриптов и кодов.

Читайте также  Как принимать платежи на своем блоге

 

Чем можно украсить сайт

 

Новогодняя елочка для сайта

 

как украсить сайт

 

<div align=»center»><img src=»https://sovety-vebmastera.ru/wp-content/uploads/2019/12/elka.gif» alt=»https://sovety-vebmastera.ru/wp-content/uploads/2019/12/elka.gif» width=»118″ height=»173″ /></div>

 

Этот код вставляем в сайдбар.

Веточка елки с шарами

1. в верхнем левом углу

 

<div style=»position:absolute;top:0;left::0;»><img alt=»» src=»//sovety-vebmastera.ru/wp-content/uploads/2019/12/vetka_s_igrushkami.png» width=»200″></div>

2. в правом углу

 

<div style=»position:absolute;top:0;right:0;»><img alt=»» src=»//sovety-vebmastera.ru/wp-content/uploads/2019/12/vetka_s_igrushkami.png» width=»200″></div>

 

Чтобы веточка отображалась в шапке сайта, код нужно вставить перед закрывающим тегом</doby>.

Если вам нужно будет сделать фиксированную картинку, тогда вместо ( absolute ) нужно вставить ( fixed ).

Вот пример:

 

<div><img src=»https://sovety-vebmastera.ru/wp-content/uploads/2019/12/vetka_s_igrushkami.png» alt=»ваш текст короткого названия картинки» title= «Как украсить сайт на новый год» style=»position: fixed; left:0; z-index:500;»/></div>

 

Также можно прочитать мою статью «Георгиевская ленточка» и взять код от туда. Только не забудьте заменить адрес картинки на свой. Если возникнут вопросы по коду, или нужен будет код гирлянд, пишите в комментариях. Я вам обязательно помогу. Один вам полезный совет: не устанавливайте много картинок на сайт. Все нужно делать в меру. Всего хорошего и отлично отпраздновать Новый год и Рождество.

Всем пока, пока.

Рейтинг
( 3 оценки, среднее 5 из 5 )
Вам понравилась статья? Буду очень благодарен Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:
Добавить комментарий