Как сделать градиентный маркер списка средствами css (с помощью :before)

Решил поделиться одним изысканием.

Представим, что дизайн нашего сайта таков, что нам очень хочется, чтобы ненумерованные списки маркировались градиентными цветными кружочками. Самое простое решение — нарисовать гифку или png в графическом редакторе и подключить её при помощи css следующим образом:

li {list-style-image:url("hujovina.gif"); }

Однако, не знаю, как кто, а я не любою плодить в вёрстке миллион мелких графических файлов. Десяток незначительных изменений дизайна — и папки на хостинге полны какой-то фигни, а ты даже толком не помнишь, используются они у тебя где-то или нет. Это, конечно, легко выяснить, но зачем эти лишние движения? Лучше максимум оформления влепить в css и не париться. Продолжить чтение

Редирект сложных url с параметрами в WordPress

Картинка для привлечения внимания. Софонисба Ангиccола. Бернардино Кампи рисует Софониcбу Ангиссолу.

Раньше мой основной сайт, http://yatsutko.net, работал на старенькой-старенькой джумле (joomla), а потом я перевёл его на wordpress. И столкнулся с проблемой. Вы же знаете, какие у юмлы url? Во всяком случае, у старой юмлы без специально настроенных ЧПУ? Все эти «?option=com_content&task=section&id=5&Itemid=» и прочий подобный ад. На некоторые тексты старого моего сайта при этом в инете немало ссылок. После замены CMS все они стали приводить на главную страницу. Я, конечно, немедленно взял .htaccess и, не мудрствуя, прописал туда 301-й редирект. Проверил — не работает. Полез гуглить. Гуглил-гуглил, писал через мод_рерайт, пробовал всякие регулярные выражения — не работает. Оказалось, что редирект со сложного динамического УРЛ с кучей параметров и использованием разных небуквенных значков — не такая уж простая задача. По инету по ней всё больше перепечатаны тысячами бложеков три-четыре унылых поста без подробностей. Ну и подробные мануалы по .htaccess с описанием всех возможностей, но с весьма скудными примерами.

Перепробовал в итоге много вариантов — не заработало. Собрался уж, было, вручную вписывать куда-нибудь в файло темы wordpess php-редирект (а из меня не то что кодер, а даже вписыватель кода — как из Питера Венеция), приготовился, что сейчас вообще всё сломается, но в этот момент вдруг подумал: wordpress же! Должен быть плагин! Зашёл в меню установки плагинов, прямо там в строчке поиска ввёл «Redirection», и — оп! — есть плагин ровно с таким названием, вот — http://wordpress.org/extend/plugins/redirection/.

Установил и прям обрадовался: в меню Tools появилась строчка Redirection. Шлёпаю по ней — получаю простое меню:

В строчку «Source URL» вбиваю старый URL, в «Target URL» — новый. Жму кнопочку «Add redirection» — готово. Редирект появляется в списке наверху. Чтобы не забывать, чего вообще уже наредиректил, а чего ещё нет. Замечательная штука.


Наверху картинка для привлечения внимания — картина работы Софонисбы Ангиccолы «Бернардино Кампи рисует Софониcбу Ангиссолу».