CSS-Stilo por Kodo en via Blogo

css

Amiko mia demandis min, kiel mi kreis la kodregionojn en mia lasta bloga eniro. Mi fakte "falsis" la kodregionon uzante stilon. En Blogger, vi povas redakti vian ŝablonon. Mi aldonis la jenan stilon:

p.kodo {tiparo-familio: Kuriero Nova; tipargrandeco: 8pt; border-style: enmeti; rando-larĝo: 3px; kompletigo: 5px; fonkoloro: #FFFFFF; linia alteco: 100%; rando: 10px}

La sekva paŝo estas redakti mian etikedon en la reĝimo 'Redakti HTML'. Mi simple montras mian novan stilon farante la etikedon. Voila! Malkonstruante la stilojn:

  • Agordu la tiparon al Kuriero Nova ... aspektas kiel ĝenerala kodredaktilo
  • Agordu la tiparon laŭ 8pt por aspekti ĝuste
  • Agordu la alineajn randajn stilojn al 'enmeti'. Ĉi tio reproduktas aspekton de tekstareo sur la paĝo.
  • Agordu la randlarĝon al 2 aŭ 3 rastrumeroj. Ĉi tio igas la enmetitan landliman stilon ĝusta.
  • Remburado fiksas la distancon inter la rando kaj la teksto interne.
  • Fona koloro ... starigu ĝin al blanka (#FFFFFF)
  • Linia alteco - Mi ĝustigis ĉi tion al 100% ĉar iuj el la aliaj stiloj en mia bloga temo faris mian linian altecon ĉirkaŭ 200%
  • Agordu la randon al 10 px. Ĉi tio movas la alineon (p-etikedo) 10 rastrumerojn for de ĉio.

Jen ĉio estas ankaŭ ĝi! Unu noto: La redaktilo kun Blogger ne kapablas montri tian, kia ĝi aperos en via blogo. Sed ĝi funkcias kaj aspektas bonege!

Ankoraŭ unu noton ... post kiam vi redaktis la etikedon, la redaktoro de Blogger ŝatas hazarde uzi ĝin aliloke tra via afiŝo. Ĝi iomete ĝenas! Mia konsilo estus skribi vian tutan afiŝon kaj poste fari la unu redaktadon poste.

Unu fina noto ... nepre uzu HTML-entojn por montri viajn simbolojn! Paraj ekzemploj:

  • Citaĵoj (") estas"
  • > estas>
  • > estas>

Feliĉan Kodigon!

3 Komentoj

  1. 1
  2. 2
  3. 3

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.