Kodearen CSS estiloa zure blogean

css

Nire lagun batek galdetu zidan nola egin nituen kode eskualdeak blogeko azken sarreran. Egia esan, kodea eskualdea "faltsutu" nuen estilo bat erabiliz. Blogger-en barruan, zure txantiloia edita dezakezu. Estilo hau gehitu dut:

p.code {font-family: Courier New; letra-tamaina: 8pt; border-style: txertatzea; ertzaren zabalera: 3px; betegarria: 5px; atzeko kolorea: #FFFFFF; lerro altuera:% 100; marjina: 10 px}

Hurrengo pausoa nire etiketa "Editatu HTML" moduan editatzea da. Etiketa eginez nire estilo berria seinalatzen dut. Voila! Estiloak xehatuz:

  • Ezarri letra tipo Courier New gisa ... kode editore generikoa dirudi
  • Ezarri letra-tipoa 8pt-era, itxura egokia izateko
  • Ezarri paragrafoaren ertzeko estiloa 'txertatu' gisa. Honek testu-eremua orrialdean nolakoa den errepikatzen du.
  • Ezarri ertzaren zabalera 2 edo 3 pixeletan. Horrek txertatutako ertzaren estiloa itxura egokia ematen du.
  • Betegarriak ertzaren eta barneko testuaren arteko distantzia ezartzen du.
  • Atzeko planoaren kolorea ... ezarri zuri (#FFFFFF)
  • Lerro altuera -% 100era egokitu dut nire blogger gaiaren beste estilo batzuek nire lerroaren altuera% 200 inguru egin dutelako.
  • Ezarri marjina 10 px. Honek paragrafoa (p etiketa) 10 pixeletik urruntzen du guztietatik.

Hori ere bada! Ohar bat: Blogger-ekin datorren editorea ez da gai zure blogean agertuko den moduan bistaratzeko. Baina funtzionatzen du eta itxura bikaina du!

Ohar bat gehiago ... etiketaren aldaketa egin ondoren, Blogger editoreak gustuko du ausaz erabiltzea zure mezu guztian. Pixka bat gogaikarria da! Nire aholkua litzateke zure mezu osoa idaztea eta gero edizio txiki bat egitea.

Azken ohar bat ... ziurtatu HTML Entitateak erabiltzen dituzula zure sinboloak bistaratzeko! Pare bat adibide:

  • Aipuak (") dira"
  • > da>
  • > da>

Kodetze zoriontsua!

3 Comments

  1. 1
  2. 2
  3. 3

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.