CSS-tyyli koodille blogissasi

css

Ystäväni kysyi minulta, kuinka tein koodialueet viimeisimmässä blogimerkinnässäni. Itse asiassa 'väärennin' koodialuetta tyylillä. 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 vaihe on muokata tagiani Muokkaa HTML-tilassa -tilassa. Osoitan yksinkertaisesti uutta tyyliäni tekemällä tunnisteen. Voila! Tyylien erittely:

  • Aseta fontiksi Courier New… näyttää yleiseltä koodieditorilta
  • Aseta kirjasinkoko arvoksi 8pt, jotta se näyttää oikealta
  • Määritä kappaleen reunatyyliksi 'lisäys'. Tämä toistaa miltä tekstialue näyttää sivulta.
  • 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ä kaikki on liian! Yksi huomautus: Bloggerin mukana toimitettu editori ei pysty näyttämään sellaista, kuin se näkyy blogissasi. Mutta se toimii ja näyttää hyvältä!

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 viesti ja tehdä sitten yksi pieni muokkaus jälkeenpäin.

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.