Сегодня 17 декабря, среда

Какой рейтинг вас больше интересует?

получить код

Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге

	Блог для блогов - создание блога на blogspot Голосов: 1 Адрес блога: http://bdblogov.blogspot.com/ Добавлен: 2013-06-02 03:52:18 блограйдером Olga28

Как выделить часть текста в рамку

2014-02-03 00:50:00 (читать в оригинале)

Выделение определенной части текста рамкой и оформление на заданном цветном фоне

Коды рамок для выделения части или всего текста на странице

Здравствуйте! Любому из вебмастеров в своих статьях бывает необходимо выделить какую то часть текста в рамку, чтобы текст был более заметным, чтобы читатели обратили внимание на запись. Сегодня мы рассмотрим самые простые способы выделения текста в рамку, Вы сможете выделять либо часть текста, либо весь текст на странице, а так же научимся оформлять текст на заданном Вами фоне. Итак поехали:

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

<div style="border:5px dotted #044f4ee;padding:10px;">ваш текст</div>

Выделение текста простой линией, код такой:

<div align="center" style="border: 1px solid #9b089e;">Ваш текст</div>

А эта рамка размером 10 рх и с измененным цветом

Код для выделения текста обычной линией
<div style="border:3px solid #000000;padding:10px;">ваш текст.</div>

Выделение пунктирной линией

<div style="border:3px dashed #0e5198;padding:10px;">ваш текст.</div>

Край рамки вдавленный

<div style="border:10px inset #ff9900;padding:10px;">ваш текст.</div>

Край рамки выпуклый

<div style="border:10px outset #054f04;padding:10px;">ваш текст.</div>

Двойная рамка

<div style="border:10px double #0a9e08;padding:10px;">ваш текст.</div>

Край рамки с выемкой

<div style="border:10px groove #047AFE;padding:10px;">ваш текст </div>

Край рамки в виде кромки
<div style="border:10px ridge #8b00ff;padding:10px;">ваш текст.</div>

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

Прокручиваем вниз и выше строки ]]></b:skin> вставляем

.code1 {

margin : 15px 35px 15px 15px;

padding : 20px 10px 10px 35px;

background : #f3f3f3; цвет фона

border-top : 1px solid #E3E3E3; цвет окантовки

border-right : 1px solid #E3E3E3;

border-bottom : 1px solid #E3E3E3;

border-left : 1px solid #E3E3E3;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

}

Вы можете вставить несколько таких стилей, с настройкой разных цветов и размеров.

Измените только code2; code3; code4; и.т.д вставьте другие цвета и размеры.

Затем когда написали текст, заключите его в редакторе сообщений, нажав на вкладку HTML в следующий код

<div class="code1">ваш текст</div>

Вот собственно и все. Комментируйте, делитесь с друзьями. А я говорю Вам всего доброго.

Тэги: дизайн

Блограйдеров
14520

Блогов
219970
(+0 сегодня)

Сообществ
1312
(+0 сегодня)

Рыбалка
по среднему баллу (5.00) в категории «Спорт»

Категория «Религия»

Взлеты Топ 5


+87	119	ershow
+85	94	Annelle
+83	92	Сергей Каменев
+76	149	_Музыка_Души_
+73	91	yashar

Падения Топ 5


-1	6	Дневник белого колонизатора
-5	155	Bill4iam
-5	70	Новый завет
-19	76	Планета Земля
-19	12	ГОРОСКОП

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.