Preformatted text यानी की पूर्वनिर्धारित इबारत (text) का स्वरूप

Preformatted text यानी की पूर्वनिर्धारित इबारत (text) का स्वरूप |

इसके लिए निम्न टैग का इस्तेमाल किया जाता है, जैसे की मैंने अपनी पिछली पोस्ट में फॉण्ट साईज के लिए जिस CSS कोड को एक बाक्स में दिखाया था |

<pre></pre>

इसी टैग के मध्य में आप जो भी टेक्स्ट (इबारत) लिखेंगे, जिस प्रकार भी लिखेंगे, वो उसी प्रकार से दिखाई देगी | मान लीजिये कि आप किसी भी प्रकार की टेक्स्ट आकृति को (तस्वीर नहीं) अपनी पोस्ट में शामिल करना चाहें तो आप इस टैग से आसानी से ऐसा कर सकते हैं | यदि आप इस टैग के बिना टेक्स्ट आकृति को प्रयोग करेंगे तो ये आपकी पोस्ट में बिखर जाएगी | आप दोनों उदाहरण नीचे देख सकते हैं :-

पहला उदाहरण बिना इस टैग के है :-


═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ ╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ ╬═♥═╬ ╬═♥═╬ 7 - RULES TO BE HAPPY ╬═♥═╬ ╬═♥═╬ 1.....Never Hates ╬═♥═╬ 2.....Don't Worry ╬═♥═╬ 3....Live Simple ╬═♥═╬ 4....Expect A Little ╬═♥═╬ 5....Give A Lot ╬═♥═╬ 6....Always Smile ╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU ╬═♥═╬ ╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ ╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬

दूसरा उदाहरण इस टैग का प्रयोग लिए हुए है | अंतर स्वत: स्पष्ट है :-

═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬
╬═♥═╬ 7 - RULES TO BE HAPPY
╬═♥═╬
╬═♥═╬ 1....Never Hates
╬═♥═╬ 2....Don't Worry
╬═♥═╬ 3....Live Simple
╬═♥═╬ 4....Expect A Little
╬═♥═╬ 5....Give A Lot
╬═♥═╬ 6....Always Smile
╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬


आप इस टैग को स्पेशल मनभावन रूप भी बना सकते है, यानी की इसे इस टैग मनभावन रूप भी दे सकते हैं | बस इस टैग के मध्य में छोटा सा CSS कोड डालना होगा | आप नीचे देख सकते हैं कि छोटे से CSS कोड से इसे नया रूप कैसे दिया जाता है }

style="border:1px dashed #ddd;" ये छोटा सा कोड डालने से इस टैग के इर्द-गिर्द बार्डर बन जायेगा |

╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ 

style="border:1px dashed #ddd;padding:5px;" ये छोटा सा कोड padding:5px; डालने से इस टैग के चारो तरफ से पांच पिक्सल का स्पेस बन जायेगा | आप उपरोक्त उदाहरण व निम्न उदाहरण में अंतर स्पष्ट देख सकते हैं |

╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬ 

style="border:1px dashed #ddd;padding:5px;color:red;" ये छोटा सा कोड color:red; डालने से आप अपने टेक्स्ट आकृति को अपने पसंद के रंग अनुसार प्रयोग करे सकते हैं | अभी तक सभी इस प्रकार की टेक्स्ट आकृति को सिर्फ काले रंग में प्रयोग करते आये हैं | आप निम्न उदाहरण में टेक्स्ट आकृति का रंग बदलने के बाद का स्वरूप देख सकते हैं |

═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬
╬═♥═╬ 7 - RULES TO BE HAPPY
╬═♥═╬
╬═♥═╬ 1....Never Hates
╬═♥═╬ 2....Don't Worry
╬═♥═╬ 3....Live Simple
╬═♥═╬ 4....Expect A Little
╬═♥═╬ 5....Give A Lot
╬═♥═╬ 6....Always Smile
╬═♥═╬ 7....Have Person Like Me Who, Always Remember YOU
╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬
╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬═♥═╬

दूसरा उदाहरण : श्री गणेश जी आकृति

