अपने ब्लॉग पर दो रंग का टेबल को कैसे स्थापित करें ?

अपने ब्लॉग पर दो रंग का टेबल को कैसे स्थापित करें ?

अपने ब्लॉग पर दो रंग का टेबल कैसे स्थापित करें ?

आज की पोस्ट में ये छोटी सी ट्रिक्स :-

यदि आप अपने टेक्स्ट को टेबल में लिखते है तो अक्सर ऐसा होता है कि उस टेबल का बार्डर एक ही रंग में होता है | मैंने प्राय: बहुत सी वेबसाईट पर भी देखा है कि यदि उन वेबसाईट पर कोई भी टेक्स्ट टेबल में लिखा होता है तो वो एक ही रंग के टेबल में लिखा होता है | तो मैंने सोचा कि क्यों न टेबल के रूप को बदला जाए | थोड़ी से कोशिश करने के बाद इस कोड कोड को लगाने में सफलता प्राप्त कर ली | यही दो रंगों वाला टेबल कोड आपके लिए भी प्रस्तुत है | लेकिन ! उस से पहले आप उस दो रंग के टेबल के एक झलक देख लें |

VANEET	टिप्स हिंदी में	विनीत	नागपाल	VANEET	NAGPAL
VANEET	NAGPAL	विनीत	नागपाल	VANEET	NAGPAL

यदि आपको इस प्रकार के दो रंगों के टेबल को अपने ब्लॉग पर स्थापित करना चाहते हैं तो आप निम्न चरणों का पालन कीजिए :-
स्टेप एक : निम्न बटन पर कलिक करें व इस टेबल कोड को अपने ब्लॉग पर स्थापित कर लें |

टिप्स हिंदी में

<center> <marquee onmouseover="this.stop()" onmouseout="this.start()" class="myspace-marquee" direction="left" behavior="alternate" scrollamount="2" width="290" height="20"><a href="http://cityjalalabad.blogspot.com/2012/05/how-to-set-color-of-table-on-your-blog.html">विजेट आपके ब्लॉग पर </a></marquee><br/> <style type="text/css"> .table {border: solid blue;font-size:14px;color:blue;text-align:center;border-collapse: collapse;table-layout:fixed;width:433pt;} .table td {border:1px solid #f60;padding-left:5px;} </style> </center>

स्टेप दो : आप उपरोक्त उदारहण में दिखाए गए टेबल का कोड निम्न देख सकते हैं | जहाँ पर अंग्रेजी में व हिंदी विनीत नागपाल लिखा है वहाँ पर आप अपना टेक्स्ट लिखेंगे | यदि आपने ये दो स्टेप आसानी से पूरे कर लिए तो ये समझ लीजिए किए आपने दो रंग का टेबल अपने ब्लॉग पर आसानी से स्थापित कर लिया |

<table class="table">
<tr>
<td>VANEET</td>
<td>टिप्स हिंदी में </td>
<td>विनीत </td>
<td>नागपाल </td>
<td>VANEET</td>
<td>NAGPAL</td>
</tr>

<tr>
<td>VANEET</td>
<td>NAGPAL</td>
<td>विनीत </td>
<td>नागपाल </td>
<td>VANEET</td>
<td>NAGPAL</td>
</tr>
</table>

नोट : आप ये टेबल जिसमें आपने अपना टेक्स्ट लिखा है इस कोड को आपने अपनी पोस्ट के एडिट मोड में जा कर जहां आप अपने टेक्स्ट को टेबल में दिखाना चाहते हैं वहाँ पर इस कोड कोड को लिखना है |

क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |

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