» »

Создать стильную рамку под текст на сайт

Создать стильную рамку под текст на сайт

Еще одна рамка под текст на сайте, где можно поставить как под дизайн сайта, но также украсить статью или мануал на уроки или материал. Ранее также заливал на сайт различные рамки или как называл обводы под описание, что можете найти на сайте. Эта почти не чем не отличается от остальных, просто стили прописаны в самом коде. Где вы можете поменять сам оттенок цвета и если вам нужно под темный материал, то и сам шрифт.

Немного о самом коде:

border-width:1 - толщина об водки рамки.
border-style:dotted - Стиль об водки. В данном случае стоит пунктирная, что можно изменить.

Здесь вы можете самостоятельно добавить.

color:#000 - Цвет текста.
text-align:center , text-align:left , text-align:right -расположение текста (по центру, слева, справа) что можете отредактировать.
font-size:11px - размер шрифта

Установка:

Устанавливаем на сайте в дизайн, где вам нужно, можно как написано в самом материале.

Код
<div style="background-color: lightyellow; border-width:1; border-color: rgb(190,190,190); border-style:dotted; padding:5px;">Создаем стильную рамку под текст для интернет портала</a></div>


Делаем красивую рамку под текст для uCoz

Если ставить под темный фон, то может пригодиться, цвет мы меняем, а вот шрифт оборачиваем.

Код
<font color="#0000ff"> Синий текст </font>


Также можете закруглить углы, вообщем подогнать под свой сайт. Здесь по умолчанию стоит пунктирная линия, что очень заметно отображается на ресурсе, можно убрать и сделать простую линию.
16.12.2016 Просмотров: 883 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Kolinkor
Kolinkor 16.12.2016 00:401
0
Рамки всегда пригодятся, просто правильно, их можно так отредактировать, что изначально не похоже будет, просто добавлять стили.
FeStemBer
FeStemBer 16.12.2016 00:462
0
Темная намного красивее смотрится, и на светлом также должно быть.
Tergran
Tergran 16.12.2016 03:553
0
Здесь согласен, что можно сделать разные рамки, но они по дизайн почти одинаковы будут, только цвет меняется. Но с другой стороны, они и так все похоже, только по разному установка происходит.
Kosten
Kosten 16.12.2016 04:074
0
Можно и под темный сделать, на сайте стоит что то похожий код, если что скину.



Хотя должен уже быть на сайте.
Kosten
Kosten 16.12.2016 22:405
0
Но здесь нужно в css прописать стиль, и потом уже там редактировать. Возможно кому то пригодится в рписание или вообще в создание темы.



код ставим там где хотите.

Код
<div class="web-alert_info" style="text-align: justify;">
  <center><p>Смотреть фильмы онлайн в хорошем качестве HD 720</p></center>
</div>


CSS:

Код
/* Описание на главной
  ------------------------------------------*/
.web-alert_info{background: #252323;padding: 0px;color: #C1C1C1;border-radius: 5px;border: solid 1px #3C3B3B;}
avatar