CSS Style za kodo v vašem blogu

Moj prijatelj me je vprašal, kako sem ustvaril kodne regije pri svojem zadnjem vpisu v blog. Pravzaprav sem "ponaredil" kodno regijo z uporabo sloga. V Bloggerju lahko uredite predlogo. Dodal sem naslednji slog:

p.code {družina pisav: Courier New; velikost pisave: 8pt; mejni slog: vložek; širina obrobe: 3 slikovne pike; oblazinjenje: 5px; barva ozadja: #FFFFFF; višina črte: 100%; marža: 10px}

Naslednji korak je, da uredite mojo oznako v načinu 'Uredi HTML'. Z oznako preprosto pokažem na svoj novi slog. Voila! Razčlenitev stilov:

• Nastavite pisavo na Courier New ... izgleda kot urejevalnik generične kode
• Velikost pisave nastavite na 8pt, da bo videti pravilno
• Slog obrobe odstavka nastavite na 'inset'. To ponazarja, kako besedilo izgleda na strani.
• Širino obrobe nastavite na 2 ali 3 slikovne pike. Tako je vstavljeni slog obrobe videti pravilno.
• Oblazinjenje nastavi razdaljo med obrobo in besedilom znotraj.
• Barva ozadja ... nastavite na belo (#FFFFFF)
• Višina črte - to sem prilagodil na 100%, ker so nekateri drugi slogi v moji blogerski temi naredili višino črte približno 200%
• Nastavite rob na 10 px. S tem se odstavek (oznaka p) premakne za 10 pik stran od vsega.

Tudi to je vse! Ena opomba: Urejevalnik, ki je priložen Bloggerju, ne more prikazati, kot bo prikazan v vašem spletnem dnevniku. Ampak deluje in izgleda super!

Še ena opomba… potem ko uredite oznako, jo urednik Blogger rad naključno uporabi drugje v vaši objavi. To je malce nadležno! Moj nasvet bi bil, da napišete celotno objavo in nato naredite eno majhno spremembo.

Še zadnja opomba ... za prikaz svojih simbolov uporabite entitete HTML! Nekaj ​​primerov:

• Navedki (“) so“
• > je>
• > je>

Srečno kodiranje!