Цветное окошко для кода

Воскресенье, 11 Января 2015 г. 17:49 + в цитатник

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

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

Не мной придумано, но вещь полезная. Без окошек для кодов нам не
обойтись при написании многих постов.

Вот простенькое, с прозрачным фоном: ВАШ КОД

А это код нашего простого окошка: <textarea style="text-align: center;" readonly="readonly" cols="15" rows="1" name="S1">ВАШ КОД

При необходимости меняем размер. Атрибут cols="15" отвечает за
ширину окошка. Меняем цифру "15" на нужную нам. Атрибут rows="1" отвечает за высоту. Вместо "1" можем поставить "2", например.

А можно украсить наше окошко цветом, вот так: ВАШ КОД

Вот код цветного окошка: <textarea rows="1" cols="15" style="border-right: black 1px solid; border-top: black 1px solid; background-color:lawngreen; color:black; border-left: black 1px solid;border-bottom:black 1px solid; ">ВАШ КОД

Здесь атрибут background-color: lawngreen отвечает за цвет фона окошка. Вместо lawngreen подставляем любой другой цвет из таблицы.
Во всех border (right, top, left, bottom), например: border-right: black 1px solid, цифра 1px означает ширину бордюра окошка. Так же rows="1" — высота окошка, а cols="15" — ширина.

Внимание! В самом конце кода простого и цветного окошек добавьте закрывающий тег "/textarea", заменив кавычки " "на скобки < >.

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

Aliceblue F0F8FF	Antiquewhite FAEBD7	Aqua 00FFFF	Aquamarine 7FFFD4
Azure F0FFFF	Beige F5F5DC	Bisque FFE4C4	Black 000000
Blanchedalmond FFEBCD	Blue 0000FF	Blueviolet 8A2BE2	Brown A52A2A
Burlywood DEB887	Cadetblue 5F9EA0	Chartreuse 7FFF00	Chocolate D2691E
Coral FF7F50	Cornflowerblue 6495ED	Cornsilk FFF8DC	Crimson DC143C
Cyan 00FFFF	Darkblue 00008B	Darkcyan 008B8B	Darkgoldenrod B8860B
Darkgray A9A9A9	Darkgreen 006400	Darkkhaki BDB76B	Darkmagenta 8B008B
Darkolivegreen 556B2F	Darkorange FF8C00	Darkorchid 9932CC	Darkred 8B0000
Darksalmon E9967A	Darkseagreen 8FBC8F	Darkslateblue 483D8B	Darkslategray 2F4F4F
Darkturquoise 00CED1	Darkviolet 9400D3	deeppink FF1493	Deepskyblue 00BFFF
Dimgray 696969	Dodgerblue 1E90FF	Firebrick B22222	Floralwhite FFFAF0
Forestgreen 228B22	Fuchsia FF00FF	Gainsboro DCDCDC	Ghostwhite F8F8FF
Gold FFD700	Goldenrod DAA520	Gray 808080	Green 008000
Greenyellow ADFF2F	Honeydew F0FFF0	Hotpink FF69B4	Indianred CD5C5C
Indigo 4B0082	Ivory FFFFF0	Khaki F0E68C	Lavendar E6E6FA
Lavenderblush FFF0F5	Lawngreen 7CFC00	Lemonchiffon FFFACD	Lightblue ADD8E6
Lightcoral F08080	Lightcyan E0FFFF	Lightgoldenrodyellow FAFAD2	Lightgreen 90EE90
Lightgrey D3D3D3	Lightpink FFB6C1	Lightsalmon FFA07A	Lightseagreen 20B2AA
Lightskyblue 87CEFA	Lightslategray 778899	Lightsteelblue B0C4DE	Lightyellow FFFFE0
Lime 00FF00	Limegreen 32CD32	Linen FAF0E6	Magenta FF00FF
Maroon 800000	Mediumauqamarine 66CDAA	Mediumblue 0000CD	Mediumorchid BA55D3
Mediumpurple 9370D8	Mediumseagreen 3CB371	Mediumslateblue 7B68EE	Mediumspringgreen 00FA9A
Mediumturquoise 48D1CC	Mediumvioletred C71585	Midnightblue 191970	Mintcream F5FFFA
Mistyrose FFE4E1	Moccasin FFE4B5	Navajowhite FFDEAD	Navy 000080
Oldlace FDF5E6	Olive 808000	Olivedrab 688E23	Orange FFA500
Orangered FF4500	Orchid DA70D6	Palegoldenrod EEE8AA	Palegreen 98FB98
Paleturquoise AFEEEE	Palevioletred D87093	Papayawhip FFEFD5	Peachpuff FFDAB9
Peru CD853F	Pink FFC0CB	Plum DDA0DD	Powderblue B0E0E6
Purple 800080	Red FF0000	Rosybrown BC8F8F	Royalblue 4169E1
Saddlebrown 8B4513	Salmon FA8072	Sandybrown F4A460	Seagreen 2E8B57
Seashell FFF5EE	Sienna A0522D	Silver C0C0C0	Skyblue 87CEEB
Slateblue 6A5ACD	Slategray 708090	Snow FFFAFA	Springgreen 00FF7F
Steelblue 4682B4	Tan D2B48C	Teal 008080	Thistle D8BFD8
Tomato FF6347	Turquoise 40E0D0	Violet EE82EE	Wheat F5DEB3
White FFFFFF	Whitesmoke F5F5F5	Yellow FFFF00	YellowGreen 9ACD32

