CSS-tyyli koodille blogissasi

css

A friend of mine asked me how I made the code regions on my last blog entry. I actually ‘faked’ the code region utilizing a style. Within Blogger, you can edit your template. I added the following style:

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

The next step is to edit my tag in the ‘Edit Html’ mode. I simply point to my new style by making the tag. Voila! Breaking down the styles:

  • Aseta fontiksi Courier New… näyttää yleiseltä koodieditorilta
  • Aseta kirjasinkoko arvoksi 8pt, jotta se näyttää oikealta
  • Set the paragraph border style to ‘inset’. This replicates what a textarea looks like on the page.
  • 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.

That’s all there is too it! One note: The editor that comes with Blogger isn’t capable of displaying the as it will appear in your blog. But it works and looks great!

One more note… after you make the edit to the tag, the Blogger editor likes to randomly use it elsewhere across your post. It’s a little bit annoying! My advice would be to write your entire post and then make the one small edit afterwards.

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.