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