Сегодня 16 мая, четверг ГлавнаяНовостиО проектеЛичный кабинетПомощьКонтакты Сделать стартовойКарта сайтаНаписать администрации
Поиск по сайту
 
Ваше мнение
Какой рейтинг вас больше интересует?
 
 
 
 
 
Проголосовало: 7273
Кнопка
BlogRider.ru - Каталог блогов Рунета
получить код
Блог для блогов - создание блога на blogspot
Блог для блогов - создание блога на blogspot
Голосов: 1
Адрес блога: http://bdblogov.blogspot.com/
Добавлен: 2013-06-02 03:52:18 блограйдером Olga28
 

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

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

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


Здравствуйте дорогие блоггеры. Сегодня предлагаю Вам коды рамочек, в которых есть возможность настроить окантовку рамки любого цвета в соответствии с дизайном Вашего блога/сайта. На этой странице я оформила рамочки с разным цветом фона и окантовкой. В принципе, я хотела Вам показать, какие чудеса можно творить, если изменить размер и цвет рамки. Вы можете использовать коды этих рамочек, можете настроить по своему усмотрению цвет и фон рамок. Скопируйте код, в редакторе сообщений 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 % страницы. Может это только у меня. 

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


Тэги: дизайн

 


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


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