CSS stil za kôd na vašem blogu

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!