तपाईंको ब्लगमा कोडको लागि CSS शैली

मेरो एक मित्रले मलाई मेरो अन्तिम ब्लग प्रविष्टिमा कोड क्षेत्र कसरी बनायो भनेर सोधे। मैले वास्तवमै शैली क्षेत्र प्रयोग गर्दै कोड क्षेत्र 'फेक' गरें। ब्लगर भित्र, तपाईं आफ्नो टेम्प्लेट सम्पादन गर्न सक्नुहुनेछ। मैले निम्न शैली थप गर्‍यो:

p.code {फन्ट-परिवार: कूरियर नयाँ; फन्ट आकार: 8pt; सीमा शैली: inset; सीमा चौडाई: 3px; प्याडि;: p px; पृष्ठभूमि रंग: #FFFFFF; लाइन उचाई: १००%; मार्जिन: १०px}

अर्को चरण भनेको मेरो ट्यागलाई 'HTML लाई सम्पादन गर्नुहोस्' मोडमा सम्पादन गर्नु हो। म केवल ट्याग बनाएर नयाँ शैलीमा औंल्याउँछु। Voila! शैलीहरू तोड्दै:

• फन्ट कुरियर नयाँमा सेट गर्नुहोस् ... जेनेरिक कोड सम्पादक जस्तो देखिन्छ
• दायाँ हेर्नका लागि फन्ट साइज 8pt मा सेट गर्नुहोस्
• अनुच्छेद सीमा शैली 'inset' मा सेट गर्नुहोस्। यसले टेक्स्टेरिया पृष्ठमा कस्तो देखिन्छ प्रतिलिपि गर्दछ।
• सीमा चौडाई २ वा ix पिक्सेलमा सेट गर्नुहोस्। यसले इनसेट बोर्डर शैली सहि देखिन्छ।
• प्याडि .ले बोर्डर र भित्र पाठ बीच दूरी सेट गर्दछ।
• पृष्ठभूमि रंग ... सेतो (#FFFFFF) मा सेट गर्नुहोस्
• लाइन उचाई - मैले यसलाई १००% मा समायोजित गरें किनकि मेरो ब्लगर थिममा अन्य शैलीहरूको केहि मेरो रेखा उचाई करिब २००% बनायो।
• मार्जिन १० px मा सेट गर्नुहोस्। यसले प्याराग्राफ (p ट्याग) सबैबाट १० पिक्सेल टाढा सार्दछ।

त्यो त्यहाँ धेरै छ! एउटा नोट: ब्लगरको साथ आउने सम्पादक प्रदर्शन गर्न सक्षम छैन किनकि यो तपाईंको ब्लगमा देखा पर्नेछ। तर यो काम गर्दछ र राम्रो देखिन्छ!

एउटा नोट ... तपाईंले ट्यागमा सम्पादन गरेपछि, ब्लगर सम्पादकले यसलाई तपाईंको पोस्टको अन्यत्र अनियमित रूपमा प्रयोग गर्न मनपराउँदछ। यो अलि अलि कष्टप्रद छ! मेरो सल्लाह तपाईंको सम्पूर्ण पोष्ट लेख्न र त्यसपछि एउटा सानो सम्पादन गर्नु हो।

एउटा अन्तिम नोट ... तपाइँको प्रतीकहरू प्रदर्शन गर्न HTML संस्थाहरूको प्रयोग गर्न निश्चित हुनुहोस्! केही उदाहरणहरू:

• उद्धरण (")"
• > छ>
• > छ>

खुशीको कोडिंग!