До нового года осталось совсем чуть-чуть давайте добавим небольшой новогодней изюминки на свой сайт, может быть это будет елка? или снеговик? или елочная игрушка? Попробуйте все...
Я решил сделать небольшую подброрку графики котороая поможет Вам украсить свой сайт, и также предложить Вам несколько интересных решений. Итак давайте разберем все по порядку.
Ниже Вы можете выбрать понравившиеся элементы и использовать их для украшения своего сайта
Шапки
Это достаточно распространенный способ натянуть такую шапку на угол чего-либо
Давайте посмотрим как нам это сделать. У нас есть логотип имеющий такой html каркас
Код
<a href="#"><img src="logo.png" alt=""/></a>
Чтобы прикрепить к нему шапку сделаем следующее, добавим тег span в ссылку, а самой ссылке добавим класс "logo"
Код
<a href="#" clas="logo"><img src="logo.png" alt=""/> <span></span></a>
и напишем такие стили
Код
.logo {
position:relative;
}
.logo span {
position:absolute;
left:0;
top:0;
width:60px;
height:50px;
background:url(../images/shapka.png) no-repeat;
}
Вам останется лишь спозиционировать шапку как нужно. Данным способом добавить шапку можно абсолютно на любой элемент вашего сайта не прибегая к использованию photoshop'a.
