Как украсить заголовки постов + 1й Конкурс на Bloger-Man.Ru

Приветствую Всех на Bloger-Man.Ru! Заканчивается весна через пару часов и приходит лето. За окном валит дождь, а я решил черкануть пост о том как можно сделать заголовки статей немного красивее. На написание этой статьи меня натолкнула Анжелика, автор блога delaisaity.ru. Она описывала как с помощью html кода можно делать различные красивые эффекты вокруг текста.

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

Bloger-Man.Ru

Как видите — смотрится неплохо. Мне особенно нравится второй вариант — с тенью. Ну собственно говоря его я и решил использовать для заголовков статей. Для начала посмотрите каким кодом эти прелести реализовуются.

Текст со свечением (1 вариант):

<p style="font-weight: bold; font-style: normal; font-variant: normal; font-size: 2em; font-family: 'Myriad Pro', myriad, arial, sans-serif; line-height: 50px; color: #ff0000; text-shadow: #ff0000 0px 0px 20px; display: block; text-align: center;">Bloger-Man.Ru</p>

Здесь:

font-size: 2em; — размер шрифта
font-family: ‘Myriad Pro’, myriad, arial, sans-serif; — какой именно шрифт
text-shadow: #ff0000 0px 0px 20px; — смещение тени по горизонтали, вертикали и ее размытие

Текст с тенью (2 вариант):

<span style="text-shadow: 3px 3px 1px #AAA; font-size: 2em; &lt;br /&gt;filter: progid:DXImageTransform.Microsoft.DropShadow(color=#AAA, offx=3, offy=3); color: black;"> Bloger-Man.Ru</span>

Здесь основными операторами, которыми можно орудовать являются 3px 3px 1px. Первый отвечает за смещение по горизонтали, второй за смещение по вертикали, а третий за размытие отброшенной тени. Манипулируя этими цифрами можно добиться желаемого внешнего вида.

Само-собой текст внутри тегов, а в данном конкретном случае это Bloger-Man.Ru надо заменить на свой. Ну это поможет вам выделить текст, к примеру в статье. А вот как сделать заголовки статей с такими эффектами? Это достаточно просто.

Шаг 1. Заходим в админку блога, далее переходим в редактор (во Внешнем виде), находим в нашей текущей теме файл single.php.

Шаг 2. Теперь находим строчку заключенную в теги h1 (можно воспользоваться поиском Ctrl+F). В моем случае это:

<h1 class="post-title"><span property="v:itemreviewed"><?php the_title();? ></span></h1>

Шаг 3. А теперь просто напросто окружаем этот код, кодом понравившимся эффекта. Так как выбрал эффект тени то у меня получилось следующее:

<span style="color: green;"><h1 class="post-title"><span property="v:itemreviewed"><?php the_title();? ></span></h1></span>

После этих манипуляций заголовки в статьях обретут желаемый вид. Возможно кому-то это будет интересно и он применит это у себя. А выделяться среди других, как мы знаем, это совсем неплохо. Все-таки стиль должен быть не только у статей блога, а и у его внешнего вида. Надо быть узнаваемым — раскручиваем бренд имени себя :rock:.

В принципе есть еще много мест где можно применить такой эффект, но из-за отличия в структуре файлов шаблонов WordPress мой вариант может просто вам не подойти.

Новости

В виде эксперимента в июне месяце я запускаю конкурс комментаторов со следующими денежными призами:

1 место — 150 WMR

2 место — 50 WMR

3 место — 25 WMR

:prilichno: Разумеется комментарии должны быть осмысленные и относится к теме статьи.

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

Также в мае месяце я выиграл конкурс комментаторов на блоге у Ольги Озеровой и в качестве приза за первое место удостоился бесплатного анализа блога (сэкономил 1000 рублей между прочим). Ольга в качестве платных услуг предлагает анализ молодых блогов по различным критериям. Подробнее об этом анализе можно узнать на ее блоге здесь. Надеюсь, что полученные данные по анализу моего бложика помогут мне двигаться дальше в правильном направлении.

А новостей на сегодня больше нет 🙂 Пишите в комментариях — что Вы думаете по всему этому безобразию. Без внимания комментарии не останутся. Ну а наиболее активные товарищи в конце месяца получат по заслугам.