Как добавить тень к тексту в блоге

Здравствуйте, дорогие читатели!
Хочу поделиться с вами одним любопытным, но простым трюком — добавить тень к тексту.

Dobavit ten

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

Теперь посмотрим, как с помощью простого кода можно выделить текст в Blogger эффектом тени.

Как добавить тень
Если это касается отрывка текста в статье, на который следует обратить внимание читателей, то делаем так:

1. Открываем вкладку «Изменить HTML» в редакторе сообщений

2. Вставляем туда следующий код:

<p style=»text-shadow:4px 4px 8px blue;»> Здесь ваш текст </ P>

3. Изменяем «Здесь ваш текст» на нужное содержание

Вот, что должно получиться:

Здесь ваш текст

Кстати, выделенный тенью текст можно форматировать, как и обычный, добавляя цвет, размер и положение на странице:

Здесь ваш текст

Иногда необходимо разместить информацию для читателей так, что бы её было видно на всех страницах блога. В этом случае действуем следующим образом:

1. Заходим в Панель управления — Дизайн — Элементы страницы — Добавить гаджет

2. Выбираем «HTML/JavaScript» и вставляем тот-же код. Сохраняем.

3. Перетягиваем виджет с текстом в нужное место и опять сохраняем.

Кстати, рекомендую все добавляемые HTML коды предварительно тестировать в онлайновом бесплатном редакторе.

Надеюсь, этот фокус с тенью окажется для вас полезным.

Ваш Retliff



0 комментариев к “Как добавить тень к тексту в блоге”

  1. Сергей, все просто и понятно, как всегда! Функцию text-shadow на ряду с dox-shadow, считаю одной из интересных и удачных техник CSS3. Не смотря на то что IEшка упорно ломает восприятие этих функций, широко использую на своих блогах.
    Спасибо и удачи!

    Ответить
  2. Это круто а можно сделать так с заголовком и описанием блога если да то как просто очень долго возится с кодом может у вас есть готовое решение.

    Ответить

Оставьте комментарий