Выделение текста в блок рамки с цветовой тенью

---

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

Можно оформить для одной страницы выделение текста, в редакторе blogger перейти по вкладке HTML и вставить код рамки, или для всех страниц, вставить код CSS в шаблон блога в разделе <b:skin></b:skin. Ниже стиль CSS и сразу пример выделенного кода:

.gradient {

padding:20px;

 margin: 10px;  

box-shadow:-1px -2px 37px rgba(63, 175, 133, 1);

-webkit-box-shadow:-1px -2px 37px rgba(63, 175, 133, 1);

font-size: 14px;

}

Для отдельной страницы необходимо заключить CSS в <style>код CSS</style>. Затем для выделения заключите нужный текст в редакторе по вкладке HTML:

<div class="gradient">здесь текст или код</div>

Для еще более быстрого выделения текста, стиль CSS вставить цитатой, как у меня в одном из блогов, скриншот:

Находите в шаблоне с CSS стилях .post-body blockquote { далее вставьте стиль CSS, просмотрите и сохраните шаблон. Затем в редакторе на странице выделите нужный текст и сверху в меню нажмите значок Цитата. В этом варианте также есть возможность оформления для всех и для одной страницы.

Шаблоны у всех разные, поэтому мой пример может и не поддерживаться. Тогда пробуйте варианты: .blockquote{ или #blockquote{...

Почитайте похожие статьи для оформления текста в блоге:

• Красивые стили оформления цитат в блоге;
• Как быстро и красиво оформить текст блога;
• Рамочки с прошивкой для текста и цитат на CSS;
• Рамки для текста с разным цветом окантовки;

Цвет тени Вы можете изменить на свой, в помощь конвертер цветов. По всем вопросам обращайтесь в комментариях или в меню форма для связи. Спасибо, что читаете мои статьи. Всего доброго.

Рекомендуемый контент: