Stili CSS për Kodin në Blogun tuaj

css

Një mik i imi më pyeti se si i bëra rajonet e kodit në hyrjen time të fundit në blog. Unë në fakt 'falsifikova' rajonin e kodit duke përdorur një stil. Brenda Blogger, mund të modifikoni modelin tuaj. Unë shtova stilin e mëposhtëm:

p.kodi {font-family: Courier New; madhësia e shkronjave: 8pt; stili i kufirit: fut; gjerësia e kufirit: 3px; mbushje: 5px; ngjyra e sfondit: #FFFFFF; lartësia e vijës: 100%; diferenca: 10px}

Hapi tjetër është të modifikoj etiketën time në modalitetin 'Redakto Html'. Unë thjesht tregoj stilin tim të ri duke bërë etiketën. Voila! Prishja e stileve:

  • Vendosni fontin në Courier New… duket si një redaktues i kodit gjenerik
  • Vendosni madhësinë e shkronjave në 8pt për të parë të drejtë
  • Vendosni stilin e kufirit të paragrafit në 'futje'. Kjo përsërit se si duket një zonë teksti në faqe.
  • Vendosni gjerësinë e kufirit në 2 ose 3 pixel. Kjo e bën stilin e kufirit të ngulitur të duket i duhur.
  • Mbushja përcakton distancën midis kufirit dhe tekstit brenda.
  • Ngjyra e sfondit… vendoseni në të bardhë (#FFFFFF)
  • Lartësia e vijës - Unë e rregullova këtë në 100% sepse disa nga stilet e tjera në temën time të blogerit e bënë lartësinë time të linjës rreth 200%
  • Vendosni kufirin në 10 px. Kjo lëviz paragrafin (etiketën p) 10 pixel larg nga gjithçka.

Kaq është gjithçka! Një shënim: Redaktori që vjen me Blogger nuk është i aftë të shfaqë siç do të shfaqet në blogun tënd. Por funksionon dhe duket shkëlqyeshëm!

Edhe një shënim… pasi të bëni redaktimin e etiketës, redaktorit Blogger i pëlqen ta përdorë rastësisht diku tjetër në postimin tuaj. Ashtë pak e bezdisshme! Këshilla ime do të ishte të shkruani të gjithë postimin tuaj dhe më pas të bëni një redaktim të vogël më pas.

Një shënim i fundit… sigurohuni që të përdorni Entitetet HTML për të shfaqur simbolet tuaja! Disa shembuj:

  • Citimet (“) janë“
  • > është>
  • > është>

Gëzuar Kodimin!

3 Comments

  1. 1
  2. 2
  3. 3

Çfarë mendoni ju?

Kjo faqe përdor Akismet për të reduktuar spamin. Mësoni se si përpunohet komenti juaj.