CSS-i stiil koodi jaoks teie blogis

css

Üks mu sõber küsis minult, kuidas ma oma viimases blogikirjes koodiregioonid tegin. Ma tegelikult "võltsisin" koodi piirkonna, kasutades stiili. Bloggeris saate malli muuta. Lisasin järgmise stiili:

p.code {font-family: Kuller Uus; fondi suurus: 8pt; piiri stiilis: sisestatud; äärise laius: 3px; polster: 5px; taustavärv: #FFFFFF; joone kõrgus: 100%; veeris: 10px}

Järgmine samm on redigeerida oma silti režiimis „Muuda HTML-i”. Viitan sildi tegemisega lihtsalt oma uuele stiilile. Voila! Stiilide jaotamine:

  • Määra fondiks Courier New ... näeb välja nagu üldine koodiredaktor
  • Parema väljanägemise saamiseks määrake fondi suuruseks 8pt
  • Määrake lõigu äärise stiiliks „sisesta”. See kordab, kuidas tekstiala lehel välja näeb.
  • Määrake ääre laiuseks 2 või 3 pikslit. See muudab sisestatud äärisstiili õigeks.
  • Pehmendus määrab piiri ja teksti sees oleva kauguse.
  • Taustavärv ... määrake see valgeks (#FFFFFF)
  • Reakõrgus - kohandasin selle väärtuseks 100%, kuna mõned muud minu bloggeri teema stiilid muutsid mu joone kõrguseks umbes 200%
  • Määrake veeriseks 10 pikslit. See viib lõigu (p-märgendi) kõigest 10 pikslit eemale.

See on ka kõik, mis seal on! Üks märkus: Bloggeriga kaasas olev toimetaja ei suuda kuvada seda, nagu see teie blogis kuvatakse. Kuid see töötab ja näeb hea välja!

Veel üks märkus ... pärast märgendi muutmise tegemist meeldib Bloggeri redigeerijale seda juhuslikult mujal teie postituses kasutada. See on natuke tüütu! Minu nõuanne oleks kirjutada kogu oma postitus ja seejärel teha üks väike redaktsioon pärast seda.

Üks viimane märkus ... kindlasti kasutage oma sümbolite kuvamiseks HTML-üksusi! Paar näidet:

  • Tsitaadid (“) on“
  • > on>
  • > on>

Head kodeerimist!

3 Kommentaarid

  1. 1
  2. 2
  3. 3

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.