__________________00000
________________(0000000)
_________00____(000000000)____00
_________0000__|____W____|__0000
_________00000_|_<>___<>_|_00000
_________000000|_________|000000
__________00000\_(______)_/00000
___000_________//_\____(__\
__00000____000000__\___\_____...
__00000___000000000_^.__^..*^_._^*___00
___0000__00000000000__^.___.*^_^*^__0000
__________000000000000/_^^^00000_____00
___00000__00000000000/00000000000__000000
_00000000__000000000/00000000000____0000
0000000000___000000/00000000000___00000000
00000000000____000/00*0000000___000000000000
_000000000000_____00000000____00000000000000
__000000000000__00____0000000_0000000000000
____000000000__00000___000000_000000000000
______000000_00000000___00000_0000000000
______________000000_____0000__0000000
_______________0000
You r My Very Very
@@@______@@
@@@@_____@@
@@_@@____@@
@@__@@___@@
@@___@@__@@
@@____@@_@@
@@_____@@@@
@@______@@@

@@@@@@@@
___@@
___@@
___@@
___@@
___@@
@@@@@@@@

_____@@@@@@@@
___@@@@@@
_@@@@@@
@@@@@@
_@@@@@@
___@@@@@@
_____@@@@@@@@

@@@@@@@
@@
@@
@@@@@@@
@@
@@
@@@@@@@

¶¶¶¶¶¶
¶¶
¶¶¶¶¶
¶¶¶¶¶ aithful…
¶¶
¶¶

¶¶¶¶¶¶
¶¶___¶¶
¶¶___¶¶
¶¶¶¶¶¶
¶¶¶¶¶ espectful…
¶¶__¶¶
¶¶___¶¶

¶¶
¶¶
¶¶
¶¶ ntelligent…
¶¶
¶¶

¶¶¶¶¶¶
¶¶
¶¶¶¶¶ verlasting or loyal…
¶¶
¶¶¶¶¶¶

¶¶__¶¶
¶¶¶_¶¶
¶¶¶¶¶¶
¶¶¶¶¶¶ aughty…and
¶¶_¶¶¶
¶¶__¶¶

¶¶¶¶¶
¶¶¶¶¶¶
¶¶__¶¶¶
¶¶___¶¶earest of all…
¶¶__¶¶¶
¶¶¶¶¶¶
¶¶¶¶¶

इस प्रकार आप किसी भी टेक्स्ट को या टेक्स्ट आकृति को जैसा आप चाहते हैं दिखाने के लिए निम्न कोड का प्रयोग करें :-

<PRE style="border:1px dashed #ddd;padding:5px;color:blue;">
यहाँ पर आप अपना टेक्स्ट या टेक्स्ट आकृति का कोड पेस्ट करेंगे |
</pre>

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं ! Save as PDF

एक टिप्पणी भेजें

3 टिप्पणियाँ
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. विनीत भाई , क्या आपने ब्लॉग के लिए फीड बर्नर की प्रक्रिया पर कोई पोस्ट की है? क्यूँ की आपकी पोस्ट सूची में मुझे तो नही मिली। इन दिनों कई ब्लोग्स की पोस्ट्स ईमेल द्वारा पाठकों तक पहुंचनी बंद हो गयी है। बार बार फीडबर्नर पर रजिस्टर करने के बाद भी समस्या हल नही हो रही है। इस बारे में हिंदी ब्लोगर्स के लिए कोई पोस्ट भेजें। फीडबर्नर रजिस्ट्रेशन का तरीका ,और ईमेल सब्स्क्रिब वगैरा। मुझे भी इन दिनों कई लोगों ने ईमेल करके इसी समस्या के बारे में पूछा। मैंने उनसे यही कहा था की मै इस बारे में विनीत भाई को ईमेल कर दूंगा,वो ही इसका हल निकाल पाएंगे।

    जवाब देंहटाएं
    उत्तर
    1. फीड बर्नर पर फीड कम कर रही है | आप इस फीड बर्नर लिंक पर क्लिक करके देख सकते हैं | मैंने अभी -अभी इसे चैक किया है |

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

      हटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |