Статьи, отмеченные тегом «HTML/CSS верстка»:

Смена дизайна по временам года

Смена дизайна по временам года через CSS

Наверное постоянные читатели заметили, что с приходом осени, в дизайне блога появились небольшие изменения — слегка поменялась цветовая гамма и фоновое изображение в футере.

Сделано это спомощью простого PHP-скрипта, который меняет стилевые листы по сезонам года. Кто не догадался — их, соответственно четыре (весна, лето, осень, зима). Два варианта вы уже могли увидеть, на очереди ещё пара.

Такой переключатель можно добавить в любой блог или сайт на PHP (для примера я возьму WordPress). Дальше →

Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

Баг с PNG-прозрачностью в IE6, но не тот, о котором вы подумали

Уже долгое время на сайтах популярны различные вебдванольные стикеры, которые «клеятся на макет сверху», часто с помощью абсолютного позиционирования. При вёрстке, такие изображения лучше сохранять в формат PNG, чтобы оставить все тени и полупрозрачности, как на исходном макете. Да и GIF формат, часто не подходит из-за зазубренных краёв и отсутствия в нём полупрозрачности.

И конечно же, все мы знаем, что в IE6 есть проблема с отображением PNG — изображение появляется на сером фоне вместо прозрачного. Чтобы оно отображалось правильно, нужно применить фильтр AlphaImageLoader. Но не все знают, что если такое изображение поместить внутрь ссылки, она начинает работать «неправильно». Дальше →

Про Яndex и <noscript>. Предупреждение на заметку

Иллюстрация к статье Про Яndex и <noscript>

Недавно был у меня один промах с Яндексом. Дело в том, что для пользователей с отключенным JavaScript, я использую в разметке пару тегов <noscript></noscript> (кстати, многие почему-то про них забывают), с предупреждением. Можете сами увидеть, если отключите в своем браузере поддержку JavaScript.

Располагал я это предупреждение непосредственно после тега <body>, до начала основной разметки сайта. И вот, на днях, заглянул в Яндекс, проверить проиндексированные страницы этого блога. Был небольшой шок, когда при выдаче увидел вместо описания каждой странички (на тот момент, около 70 штук) текст моего предупреждения (!): Дальше →

Участвую в конкурсе WebHiTech!

WebHiTech — первый технологический конкурс веб-сайтов в Рунете

Вчера пришел положительный ответ на мою заявку на участие в первом технологическом конкурсе веб-сайтов в Рунете, которую я подал пару недель назад. Буду участвовать в номинации «Лучшее дизайнерское решение». Дальше →

Карты изображений на CSS

Пример карты изображений на CSS

В этом посте хочу показать, как создать карту изображений средствами только CSS, не прибегая к помощи устаревших тегов <map>, <area>, JavaScript или Flash. Подход давно испробованный и изученный у них, но почему-то совершенно не распространенный у нас. Дальше →