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

Понедельник, 01 Февраля 2016 г. 21:42 + в цитатник

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

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

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

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

<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 - Коды для оформления блогов.
...
Часть 34 - Волшебная формула для изменения величины картинки без всяких генераторов.
Часть 35 - Как сделать окошко с кодом под флешкой
Часть 36 - Набор цветных окошек для кодов
Часть 37 - Анимация для сайта. Бегущая строка HTML, тег marquee
Часть 38 - СПЕЦ.КОДЫ ЛИру