Рамки для текста с разным цветом окантовки



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


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

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


Белеет парус одинокий В тумане моря голубом !...Что ищет он в стране далекой? Что кинул он в краю родном?...М.Ю. Лермонтов.


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Здесь будет Ваш текст


Теперь давайте  рассмотрим настройки кода


<center><blockquote 15px="" padding:="" style="background: #E6E8FA; border-bottom: #0e9e08 3px solid; border-left: #444444 3px solid; border-right: #0073e9 3px solid; border-top: #FF9900 3px solid; height: 60; padding: 15px; padding: 15px; padding: 15px; width: 400;">
Здесь будет Ваш текст
</blockquote></center>

background: #E6E8FA;-цвет фона рамки; border-bottom: #0e9e08 3px-цвет и размер нижней окантовки рамки; border-left: #444444 3px-цвет и размер левой окантовки рамки; border-right: #0073e9 3px-цвет и размер правой окантовки рамки; border-top: #FF9900 3px-цвет и размер верхней окантовки рамки; width: 400;-ширина рамки; height: 60;-высота рамки;. 

Хочу еще сказать о размерах рамки: у меня в одном их кодов выставлен размер рамки 200х300. В редакторе сообщений рамка именно такого размера, а при просмотре почему то ширина на 100 % страницы. Может это только у меня. 

Когда будете писать текст в рамке, настройте курсор мыши: по центру, слева, справа. Пишите текст и не переносите курсор. Расположение текста будет автоматически выбранным настройкам. На этом все. Говорю Вам До свидания и творческих успехов. Делитесь с друзьями, оставляйте отзывы, замечания.

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


Автор статьи ✎ Olga Protasova Выпуск ✹ 3/09/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *