Risotto

В новой версии 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}

Вот и всё.

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

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

Читать далее… »

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

Проблема в том, у карманных компьютеров не существует понятия «ховер» (англ. hover - нависать) и вспомогательного «указающего перста» (также известного как «рука загребущая»).

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

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