18:25 10.12.2017
Небольшая инструкция, как я установил елочку:
Пишем класс (пример взят от сюда): Не отображать блок на определенном расширении окна при помощи CSS:
HTML блок (вывод елочки):
Блок вставляем в конец страницы, перед
В строке
Цифра
Остается только найти (или нарисовать самому) елочку и все, готово!
Тема, как лучше украсить свой сайт на праздник: Украсить сайт к празднику.
Пишем класс (пример взят от сюда): Не отображать блок на определенном расширении окна при помощи 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 пикселей, елочка не появится. Я это сделал для того, чтобы елочка не загораживала контент страницы на маленьких разрешениях экрана.
Остается только найти (или нарисовать самому) елочку и все, готово!
Тема, как лучше украсить свой сайт на праздник: Украсить сайт к празднику.
- Жалоба