CSS stil za kod 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 {porodica fontova: Courier Novo; veličina fonta: 8pt; obrub: uložak; širina obruba: 3px; popunjavanje: 5px; boja pozadine: #FFFFFF; visina linije: 100%; marža: 10px}

Sljedeći korak je uređivanje moje oznake u modu '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 izgleda ispravno
  • Postavite stil obruba odlomka na 'umetnuti'. Ovo ponavlja kako tekstualno područje izgleda na stranici.
  • Postavite širinu obruba na 2 ili 3 piksela. Ovo čini da umetnuti stil obruba izgleda ispravno.
  • Padding postavlja udaljenost između obruba i teksta unutar.
  • Boja pozadine ... postavi je na bijelu (#FFFFFF)
  • Visina linije - Prilagodila sam ovo na 100% jer su neki drugi stilovi u mojoj bloger temi učinili da visina moje linije bude 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 to 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. To je malo dosadno! Moj savjet bi bio da napišete čitav svoj post i nakon toga napravite jedan mali edit.

Završna napomena ... obavezno koristite HTML entitete za prikaz svojih simbola! Nekoliko primjera:

  • Navodi (“) su“
  • > je>
  • > je>

Sretno kodiranje!

3 Komentari

  1. 1
  2. 2
  3. 3

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.