Risotto

Последня неделя прошла у меня под знаком MaxSite CMS: обливаясь потом и горькими слезами, я пыталась сделать под неё тему. В общем, как писал Максим, «MaxSite CMS отличный способ научиться работать с PHP»… Если бы не опыт создания Wordpress-шаблонов, я бы просто поплыла. В принципе, не могу сказать, что работа очень трудная, но некоторые детали меня просто взбесили. В частности, тот факт, что по умолчанию в код страницы добавляется огромное количество <span> и <div>.

Вот пример кода, который формирует один из виджетов (генератор списка последних записей):

<div class="widget widget_1_2 last_pages_widget last_pages_widget_0"><div class="w0"><div class="w1"><h2 class="box">Последние записи</h2><div class="last-pages"><ul class="is_link"><li><b><a href="#" title="Привет, мир!">Привет, мир!</a></b> <p>Запись сделана 25.10.2008</p></li></ul></div></div><div class="w2"></div></div></div>

Что еще обидно - очень много class‘ов, но ни одного id. А id иногда бывают очень нужны. И вообще, поначалу тяжело было с этой CMS работать. Я же в php плохо разбираюсь, знаю только основы. К сожалению, Wordpress ползает очень медленно, а альтернатив не вижу. Хорошо бы найти что-то быстро работающее и понятное простому смертному.

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

Вот и всё.

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

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

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

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