Готовые рамки для оформления текста



Здравствуйте! В этом посте предлагаю Вашему вниманию коды готовых рамок с фоном и картинками

Здесь для Вас готовые рамки для оформления текста.  Кто желает, копируйте код и пользуйтесь. Вы можете изменять размеры, цвет фона и окантовки рамки по своему усмотрению.


<div style="border:2px solid #ff9900; background:#ffe599; pagging:15 px; border-radius:9px;font-size:12px;font-family:Arial;">Ваш текст</div>



<div style="border:5px solid #044f4e; background:#0a9e08; pagging:15 px; border-radius:0px;font-size:12px;font-family:Arial;">Ваш текст</div>



<div style="border:3px solid #cccccc; background:#eeeeee; pagging:15 px; border-radius:0px;font-size:12px;font-family:Arial;">Ваш текст</div>



<div style="border:4px solid #474747; background:#636363; pagging:15 px; border-radius:5px;font-size:12px;font-family:Arial;">Ваш текст</div>



<div style="border:3px solid #CDCDCD; background:#Dedede; pagging:15 px; border-radius:29px;font-size:12px;font-family:Arial;">Ваш текст</div>


<div style="width:500px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#9b089e"> Ваш текст </div> 


<div style="border:4px solid #D4D4D4; background:#BDBDBD; pagging:15 px; border-radius:4px;font-size:12px;font-family:Arial;">Ваш текст</div>


Ваш текст
код этой рамки внизу

<div style="background: #f8f8ff; border-color: #03b4cc; border-radius: 24px; border-style: groove; border-width: thick; height: 70px; padding: 4px; width: 500px;">Ваш текст</div>


<div style="background: #f8f8ff; border-color: #006400; border-style: groove; border-width: thick; height: 60px; padding: 4px; width: 500px;">Ваш текст</div>


<div style="background: #f8f8ff; border-color: #5c3317; border-radius: 24px; border-style: groove; border-width: thick; height: 70px; padding: 4px; width: 500px;">
Ваш текст</div>


Ваш текст или изображение или фото или видео
ссылка №6 на картинку в radikal 


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

Так же можно почитать еще статьи:  Оформление текста в красивые рамочки; Стильные рамки со свечением цвета и изображением; У меня все. Желаю Вам творческих успехов! До свидания.




Автор статьи ✎ Olga Protasova Выпуск ✹ 11/24/2017 Ярлыки ►


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

8 коммент. :

  1. Ольга, очень хорошая подборка рамочек. Уверена, что многим пригодится. И главное в одном месте.

    ОтветитьУдалить
    Ответы
    1. Спасибо Вика за отзыв, старалась. Если какая то из рамок и не подойдет, в любой момент можно изменить настройки.

      Удалить
  2. Не могу разобраться, как сделать окантовку из 3-х цветов? Только чтоб они были НЕ с верху и по бокам, а по все 4-м краям. Как-то так)

    ОтветитьУдалить
    Ответы
    1. Эдуард здравствуйте. Посмотрите эти статьи
      http://www.bdblogov.ru/2014/05/frame-varying-thickness-borders-and-form-border.html

      http://www.bdblogov.ru/2014/03/frame-to-Text-with-different-color-fringing.html

      Здесь из кода можно удалить адреса картинок и получите рамочку с разными цветами в несколько слоев.

      http://www.bdblogov.ru/2014/04/how-to-insert-frameimage.html

      В меню Содержание посмотрите ярлык Рамки. Я много писала примеров для оформления. Так же можно воспользоваться сервисом оформления рамок, статью найдете в содержании Рамки.

      Удалить
  3. Спасибо, Ольга! Очень помогла ваша статья.

    ОтветитьУдалить
    Ответы
    1. Пожалуйста Светлана. Я рада, что статья Вам помогла. Приходите ещё за информацией.

      Удалить
  4. Ответы
    1. Пожалуйста, Татьяна. Если интересует еще информация о рамках, в меню "содержание", ярлык "рамки", есть еще статьи по теме.

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

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

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

Имя

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

Сообщение *