आपल्या ब्लॉगवरील कोडसाठी सीएसएस शैली

CSS

माझ्या एका मित्राने मला विचारले की मी माझ्या शेवटच्या ब्लॉग एन्ट्रीमध्ये कोड क्षेत्रे कशी बनविली. मी शैलीचा वापर करत कोड प्रदेश खरोखरच 'बनावट' करतो. ब्लॉगरमध्ये आपण आपले टेम्पलेट संपादित करू शकता. मी खालील शैली जोडली:

p.code {फॉन्ट-कुटुंब: कुरिअर नवीन; फॉन्ट-आकार: 8pt; सीमा-शैली: इनसेट; सीमा-रुंदी: 3px; पॅडिंग: 5 पीएक्स; पार्श्वभूमी रंग: #FFFFFF; ओळ उंची: 100%; समास: 10px}

पुढील चरण म्हणजे 'एचटीएमएल संपादित करा' मोडमध्ये माझा टॅग संपादित करणे. मी फक्त टॅग बनवून माझ्या नवीन शैलीकडे लक्ष वेधतो. व्होइला! शैली खाली मोडणे:

  • कुरियर नवीन वर फॉन्ट सेट करा… सामान्य कोड संपादकासारखा दिसत आहे
  • योग्य दिसण्यासाठी फॉन्ट आकार 8pt वर सेट करा
  • परिच्छेद सीमा शैली 'इनसेट' वर सेट करा. हे टेक्स्टरीया पृष्ठावर कसे दिसते ते प्रतिबिंबित करते.
  • सीमा रुंदी 2 किंवा 3 पिक्सेल वर सेट करा. यामुळे इनसेटची सीमा शैली योग्य दिसत आहे.
  • पॅडिंग सीमा आणि आतील मजकूर दरम्यान अंतर सेट करते.
  • पार्श्वभूमी रंग ... ते पांढर्‍यावर सेट करा (#FFFFFF)
  • लाइन-उंची - मी हे 100% मध्ये समायोजित केले कारण माझ्या ब्लॉगर थीममधील इतर काही शैलींनी माझी ओळ उंची 200% केली
  • मार्जिन 10 px वर सेट करा. हे परिच्छेद (पी टॅग) प्रत्येक गोष्टीपासून 10 पिक्सल दूर हलवते.

इतकेच आहे तेही! एक टीपः ब्लॉगरसह येणारा संपादक आपल्या ब्लॉगमध्ये दिसल्याप्रमाणे प्रदर्शित करण्यास सक्षम नाही. पण ते कार्य करते आणि छान दिसते!

अजून एक लक्षात ठेवा… आपण टॅगमध्ये संपादन केल्यानंतर ब्लॉगर संपादक आपल्या पोस्टवर इतरत्र यादृच्छिकपणे ते वापरणे पसंत करतो. हे थोडे त्रासदायक आहे! माझा सल्ला असा आहे की आपले संपूर्ण पोस्ट लिहा आणि नंतर एक लहान संपादन करा.

एक अंतिम टीप… आपली चिन्हे प्रदर्शित करण्यासाठी HTML घटक वापरण्याची खात्री करा! दोन उदाहरणे:

  • कोट्स (“)”
  • > आहे>
  • > आहे>

शुभेच्छा कोडिंग!

3 टिप्पणी

  1. 1
  2. 2
  3. 3

    मी आता पेक्षा लिहायला गरज नाही आहे. आपण उपयुक्त संपादक वापरू शकता. आपण रंग, सीमा इ. निवडू शकता.

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.