воскресенье, 5 февраля 2017 г.

Вставка кода в статью блога


Для вставки кода в статью сайт htmlka предлагает такие варианты:

Вставка кода (скриншот с сайта).
Меня заинтересовал вариант с синим фоном.
Чтобы вставить какой-либо свой код в статью на блоге, вставляем такой код в HTML-режиме редактора (скопирован с сайта htmlka):
<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ</textarea>
 Некоторые пояснения к коду:
  • border-right: black 2px solid - правая граница рамки: чёрный цвет, ширина 2 px, сплошная рамка
  • background-color:dodgerblue - цвет фона: синий
  • color:white - цвет текста: белый
Поэкспериментировав  с цветами, у меня получились разные вариантыцветового оформления:
1.

2.

3.

4.


Примечание:

HTML-редактор Блоггера незначительно видоизменил код, который предложен в источнике.
Поэтому код (например, по варианту 1) нужно вставлять в HTML-редактор в таком виде:
<textarea style="background-color: #cceeff; border-bottom: #004566 2px solid; border-left: #004566 2px solid; border-right: #004566 2px solid; border-top: #004566 2px solid; color: #004566; width: 100%;"> ВСТАВЬТЕ СЮДА ВАШ КОД </textarea>
Как пример, код вставки формы поиска на блоге от 404.RU! будет выглядеть так:


0 коммент.:

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