Как добавить тень к тексту в блоге
Здравствуйте, дорогие читатели!
Хочу поделиться с вами одним любопытным, но простым трюком - добавить тень к тексту.
Мы уже говорили о том, как изменить фон для кода, или текста. Была статья о прокрутке текста с подсветкой.
Теперь посмотрим, как с помощью простого кода можно выделить текст в Blogger эффектом тени.
Как добавить тень
Если это касается отрывка текста в статье, на который следует обратить внимание читателей, то делаем так:
1. Открываем вкладку "Изменить HTML" в редакторе сообщений
2. Вставляем туда следующий код:
3. Изменяем "Здесь ваш текст" на нужное содержание
Вот, что должно получиться:
Кстати, выделенный тенью текст можно форматировать, как и обычный, добавляя цвет, размер и положение на странице:
Иногда необходимо разместить информацию для читателей так, что бы её было видно на всех страницах блога. В этом случае действуем следующим образом:
1. Заходим в Панель управления -- Дизайн -- Элементы страницы -- Добавить гаджет
2. Выбираем "HTML/JavaScript" и вставляем тот-же код. Сохраняем.
3. Перетягиваем виджет с текстом в нужное место и опять сохраняем.
Кстати, рекомендую все добавляемые HTML коды предварительно тестировать в онлайновом бесплатном редакторе.
Надеюсь, этот фокус с тенью окажется для вас полезным.
Ваш Retliff
Твитнуть
Хочу поделиться с вами одним любопытным, но простым трюком - добавить тень к тексту.
Мы уже говорили о том, как изменить фон для кода, или текста. Была статья о прокрутке текста с подсветкой.
Теперь посмотрим, как с помощью простого кода можно выделить текст в Blogger эффектом тени.
Как добавить тень
Если это касается отрывка текста в статье, на который следует обратить внимание читателей, то делаем так:
1. Открываем вкладку "Изменить HTML" в редакторе сообщений
2. Вставляем туда следующий код:
<p style="text-shadow:4px 4px 8px blue;"> Здесь ваш текст </ P>
3. Изменяем "Здесь ваш текст" на нужное содержание
Вот, что должно получиться:
Здесь ваш текст
Кстати, выделенный тенью текст можно форматировать, как и обычный, добавляя цвет, размер и положение на странице:
Здесь ваш текст
Иногда необходимо разместить информацию для читателей так, что бы её было видно на всех страницах блога. В этом случае действуем следующим образом:
1. Заходим в Панель управления -- Дизайн -- Элементы страницы -- Добавить гаджет
2. Выбираем "HTML/JavaScript" и вставляем тот-же код. Сохраняем.
3. Перетягиваем виджет с текстом в нужное место и опять сохраняем.
Кстати, рекомендую все добавляемые HTML коды предварительно тестировать в онлайновом бесплатном редакторе.
Надеюсь, этот фокус с тенью окажется для вас полезным.
Ваш Retliff
Твитнуть
Беру на заметку :-) В следующем своём посте испробую обязательно. А пока спасибо )
ОтветитьУдалитьОбязательно возьму себе такую фишку на заметку.
ОтветитьУдалитьПользуйтесь на здоровье, друзья!
ОтветитьУдалитьСергей, все просто и понятно, как всегда! Функцию text-shadow на ряду с dox-shadow, считаю одной из интересных и удачных техник CSS3. Не смотря на то что IEшка упорно ломает восприятие этих функций, широко использую на своих блогах.
ОтветитьУдалитьСпасибо и удачи!
@shurawi Спасибо! Заходите - всегда рад друзьям!
ОтветитьУдалитьКрутяк!!!
ОтветитьУдалитьВ ЖЖ создал тень в посте. Тока в конце ставить не надо!
ОтветитьУдалитьЭто круто а можно сделать так с заголовком и описанием блога если да то как просто очень долго возится с кодом может у вас есть готовое решение.
ОтветитьУдалитьСпасибо большое: всё очень понятно и доступно.
ОтветитьУдалитьПожалуйста! В этом блоге ещё много интересного!:)
Удалить