CSS-tyyli koodille blogissasi

css

Ystäväni kysyi minulta, miten tein koodialueet viimeiseen blogikirjoitukseeni. Oikeastaan ​​"teeskentelin" koodialueen käyttämällä tyyliä. Bloggerissa voit muokata malliasi. Lisäsin seuraavan tyylin:

p.code {font-family: Courier Uusi; kirjasinkoko: 8pt; reunatyyli: upotettu; reunan leveys: 3 kuvapistettä; pehmuste: 5px; taustaväri: #FFFFFF; viivan korkeus: 100%; marginaali: 10px}

Seuraava askel on muokata tagiani Edit Html -tilassa. Osoitan yksinkertaisesti uutta tyyliäni tekemällä tagin. Voila! Tyylien erittely:

  • Aseta fontiksi Courier New… näyttää yleiseltä koodieditorilta
  • Aseta kirjasinkoko arvoksi 8pt, jotta se näyttää oikealta
  • Aseta kappaleen reunatyyliksi 'upota'. Tämä toistaa, miltä tekstialue näyttää sivulla.
  • Aseta reunuksen leveydeksi 2 tai 3 pikseliä. Tämä tekee upotetun reunatyylin näyttävän oikealta.
  • Täyte määrittää etäisyyden reunan ja tekstin välillä.
  • Taustaväri ... aseta se valkoiseksi (#FFFFFF)
  • Viivan korkeus - muutin tämän arvoksi 100%, koska jotkut muut bloggeri-teeman tyylit tekivät linjan korkeudeksi noin 200%
  • Aseta marginaaliksi 10 kuvapistettä. Tämä siirtää kappaleen (p-tunnisteen) 10 kuvapistettä pois kaikesta.

Siinä on myös kaikki! Yksi huomautus: Bloggerin mukana toimitettu editori ei pysty näyttämään sellaista kuin se näkyy blogissasi. Mutta toimii ja näyttää hienolta!

Vielä yksi huomautus… kun olet muokannut tagia, Blogger -editori haluaa käyttää sitä satunnaisesti muualla viestissäsi. Se on vähän ärsyttävää! Minun neuvoni olisi kirjoittaa koko viestisi ja tehdä sitten pieni muokkaus sen jälkeen.

Viimeinen huomautus ... muista käyttää HTML-entiteettejä symboliesi näyttämiseen! Pari esimerkkiä:

  • Lainaukset (“) ovat”
  • > on>
  • > on>

Hyvää koodausta!

3 Kommentit

  1. 1
  2. 2
  3. 3

    I asiaa ei tarvitse kirjoittaa nyt kuin. voit käyttää hyödyllisiä muokkausohjelmia. voit valita värin, reunuksen jne.

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.