Stile CSS per Codice in u vostru Blog

cafe css

Un amicu mio m'hà dumandatu cumu aghju fattu e regioni di codice nantu à a mo ultima entrata in blog. In realtà aghju 'falsatu' a regione di u codice aduprendu un stile. In Blogger, pudete edità u vostru mudellu. Aghju aghjustatu u stilu seguente:

p.code {font-family: Courier Novu; font-size: 8pt; stile di cunfini: inset; larghezza di cunfini: 3px; imbottitura: 5px; culore-fondu: #FFFFFF; altezza di linea: 100%; margin: 10px}

U passu prossimu hè di mudificà u mo tag in u modu 'Modificà HTML'. Semplicemente indicu u mo novu stile facendu u tag. Voila! Rumpendu i stili:

  • Impostate a fonte à Courier New ... pare un editore di codice genericu
  • Impostate a dimensione di a fonte à 8pt per vede bè
  • Piazzà u stilu di bordu di u paràgrafu per "inserisce". Questu riplicate ciò chì pare una textarea in a pagina.
  • Impostate a larghezza di u bordu à 2 o 3 pixel. Questu face chì u stilu di cunfini inseritu pare ghjustu.
  • U Padding stabilisce a distanza trà u cunfini è u testu dentru.
  • Culore di fondu ... mette in biancu (#FFFFFF)
  • Altitudine di linea - Aghju aghjustatu questu à 100% perchè alcuni di l'altri stili in u mo tema blogger anu fattu a mo altezza di linea circa 200%
  • Pone u margine à 10 px. Questu sposta u paràgrafu (tag p) 10 pixel luntanu da tuttu.

Hè tuttu ciò chì ci hè troppu! Una nota: L'editore chì vene cun Blogger ùn hè micca capace di visualizà cumu apparirà in u vostru blog. Ma funziona è pare bellu!

Una nota di più ... dopu avè fattu a mudificazione à l'tag, l'editore Blogger li piace à usalla à casu in altrò in u vostru postu. Hè un pocu fastidiosu! U mo cunsigliu seria di scrive tuttu u vostru postu è dopu fà una piccula modifica dopu.

Una nota finale ... assicuratevi di aduprà Entità HTML per visualizà i vostri simboli! Un coppiu d'esempii:

  • Quotes (") sò"
  • > hè>
  • > hè>

Felice Codificazione!

3 Comments

  1. 1
  2. 2
  3. 3

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.