HTML Border code

  प्रिय मित्रो, यह पोस्ट आपसब  के ही अनुरोध पर लिख रहा हूँ। कई ब्लॉगर मित्रो ने मेल और टिप्पड़ियों से निचे लिखे बॉर्डर कोड के बारे में पूछा था।मैं कोई तकनिकी जानकर तो हूँ नही,सो सरल भाषा में में ही बता पाउँगा की कैसे मैं इन्हें प्रयोग में लाता  हूँ। अगर किसी तकनिकी ब्लॉगर के कॉपीराइट का उलंघन हो रहा हो तो सूचित करेंगे। क्योंकि पिछले दिनों कई विवादों को देखा है की यह  मेरा कन्टेन्ट  है तो यह मेरा।

 उपर लिखे बॉक्स का कोड नीचे है,कलर आप अपने मनपसन्द का लिख सकते है। आप को मालूम ही होगा इस कोड को पोस्ट के html मोड में लिखना है,बेशक कोड लिखने के बाद आप कम्पोज मोड में आ कर बॉक्स में टेक्स्ट लिख सकते हैं।

<div dir="ltr" style="text-align: left;" trbidi="on">

<div style="background-color: maroon; border: 5px solid midnightblue; color: white; height: 100px; padding: 5px; width: 540px;">
&nbsp;अपना टेक्स्ट यहाँ लिंखे.</div>

आप डबल बॉर्डर में भी टेक्स्ट लिख सकते है,इसका कोड निचे लिख रहा हूँ। इसमें भी आप अपनी पसन्द के कलर चेंज कर सकते है।

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="text-shadow">
&nbsp;</div>
<div style="border: 4px solid orange;">
<div style="border: 4px solid green; margin: 4px;">
<br />
<br />
<br /></div>
</div>
</div>

 

आप नीचे दिए कोड से सिंगल बॉर्डर में भी टेक्स्ट लिख सकते है।इसका भी कलर,लम्बाई और चौड़ाई सेट कर  सकते हैं।

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="border: 5px solid blue; height: 208px; width: 600px;">
अपना टेक्स्ट यहाँ लिंखे</div>
</div>

इस सुन्दर बॉर्डर का कोड नीचे है, इस में भी वहीं प्रकिया है कलर ,लम्बाई और चौड़ाई सेट करने के लिये। यह आपकी सुझ-बुझ पर निर्भर करता हैकी आप कैसे लिखना चाहते हैं।

<div maroon="" style="border: 12px ridge green; height: 200px; width: 550px;">
<div center="">
<span style="font-size: large;">अपना टेक्स्ट यहाँ लिंखे</span>
</div>

अब आपके लिए कलर के कोड और नाम भी लिख रहा हूँ ,यहाँ से आप कलर कोड और नाम का चयन कर  सकते है।

The following table contains the color names that are recognized by most, if not all, modern browsers. Most of these are from the list of X11 color names distributed with the X Window System. These color names were standardized by SVG 1.0.

