| Сегодня 7 мая, среда |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная / Каталог блогов / Cтраница блогера Блог для блогов - создание блога на blogspot / Запись в блоге
Оформление текста в красивые рамочки2014-03-06 01:52:00 (читать в оригинале)Рамки для текста с возможностью изменить фон, ширину и высотуЗдравствуйте дорогие гости и читатели моего блога. В этой статье предлагаю Вам коды различных рамочек для оформления текста. В моем блоге уже есть статья на эту тему, но там в кодах нет возможности изменить фон и размеры рамки. В коды этих рамок я добавила фон-background:, height:-высоту рамки и width:-ширину рамки. Можете копировать и настраивать, как Вам необходимо. В кодах этих рамочек Вы сможете изменить только цвет фона, ширина рамки на всю страницу <div style="background: #F8F8FF; border: 5px dotted #CDCDCD; padding: 10px;"> ваш текст.</div> <div style="background: #eeeeee; border: 3px dashed #636363; padding: 10px;"> ваш текст.< / div> <div style="background: #E8F8FF; border: 10px inset #871F78; padding: 10px;"> ваш текст.</div> <div style="background: #E6E8FA; border: 10px outset #0073E9; padding: 10px;"> ваш текст.</div> <div style="background: #F8F8FF; border: 10px double #871F78; padding: 10px;"> ваш текст.</div> <div style="background: #0a9e08; border: 10px groove #047AFE; padding: 10px;"> ваш текст</div> <div style="background: #FFFACD;border: 10px ridge #FFFACD; padding: 10px;"> ваш текст.</div> В кодах этих рамочках можете изменить высоту, ширину и фон рамки <div style="background: #e7e7e7; border-width: thick; border: 10px double #0a9e08; height: 250px; padding: 4px; width: 350px;"> ваш текст.</div> <div style="background: #e7e7e7; border: 10px outset #054f04; height: 200px; padding: 10px; width: 350px;"> ваш текст.</div> <div style="background: #134f5c; border: 10px groove #047AFE; height: 240px; padding: 10px; width: 200px;"></div> <div style="background: #eeeeee; border: 5px dotted #CDCDCD; height: 200px; padding: 10px; width: 250px;"> </div> <div style="background: #F8F8FF; border: 3px dashed #CDCDCD; height: 240px; padding: 10px;width: 200px;"> ваш текст.< / div> <div style="background: #FFFACD;border: 10px ridge #FFFACD; height: 200px; padding: 10px;width: 300px;"> ваш текст.</div> <div style="background: #FFDEAD; border: 10px inset #ff9900; height: 220px; padding: 10px;width: 300px;"> ваш текст.</div> <div style="background: #0a9e08; border: 5px dotted #F8F8FF; height: 100px; padding: 10px; width: 450px;">ваш текст.</div> <div style="background: #3399ff; border: 5px dashed #eeeeee; height: 140px; padding: 10px; width: 400px;"> ваш текст.</div> Что касается настроек: padding: 10px;-можно так же увеличить высоту рамки; border: 10px-размер окантовки. Код рамки вставляйте в HTML в редакторе сообщений. Затем прямо в рамке пишите свой текст. Почитайте статьи по теме Готовые рамки для оформления текста и Как выделить часть текста в рамку. На сегодня у меня все. Пишите отзывы, делитесь с друзьями. Всего Вам доброго.
|
 
Категория «Люди»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.