источник (таблица): njnj.ru/talk/hex_colors.htm

Рубрики:

ШПАРГАЛКИ/-окошко для кода

Метки: шпаргалка код
Понравилось: 4 пользователям

<a href="https://www.liveinternet.ru/users/veta-z/post349694115/">Р¦РІРµС‚РЅРѕРµ РѕРєРѕС€РєРѕ РґР»СЏ РєРѕРґР°</a><br/> РќРµ РјРЅРѕР№ РїСЂРёРґСѓРјР°РЅРѕ, РЅРѕ РІРµС‰СЊ РїРѕР»РµР·РЅР°СЏ. Р‘РµР· РѕРєРѕС€РµРє РґР»СЏ РєРѕРґРѕРІ РЅР°Рј РЅРµ 
РѕР±РѕР№С‚РёСЃСЊ РїСЂРё РЅР°РїРёСЃР°РЅРёРё РјРЅРѕРіРёС… РїРѕСЃС‚РѕРІ.
  Р’РѕС‚ РїСЂРѕСЃС‚РµРЅСЊРєРѕРµ, СЃ РїСЂРѕР·СЂР°С‡РЅС‹Рј С„РѕРЅРѕРј:  Р’РђРЁ РљРћР”  
  Рђ СЌС‚Рѕ РєРѕРґ РЅР°С€РµРіРѕ РїСЂРѕСЃС‚РѕРіРѕ РѕРєРѕС€РєР°:  Р’РђРЁ РљРћР”    
РџСЂРё РЅРµРѕР±С…РѕРґРёРјРѕСЃС‚Рё РјРµРЅСЏРµРј СЂР°Р·РјРµСЂ. РђС‚СЂРёР±СѓС‚ cols="15" РѕС‚РІРµС‡Р°РµС‚ Р·Р° 
С€РёСЂРёРЅСѓ РѕРєРѕС€РєР°. РњРµРЅСЏРµРј С†РёС„СЂСѓ "15" РЅР° РЅСѓР¶РЅСѓСЋ РЅР°Рј. РђС‚СЂРёР±СѓС‚ rows="1" РѕС‚РІРµС‡Р°РµС‚ Р·Р° РІС‹СЃРѕС‚Сѓ. Р’РјРµСЃС‚Рѕ "1" РјРѕР¶РµРј РїРѕСЃС‚Р°РІРёС‚СЊ "2", РЅР°РїСЂРёРјРµСЂ.

Рђ РјРѕР¶РЅРѕ СѓРєСЂР°СЃРёС‚СЊ РЅР°С€Рµ РѕРєРѕС€РєРѕ С†РІРµС‚РѕРј, РІРѕС‚ С‚Р°Рє: Р’РђРЁ РљРћР”   
  Р’РѕС‚ РєРѕРґ С†РІРµС‚РЅРѕРіРѕ РѕРєРѕС€РєР°:  Р’РђРЁ РљРћР”   
 Р—РґРµСЃСЊ Р°С‚СЂРёР±СѓС‚ background-color: lawngreen РѕС‚РІРµС‡Р°РµС‚ Р·Р° С†РІРµС‚ С„РѕРЅР° РѕРєРѕС€РєР°. Р’РјРµСЃС‚Рѕ lawngreen РїРѕРґСЃС‚Р°РІ... <a href="https://www.liveinternet.ru/users/veta-z/post349694115/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>