До нового року залишилося зовсім трохи давайте додамо невеликий новорічної родзинки на свій сайт, може бути це буде ялинка? або сніговик? або ялинкова іграшка? Спробуйте все.
Я вирішив зробити невелику подброрку графіки котороая допоможе Вам прикрасити свій сайт, і також запропонувати Вам кілька цікавих рішень. Отже давайте розберемо все по порядку.
Нижче Ви можете вибрати вподобані елементи і використовувати їх для прикраси свого сайту
Це досить поширений спосіб натягнути таку шапку на кут чого-небудь
Давайте подивимося як нам це зробити. У нас є логотип має такий html каркас
200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">
Щоб прикріпити до нього шапку зробимо наступне, додамо тег span на заслання, а самому посиланні додамо клас "logo"
200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">
і напишемо такі стилі
200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> .logo <
position: relative;
>
.logo span <
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 50px;
background: url (../ images / shapka.png # 41; no-repeat;
>
Вам залишиться лише спозиционировать шапку як потрібно. Даним способом додати шапку можна абсолютно на будь-який елемент вашого сайту не вдаючись до використання photoshop'a.
Поставте пухнасту красуню або в шапку, або в футер свого сайту
Щоб додати гірлядну на свій сайт Вам знадобиться подібна структура
200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">
200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> .gar <
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 40px; / * Висота картинки гірлядни * /
background: url (../ images / gar.png # 41; repeat-x; / * картинка гірлянди * /
>
На виході ми отримуємо новорічну гірлянду прибиту до верхнього краю вашого сайту.
Скористайтеся одним з представлених стилів. щоб наприклад зробити напис "З новим роком!"
Сподіваюся даний матеріал Вам допоможе хоча б трішечки вселити святкового настрою в Ваш сайт. Так само ви можете скористатися ще одним новорічним прикрасою сайту, це падаючий сніг.
P.S. всі картинки представлені в даній статті масштабовані, зберігайте потрібну картинку до себе на сайт (ПКМ / Зберегти зображення)