Автор: Джон Лещински
Перевод: Всеволод Козлов
Со сменой времен года, а так же с наступлением различных праздников, многие блогеры меняют оформления своих блогов. Однако всегда менять оформление блога вручную может надоесть. Только представьте, менять оформление с утра и на ночь, весной и осенью, под Новый Год и День Святого Валентина… Это ж сколько мороки!
Можно поставить это дело на автомат! А как – читайте дальше!
Хочу предложить Вам простейший вариант смены оформления Ваших блогов в зависимости от событий!
Определитесь со всеми событиями, для которых Вы хотите менять оформление своего блога и создайте для каждого из них соответствующий стиль.
Привожу пример css-стиля для Рождественского стиля оформления (заметьте, стиль помечен мной датой нужного события, придерживайтесь такого оформления):
.container {
text-align: left;
width:770px;
margin:0 auto; padding: 0px;
background: #000000;
}
.date1225 .container {
background: #FFFFFF;
}
Таким образом, 25 декабря, в Рождество, фоновый цвет сайта сменится с черного на белый. Ничего больше не изменится.
Теперь Вам необходимо вставить небольшой кусочек PHP-кода в тег BODY:
<BODY class="date<?php echo date("md"); ?>">
Результатом выполнения этого PHP-кода будет следующее:
<BODY class="date1225"> для 25 декабря…
Таким образом, от Вас потребуется всего лишь создать нужное количество стилей для всех необходимых событий, а меняться они будут автоматически!
Надеюсь, Вам пригодится данная очень полезная техника!
Оригинал статьи: Seasonal CSS
Смотрите также:
- Шаблоны сайтов css
- Иконки для рабочего стола
- Бесплатные шаблоны сайтов HTML css
- Очень красивые шрифты
- Оформление таблиц css
- Ajax формы
- Css формы
- Ajax скрипты
- Вкладки css
- Сайт портфолио
5 комментария(-ев)
да ну нафиг такие извращения.. можно используя эту же технологию обойтись меньшими трудозатратами….
подключаете все свои нормальные стили
а вот потом подключаете файлы стилей, называющиеся по датам, с переопределёнными классами — вот и всех делов….
иначе у вас страница будет представлять собой непонятно что….
вообще недостатки указанного подхода:
1. пользователю всегда будет качаться файл стилей с датами которые ему в данный момент нафиг не впали
2. исходный код страницы — полный кошмар — помесь ежа со змеёй
3. если нет стиля date1125 — чё будет выведено!?
Согласен со Steward-ом. Пример не лишен недостатков. Лучше, но не идеально, создать несколько таблиц CSS и подключать их в зависимость от даты.
Как-то не заметил, что ты перевел эту статью раньше меня и запостил у себя. Думаю ты не в обиде.
Надо будет повнимательнее читать…
Alex, ага — я видел
Конечно, ничего! Ты свою версию урока привел, очень даж неплохо!
[...] статью уже перевели до меня, так что можете ознакомится с первым вариантом. Прочитал что-то новое и [...]