CSS Style fir Code op Ärem Blog

CSS

E Frënd vu mir huet mech gefrot wéi ech d'Code Regiounen op mengem leschte Blogbäitrag gemaach hunn. Ech hunn eigentlech d'Code Regioun 'gefälscht' mat engem Stil. Bannent Blogger kënnt Dir Är Schabloun änneren. Ech hunn de folgende Stil bäigefüügt:

p.code {font-family: Courier Nei; Schrëftgréisst: 8pt; Grenzstil: Insetzen; Grenz-Breet: 3px; padding: 5px; Hannergrondfaarf: #FFFFFF; Linn-Héicht: 100%; Spillraum: 10px}

De nächste Schrëtt ass meng Tag am 'Edit Html' Modus z'änneren. Ech weisen einfach op mäin neie Stil andeems ech den Tag maachen. Voila! D'Stiler zerbriechen:

  • Setzt d'Schrëft op Courier New ... gesäit aus wéi e generesche Code Editor
  • Setzt d'Schrëftgréisst op 8pt fir richteg ze kucken
  • Setzt de Paragraf Grenzstil op 'Inset'. Dëst replikéiert wéi eng Textarea op der Säit ausgesäit.
  • Setzt d'Grenzbreet op 2 oder 3 Pixel. Dëst mécht den agebaute Grenzstil richteg.
  • Padding setzt d'Distanz tëscht der Grenz an dem Text dobannen.
  • Hannergrondfaarf ... setzt se op wäiss (#FFFFFF)
  • Linn-Héicht - ech hunn dat op 100% ugepasst well e puer aner Stiler a mengem Blogger Thema meng Linn Héicht ongeféier 200% gemaach hunn
  • Setzt d'Margin op 10 px. Dëst bewegt de Paragraf (p Tag) 10 Pixel vun alles ewech.

Dat ass alles wat et ass! Eng Note: Den Editor deen mam Blogger kënnt ass net fäeg déi ze weisen wéi se an Ärem Blog erschéngt. Awer et funktionnéiert a gesäit super aus!

Eng weider Notiz ... nodeems Dir d'Ännerung vum Tag gemaach hutt, benotzt de Blogger Editor et zoufälleg soss anzwousch an Ärem Post. Et ass e bëssen nervt! Mäi Rot wier et de ganze Post ze schreiwen an duerno eng kleng Ännerung ze maachen.

Eng lescht Notiz ... gitt sécher HTML Entitéiten ze benotzen fir Är Symboler ze weisen! E puer Beispiller:

  • Zitater (“) sinn“
  • > ass>
  • > ass>

Happy Kodéierung!

3 Comments

  1. 1
  2. 2
  3. 3

Wat denks du?

Dëse Site benotzt Akismet fir Spam ze reduzéieren. Léiert wéi Är Kommentarfaten veraarbecht ginn.