Новогодняя ёлочка на сайте (Украшаем сайт)

CSS
Небольшая инструкция, как я установил елочку:
Пишем класс (пример взят от сюда): Не отображать блок на определенном расширении окна при помощи CSS:
/* Новогодняя ёлочка */
.tree {
	display: none;
}

@media (min-width: 1200px) {
	.tree {
		display: block;
		position: fixed;
		left: 5px;
		bottom: 0;
		background: url('../tree.png') repeat-x 0 0;
		width: 128px;
		height: 128px;
	}
} /* Новогодняя ёлочка End */

HTML блок (вывод елочки):
<div class="tree"></div>

Блок вставляем в конец страницы, перед <body>. И конечно указываем свой путь до картинки в классе стиля:
	background: url('../tree.png') repeat-x 0 0;

В строке
@media (min-width: 1200px) {

Цифра 1200 - это ширина окна при котором елочка будет отображаться, то есть, если ширина окна 1200 пикселей и больше, то елочка отображается, если ширина меньше 1200 пикселей, елочка не появится. Я это сделал для того, чтобы елочка не загораживала контент страницы на маленьких разрешениях экрана.
Остается только найти (или нарисовать самому) елочку и все, готово!

Тема, как лучше украсить свой сайт на праздник: Украсить сайт к празднику.