Spreadfirefox Affiliate Button

Выравнивание изображений в WordPress 2.5

17 мая
2008 года

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

И насколько красивее смотрится иллюстрация, обтекаемая текстом.

Так вот, теперь красивое обтекание можно делать автоматически: просто в загрузке изображений ставим галочку напротив пункта «Выравнивание» -> «слева».

Если вы жмёте злополучное «слева» или «справа», но ничего не происходит, то скорее всего у вас в теме просто не прописан нужный код. Исправить это очень просто. Для начала зайдите в папку с темой и найдите там CSS-файл. Скорее всего, он называется style.css. Открывайте в текстовом блокноте (также редактор тем доступен через панель управления) и копируйте туда следующее:

img.centered {display: block;
margin-left: auto;
margin-right: auto;}

img.alignright {padding: 4px;
margin: 0 0 2px 7px;
display: inline;}

img.alignleft {padding: 4px;
margin: 0 7px 2px 0;
display: inline;}

.alignright {float: right;}
.alignleft {float: left}

Вот и всё.

Как выделить собственные комментарии

18 февраля
2008 года

Меня попросили рассказать, как сделать так, чтобы ваши собственные комментарии выделялись на странице, то есть выглядели иначе, чем у остальных участников. По умолчанию в WordPress не встроено подобной функции, и нет никакой разницы, кто написал комментарий: автор блога или кто-то другой.

Что делать, если вы хотите, например, сделать фон вашего комментария зеленым?
Как выделить собственные комментарии?
Читать далее... »

О важности a:active

17 января
2008 года

Сегодня я бы хотела отвлечься от основной тематики и написать вот о чем. В последнее время на наших сайтах распространилась новая мода: прописывать стили только для a:hover, а a:active в CSS-файлах благополучно опускать. Грубо говоря, это значит, что я держу мышь над ссылкой — и ссылка меняется. Убираю мышку — ссылка возвращается к исходному состоянию, даже если я на нее кликнула (например, правой кнопкой).

Проблема в том, у карманных компьютеров не существует понятия «ховер» (англ. hover — нависать) и вспомогательного «указающего перста» (также известного как «рука загребущая»).
Рука загребущая
У наладонников просто нет мыши, и я технически не могу навести курсор на ссылку — только кликнуть по ней. Получается следующая ситуация: при наведении сслыка не меняется, потому что наводить нечего; при щелчке тоже не меняется, потому что дизайнер забыл про a:active. Итог: невозможно вообще понять, нажал ты на ссылку или нет. Приходится смотреть и ждать, начнет ли грузиться страница. А если ссылки идут плотным рядом? Как узнать, если ты случайно промахнулся и нажал не туда? Вопрос риторический.

Кстати, раз уж речь зашла о кпк... Многие забывают, что карманные браузеры далеко не всегда отображают картинки CAPTCHA. Я бы даже сказала — не отображают практически никогда. Подумайте, прежде чем включать captcha-защиту на своем блоге.