Блог Андрея Юрченко

Авторский блог с полезными статьями по темам: создание сайта, заработок на сайте, заработок в интернете, работа на дому, работа в интернете, инфобизнес

Дед Мороз на блоге

Привет, друзья! Вот и заканчивается очередной год и уже на днях начнутся новогодние праздники. В этой статье хочу поздравить своих читателей с наступающим Новым годом и показать как можно украсить свой блог. Недавно на моих страничках появились падающие снежинки и вы тоже можете устроить такой снегопад у себя на сайте, а как это сделать можете почитать в этой статье. В данной статье я покажу вам как можно установить дополнительную новогоднюю картинку, к примеру Деда Мороза или символ наступающего года-обезьянку, на странички своего сайта.

как украсить блог, как украсить блог к новому году, новый год 2016 блоги

Для начала нам нужно выбрать картинку самого Деда Мороза (или любую другую). Как видите на моей страничке, картинку вы можете поставить в любое место слева или справа, а может вы захотите установить картинку внизу страницы.

Сделаем мы это при помощи простого кода, который нужно прописать в коде шапки своего сайта перед закрывающимся тегом </head>. Можете установить код на любой сайт. Если у вас блог на WordPress, то вам нужно в редакторе своего сайта открыть файл header.php и в нем прописать наш код.

Выберите подходящую для себя картинку по приведенному ниже изображению и скопируйте соответствующий код, а далее откройте любой текстовый редактор и вставьте в него скопированный код (для чего это я объясню ниже). Да, и не забудьте сохранить изменения.

как украсить блог, как украсить блог к новому году, новый год 2016 блоги

Коды:

1. Дед Мороз слева

<div style=» position: fixed; top: 7%; left: 0; z-index: 9999;»>

<img style=«height: 150px;» src=»http://putwebmastera.ru/file/dm/ded_left.png» title=»С Новым годом»>

</div>

2. Дед Мороз справа

<div style=»position: fixed; top: 7%; right: 0; z-index: 9999;»>

<img style=»height: 150px;» src=»http://putwebmastera.ru/file/dm/ded_right.png» title=»С Новым годом»>

</div>

3. Обезьянка слева

<div style=»position: fixed; top: 7%; left: 0; z-index: 9999;»>

<img style=»height: 150px;» src=»http://putwebmastera.ru/file/dm/monkey_left.png» title=»С Новым годом»>

</div>

4. Обезьянка справа

<div style=»position: fixed; top: 7%; right: 0; z-index: 9999;»>

<img style=»height: 150px;» src=»http://putwebmastera.ru/file/dm/monkey_right.png» title=»С Новым годом»>

</div>

5. Дед мороз внизу

<div style=»position: fixed; bottom: 0; left: 50%; z-index: 9999;»>

<img style=»height: 150px;» src=»http://putwebmastera.ru/file/dm/ded_bot.png» title=»С Новым годом»>

</div>

Внимание! При копировании кода с моей страницы у вас появится дополнительная строчка после основного кода: Read more: http://putwebmastera.ru/…-это определенная защита от копирования контента. Вам нужно оставить только сам код, как размещен выше и уже его вставить на свой сайт.

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

В первой строчке кода команда:

top: 7%; -означает расположение изображения от верха страницы в % от полной высоты окна-можно указать свое значение, к примеру 10% или любое другое;

left: 0; или right: 0;расположение слева или справа;

Во второй строчке кода:

height: 150px;размер изображения по высоте в пикселях. Вместо цифры 150 можете указать любое значение так, чтобы картинка хорошо смотрелась на странице;

src=»http://putwebmastera.ru/file/dm/ded_left.png»это ссылка на изображение. Можете оставить как есть или указать полный путь к своему изображению (вставьте ссылку между кавычками-выделено).

Если вы разбираетесь в коде, то можете изменить его под свои нужды. А если вы новичок, то можете выбрать любой из приведенных кодов и картинка с Дедом Морозом или обезъянкой как на изображении выше появится на вашем сайте.

На этом все. Теперь вы можете воспользоваться данной новогодней фишкой и реализовать ее на своем сайте. Но не забывайте, что можно изменить картинку и устанавливать ее к любому другому празднику или событию. Если возникнут вопросы или что-то не получится-пишите в комментариях и я Вам обязательно отвечу или помогу. Еще раз, с наступающим Новым Годом, здоровья и благополучия!

падающие снежинки, падающие снежинки на сайт, снежинки на сайт

С уважением, Андрей Юрченко

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

Подпишись на RSS-рассылку и получай новые статьи на почту!

Введите свой e-mail:

МАГИЧЕСКИЙ ШАБЛОН ПОДПИСНОЙ СТРАНИЦЫ В ПОДАРОК, ЗАБИРАЙТЕ

Оставить комментарий:

Комментарии: 2

Оставить комментарий
  1. sikis izle:

    Bonjour, el blog tonelada est très réussi! Je te dis bravo! C’est du Beau boulot! :)

    1. Андрей:

      Спасибо! Merci bien!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Комментарии Вконтакте:

Content Tab Three

Блог Андрея Юрченко © 2016

ВВЕРХ