Color Name		Hex Code RGB		Decimal Code RGB
Reds
IndianRed		CD5C5C		205,92,92
LightCoral		F08080		240,128,128
Salmon		FA8072		250,128,114
DarkSalmon		E9967A		233,150,122
LightSalmon		FFA07A		255,160,122
Crimson		DC143C		220,20,60
Red		FF0000		255,0,0
FireBrick		B22222		178,34,34
DarkRed		8B0000		139,0,0
Pinks
Pink		FFC0CB		255,192,203
LightPink		FFB6C1		255,182,193
HotPink		FF69B4		255,105,180
DeepPink		FF1493		255,20,147
MediumVioletRed		C71585		199,21,133
PaleVioletRed		DB7093		219,112,147
Oranges
LightSalmon		FFA07A		255,160,122
Coral		FF7F50		255,127,80
Tomato		FF6347		255,99,71
OrangeRed		FF4500		255,69,0
DarkOrange		FF8C00		255,140,0
Orange		FFA500		255,165,0
Yellows
Gold		FFD700		255,215,0
Yellow		FFFF00		255,255,0
LightYellow		FFFFE0		255,255,224
LemonChiffon		FFFACD		255,250,205
LightGoldenrodYellow		FAFAD2		250,250,210
PapayaWhip		FFEFD5		255,239,213
Moccasin		FFE4B5		255,228,181
PeachPuff		FFDAB9		255,218,185
PaleGoldenrod		EEE8AA		238,232,170
Khaki		F0E68C		240,230,140
DarkKhaki		BDB76B		189,183,107
Purples
Lavender		E6E6FA		230,230,250
Thistle		D8BFD8		216,191,216
Plum		DDA0DD		221,160,221
Violet		EE82EE		238,130,238
Orchid		DA70D6		218,112,214
Fuchsia		FF00FF		255,0,255
Magenta		FF00FF		255,0,255
MediumOrchid		BA55D3		186,85,211
MediumPurple		9370DB		147,112,219
Amethyst		9966CC		153,102,204
BlueViolet		8A2BE2		138,43,226
DarkViolet		9400D3		148,0,211
DarkOrchid		9932CC		153,50,204
DarkMagenta		8B008B		139,0,139
Purple		800080		128,0,128
Indigo		4B0082		75,0,130
SlateBlue		6A5ACD		106,90,205
DarkSlateBlue		483D8B		72,61,139
MediumSlateBlue		7B68EE		123,104,238
Color Name	Hex Code RGB		Decimal Code RGB
Greens
GreenYellow	ADFF2F		173,255,47
Chartreuse	7FFF00		127,255,0
LawnGreen	7CFC00		124,252,0
Lime	00FF00		0,255,0
LimeGreen	32CD32		50,205,50
PaleGreen	98FB98		152,251,152
LightGreen	90EE90		144,238,144
MediumSpringGreen	00FA9A		0,250,154
SpringGreen	00FF7F		0,255,127
MediumSeaGreen	3CB371		60,179,113
SeaGreen	2E8B57		46,139,87
ForestGreen	228B22		34,139,34
Green	008000		0,128,0
DarkGreen	006400		0,100,0
YellowGreen	9ACD32		154,205,50
OliveDrab	6B8E23		107,142,35
Olive	808000		128,128,0
DarkOliveGreen	556B2F		85,107,47
MediumAquamarine	66CDAA		102,205,170
DarkSeaGreen	8FBC8F		143,188,143
LightSeaGreen	20B2AA		32,178,170
DarkCyan	008B8B		0,139,139
Teal	008080		0,128,128
Blues/Cyans
Aqua	00FFFF		0,255,255
Cyan	00FFFF		0,255,255
LightCyan	E0FFFF		224,255,255
PaleTurquoise	AFEEEE		175,238,238
Aquamarine	7FFFD4		127,255,212
Turquoise	40E0D0		64,224,208
MediumTurquoise	48D1CC		72,209,204
DarkTurquoise	00CED1		0,206,209
CadetBlue	5F9EA0		95,158,160
SteelBlue	4682B4		70,130,180
LightSteelBlue	B0C4DE		176,196,222
PowderBlue	B0E0E6		176,224,230
LightBlue	ADD8E6		173,216,230
SkyBlue	87CEEB		135,206,235
LightSkyBlue	87CEFA		135,206,250
DeepSkyBlue	00BFFF		0,191,255
DodgerBlue	1E90FF		30,144,255
CornflowerBlue	6495ED		100,149,237
MediumSlateBlue	7B68EE		123,104,238
RoyalBlue	4169E1		65,105,225
Blue	0000FF		0,0,255
MediumBlue	0000CD		0,0,205
DarkBlue	00008B		0,0,139
Navy	000080		0,0,128
MidnightBlue	191970		25,25,112

 

आशा है यह आपके लिए लाभप्रद होगा,यदि कोई तकनीकी ब्लॉगर इसमें सुधार करना चाहें तो निःसंकोच अपनी राय देने का कष्ट करें।