CSS-styl vir kode op u blog

css

'N Vriend van my het my gevra hoe ek die kode in my laaste bloginskrywing gemaak het. Ek het die kodegebied eintlik 'vervals' deur 'n styl te gebruik. Binne Blogger kan u u sjabloon wysig. Ek het die volgende styl bygevoeg:

p.code {font-family: Courier New; lettergrootte: 8pt; grensstyl: inlas; grenswydte: 3px; opvulling: 5px; agtergrondkleur: #FFFFFF; lynhoogte: 100%; marge: 10px}

Die volgende stap is om my tag in die 'Edit Html'-modus te wysig. Ek wys bloot op my nuwe styl deur die etiket te maak. Voila! Breek die style af:

  • Stel die lettertipe op Courier New ... lyk soos 'n generiese kode-redakteur
  • Stel die lettergrootte op 8pt om reg te lyk
  • Stel die paragraafrandstyl op 'inlas'. Dit herhaal hoe 'n teksarea op die bladsy lyk.
  • Stel die randwydte op 2 of 3 pixels. Dit laat die ingelegde randstyl reg lyk.
  • Vulsel stel die afstand tussen die rand en die teks binne.
  • Agtergrondkleur ... stel dit op wit (#FFFFFF)
  • Lynhoogte - ek het dit tot 100% aangepas omdat sommige ander style in my blogger-tema my lyn ongeveer 200% gemaak het
  • Stel die kantlyn op 10 px. Dit beweeg die paragraaf (p tag) 10 pixels van alles af.

Dit is al wat daar is! Een opmerking: die redakteur wat by Blogger kom, kan die nie vertoon soos dit in u blog sal verskyn nie. Maar dit werk en lyk wonderlik!

Nog 'n opmerking ... nadat u die tag gewysig het, wil die Blogger-redakteur dit lukraak elders in u boodskap gebruik. Dit is 'n bietjie irriterend! My advies is om u hele berig te skryf en daarna die een klein wysiging aan te bring.

Een laaste opmerking ... gebruik HTML-entiteite om u simbole te vertoon! 'N Paar voorbeelde:

  • Aanhalings (“) is“
  • > is>
  • > is>

Gelukkige kodering!

3 Comments

  1. 1
  2. 2
  3. 3

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.