Blogger: CSS stíll fyrir kóða á blogginu þínu
Vinur spurði mig hvernig ég gerði kóðasvæðin í Blogger færslunni. Ég gerði það með því að nota stílmerki fyrir CSS í Blogger sniðmátinu mínu. Hér er það sem ég bætti við:
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: Þetta er CSS regla sem miðar á HTML<p>
þættir með flokksheitinu „kóði“. Það þýðir að sérhver málsgrein með þessum flokki verður stíluð í samræmi við eftirfarandi eiginleika.font-family: Courier New;
: Þessi eign stillir leturfjölskylduna á „Courier New“. Það tilgreinir leturgerðina sem verður notuð fyrir textann innan markþáttanna.font-size: 8pt;
: Þessi eiginleiki stillir leturstærð á 8 stig. Textinn innan markhópanna mun birtast í þessari leturstærð.border-style: inset;
: Þessi eiginleiki stillir ramma stílinn á „innfellt“. Það skapar niðursokkið eða pressað útlit fyrir landamærin í kringum markhópa.border-width: 3px;
: Þessi eiginleiki stillir rammabreiddina á 3 pixla. Ramminn í kringum þættina verður 3 pixlar á þykkt.padding: 5px;
: Þessi eiginleiki bætir við 5 pixlum af fyllingu í kringum innihaldið inni í markhópunum. Það gefur bil á milli texta og ramma.background-color: #FFFFFF;
: Þessi eiginleiki setur bakgrunnslitinn á hvítan (#FFFFFF). Efnið innan markhópanna mun hafa hvítan bakgrunn.line-height: 100%;
: Þessi eiginleiki stillir línuhæðina á 100% af leturstærðinni. Það tryggir að textalínum sé dreift í samræmi við leturstærð.margin: 10px;
: Þessi eiginleiki bætir við 10 pixlum spássíu um allan þáttinn. Það veitir bil á milli þessa þáttar og annarra þátta á síðunni.
Meðfylgjandi CSS kóða skilgreinir stíl fyrir HTML málsgreinar með bekknum „kóða“. Það stillir leturgerð, leturstærð, landamærastíl, rammabreidd, fyllingu, bakgrunnslit, línuhæð og spássíu fyrir þessar málsgreinar. Hægt er að nota þennan stíl á kóðabúta eða forsniðinn texta í Blogger-færslu til að gefa þeim ákveðið útlit.
Svona mun það líta út:
p.kóði {
font-family: Courier New;
leturstærð: 8pt;
landamærastíll: innfelldur;
jaðarbreidd: 3px;
padding: 5px;
bakgrunnslitur: #FFFFFF;
línuhæð: 100%;
framlegð: 10px;
}
Gleðilega kóðun!