CSS stilius kodui jūsų tinklaraštyje

CSS

Mano draugas paklausė, kaip aš padariau kodo regionus savo paskutiniame tinklaraščio įraše. Aš iš tikrųjų „suklastojau“ kodo sritį naudodamas stilių. „Blogger“ galite redaguoti šabloną. Aš pridėjau šį stilių:

p.code {font-family: Kurjeris naujas; šrifto dydis: 8pt; sienos stilius: įdėklas; kraštinės plotis: 3px; užpildas: 5px; fono spalva: #FFFFFF; linijos aukštis: 100%; paraštė: 10 taškų}

Kitas žingsnis - redaguoti žymą „Redaguoti HTML“ režimu. Aš tiesiog nurodau savo naują stilių, sukurdamas žymę. Voila! Stilių suskaidymas:

  • Nustatykite šriftą į „Courier New“ ... atrodo kaip bendrojo kodo redaktorius
  • Norėdami tinkamai atrodyti, nustatykite šrifto dydį 8pt
  • Pastraipos krašto stilių nustatykite į „įterpti“. Tai pakartoja, kaip teksto sritis atrodo puslapyje.
  • Kraštinės plotį nustatykite į 2 arba 3 taškus. Dėl to įterptas sienų stilius atrodo teisingas.
  • Paminkštinimas nustato atstumą tarp krašto ir viduje esančio teksto.
  • Fono spalva ... nustatyti baltą (#FFFFFF)
  • Linijos aukštis - aš tai pakoregavau iki 100%, nes kai kurie kiti mano tinklaraščių temos stiliai padarė mano linijos aukštį apie 200%
  • Nustatykite paraštę į 10 taškų. Tai pastraipą (p žymą) perkelia 10 taškų nuo visko.

Viskas ir per daug! Viena pastaba: redaktorius, pateiktas kartu su „Blogger“, negali parodyti tokio, koks bus rodomas jūsų tinklaraštyje. Bet tai veikia ir atrodo puikiai!

Dar viena pastaba ... atlikus žymos redagavimą, „Blogger“ redaktorius mėgsta ją atsitiktinai naudoti kitur jūsų įraše. Tai šiek tiek erzina! Mano patarimas būtų parašyti visą savo įrašą ir po to padaryti vieną mažą redagavimą.

Viena paskutinė pastaba ... simboliams rodyti būtinai naudokite HTML elementus! Pora pavyzdžių:

  • Citatos („) yra“
  • > yra>
  • > yra>

Laimingo kodavimo!

3 komentarai

  1. 1
  2. 2
  3. 3

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.