Набор цветных окошек для кодов

Среда, 07 Июля 2021 г. 13:14 + в цитатник

Цитата сообщения Юлия_Гурбер

Прочитать целиком В свой цитатник или сообщество!

Набор цветных окошек для кодов

Подготовила набор цветных окошек для кодов.
Очень удобно просто найти понравившийся цвет и скопировать готовую формулу.

<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Bisque; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Hotpink; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Khaki; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Pink; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Powderblue; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Lightgreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Plum; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Aquamarine; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkseagreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Gainsboro; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Coral; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkkhaki; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Darkgray; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Navajowhite; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Palegreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Yellow; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Burlywood; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Thistle; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Palegoldenrod; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Sandybrown; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Greenyellow; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Goldenrod; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Salmon; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Springgreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД
<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Violet; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: YellowGreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Gold; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД	<textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Paleturquoise; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД

Вот так выглядит формула:

< textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color: Bisque; color:black; border-left: black 1px solid; border-bottom: black 1px solid; " > ВАШ КОД

Вместо слов ВАШ КОД вставляем код вашей рамочки, коллажа и т. д.
Если подобных цветных окошек стоит несколько штук рядом (как у меня), то
каждую формулу закрываем тегом < /textarea>, только угловые скобки
ставим впритык, без пробелов.

Подготовила Юлия Гурбер

Серия сообщений "Делаем рамки,комментики сами":
Часть 1 - Урок изготовления рамочки для текста
Часть 2 - Делаем очень красивую рамочку для текста за 5 минут
...
Часть 34 - Рамочки с разными краями
Часть 35 - Рамки, украшенные картинкой
Часть 36 - Набор цветных окошек для кодов