CSS stil za kôd na vašem blogu

css

Moj prijatelj me pitao kako sam stvorio regije koda na svom zadnjem unosu na blog. Zapravo sam 'lažirao' regiju koda koristeći stil. U Bloggeru možete uređivati ​​svoj predložak. Dodao sam sljedeći stil:

p.code {font-family: Courier Novo; veličina slova: 8pt; obrub: uložak; širina obruba: 3 piksela; podstava: 5px; boja pozadine: #FFFFFF; visina crte: 100%; marža: 10 piksela}

Sljedeći je korak uređivanje moje oznake u načinu 'Uredi HTML'. Jednostavno ukazujem na svoj novi stil izradom oznake. Voila! Razbijanje stilova:

  • Postavite font na Courier New ... izgleda kao urednik generičkog koda
  • Postavite veličinu fonta na 8pt da biste izgledali ispravno
  • Postavite stil obruba odlomka na "umetnuti". Ovo ponavlja kako tekstualno područje izgleda na stranici.
  • Postavite širinu obruba na 2 ili 3 piksela. Zbog toga stil umetnutog obruba izgleda ispravno.
  • Padding postavlja udaljenost između obruba i teksta unutar.
  • Boja pozadine ... postavite je na bijelu (#FFFFFF)
  • Visina crte - Prilagodio sam ovo na 100% jer su neki drugi stilovi u mojoj bloger temi učinili visinu moje linije oko 200%
  • Postavite marginu na 10 px. Ovim se odlomak (p tag) odmakne za 10 piksela od svega.

I to je sve! Jedna napomena: Uređivač koji dolazi s Bloggerom ne može prikazati ono što će se pojaviti na vašem blogu. Ali djeluje i izgleda sjajno!

Još jedna napomena ... nakon što izvršite uređivanje oznake, uređivač Bloggera voli je nasumično koristiti negdje drugdje u vašem postu. Malo je dosadno! Moj bi savjet bio da napišete cijeli svoj post i nakon toga napravite jedan mali edit.

Posljednja napomena ... svakako koristite HTML entitete za prikaz svojih simbola! Nekoliko primjera:

  • Navodi (") su"
  • > je>
  • > je>

Sretno kodiranje!

3 Komentari

  1. 1
  2. 2
  3. 3

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.