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

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

Dobavit ten


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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



10 комментариев:

  1. Беру на заметку :-) В следующем своём посте испробую обязательно. А пока спасибо )

    ОтветитьУдалить
  2. Обязательно возьму себе такую фишку на заметку.

    ОтветитьУдалить
  3. Пользуйтесь на здоровье, друзья!

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

    ОтветитьУдалить
  5. @shurawi Спасибо! Заходите - всегда рад друзьям!

    ОтветитьУдалить
  6. В ЖЖ создал тень в посте. Тока в конце ставить не надо!

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

    ОтветитьУдалить
  8. Спасибо большое: всё очень понятно и доступно.

    ОтветитьУдалить
    Ответы
    1. Пожалуйста! В этом блоге ещё много интересного!:)

      Удалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics