Новый год на сайт, новогодние украшения для сайта, елка для сайта, снеговик для сайта, санта для сайта, новогодняя гирлянда для сайта

Украсим сайт, подборка решений и графики

До нового года осталось совсем чуть-чуть давайте добавим небольшой новогодней изюминки на свой сайт, может быть это будет елка? или снеговик? или елочная игрушка? Попробуйте все...

Я решил сделать небольшую подброрку графики котороая поможет Вам украсить свой сайт, и также предложить Вам несколько интересных решений. Итак давайте разберем все по порядку.

Ниже Вы можете выбрать понравившиеся элементы и использовать их для украшения своего сайта

Шапки
Это достаточно распространенный способ натянуть такую шапку на угол чего-либо smile новогодняя шапка для сайта новогодняя шапка для сайта

Давайте посмотрим как нам это сделать. У нас есть логотип имеющий такой 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.

Елки

Поставьте пушистую красавицу либо в шапку, либо в футер своего сайта

елка для сайта елка для сайта елка для сайта елка для сайта елка для сайта елка для сайта елка для сайта елка для сайта елка для сайта елка для сайта

Санта
санта для сайта санта для сайта санта для сайта санта для сайта санта для сайта санта для сайта санта для сайта санта для сайта санта для сайта

Подарки
подарки для сайта подарки для сайта подарки для сайта подарки для сайта подарки для сайта подарки для сайта подарки для сайта подарки для сайта подарки для сайта

Снеговики
снеговик для сайта снеговик для сайта снеговик для сайта снеговик для сайта снеговик для сайта снеговик для сайта снеговик для сайта снеговик для сайта снеговик для сайта

Игрушки
новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта новогодние игрушки для сайта

Другие
новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта новогодние украшения для сайта

Гирлянды
новогодние гирлядны для сайта новогодние гирлядны для сайта новогодние гирлядны для сайта новогодние гирлядны для сайта

Чтобы добавить гирлядну на свой сайт Вам понадобится подобная структура

Код
<div class="gar"></div>

И такие стили

Код
.gar {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:40px; /*высота картинки гирлядны*/
  background:url(../images/gar.png) repeat-x; /*картинка гирлянды*/
}

На выходе мы получаем новогоднюю гирлянду прибитую к верхнему краю вашего сайта.



Стиль текста
новогодний стиль текса

Воспользуйтесь одним из представленных стилей, чтобы к примеру сделать надпись "С новым годом!"

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

P.S. все картинки представленные в данной статье масштабированы, сохраняйте нужную картинку к себе на сайт (ПКМ / Сохранить изображение)

Понравилась статья? Перейди по рекламной ссылке ниже.
Раздел: Веб детали html css js ∫ Просмотров: 13811 ∫ 26.12.20124.6
» Оцени и добавь:
оцени статью
4.6
6 Комментариев Поделись своим мнением
#6 Написал cech, 31.12.2013 02:51
Цитатнуть
Цитата Елена
Можно более подробную инструкцию?

обратитесь в vk.com/maenkov
#5 Написал Елена, 30.12.2013 11:19
Цитатнуть
У меня не получается вставить гирлянду... Можно более подробную инструкцию?
#4 Написал Арт-директор, 29.12.2012 17:01
Цитатнуть
Шикарно) Гирлянды порадовали больше всего)
Заимствую щапочку и гирлянду)
#3 Написал evslav01, 29.12.2012 12:42
Цитатнуть
Круто! СпС.
#2 Написал exclusive37, 29.12.2012 11:25
Цитатнуть
Все супер!! Вовка как всегда молодчина! biggrin
#1 Написал Saiqdrx, 29.12.2012 01:50
Цитатнуть
Прикольно.
Вы зашли на сайт как незарегистрированный пользователь. Чтобы получить полный доступ к сайту, дополнительные возможности, пройдите пятиминутную регистрацию, либо войдите на сайт под свои логином.
Что говорят заказчики?
Наша команда сотрудничает с MVC достаточно продолжительное время. Мы очень довольны результатами работы. Рекомендуем!
Брович Денис, Россия
Заказывал шаблон, всё на высшем уровне, все что я просил было выполненно, даже больше, перевыполнено. Всё получилось просто супер, сочетания цветов и красота просто поражают.
Велисов Юрий, Украина
Приятно работать! Отзывчивость, исполнительность, заинтересованность в результате и качестве работы! Спасибо!
Смолен Аленксандо, Украина