Blogger: CSS Style para sa Code sa Imong Blog
Gipangutana ko sa usa ka higala kung giunsa nako paghimo ang mga rehiyon sa code sa entry sa Blogger. Gibuhat nako kini gamit ang style tag para sa CSS sa akong Blogger template. Ania ang akong gidugang:
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
: Kini usa ka lagda sa CSS nga nagpunting sa HTML<p>
mga elemento nga adunay ngalan sa klase nga "code." Nagpasabot kini nga ang bisan unsang paragraph nga adunay kini nga klase paga-estilo sumala sa mosunod nga mga kabtangan.font-family: Courier New;
: Kini nga propyedad nagbutang sa pamilya sa font ngadto sa “Courier New.” Gipiho niini ang font nga gamiton alang sa teksto sulod sa gipunting nga mga elemento.font-size: 8pt;
: Kini nga kabtangan nagtakda sa gidak-on sa font ngadto sa 8 puntos. Ang teksto sa sulod sa gipunting nga mga elemento ipakita sa kini nga gidak-on sa font.border-style: inset;
: Kini nga kabtangan nagtakda sa istilo sa utlanan sa "inset." Naghimo kini og usa ka sunken o napilit nga hitsura alang sa utlanan sa palibot sa mga target nga elemento.border-width: 3px;
: Kini nga kabtangan nagtakda sa gilapdon sa utlanan ngadto sa 3 ka pixel. Ang utlanan sa palibot sa mga elemento mahimong 3 ka pixel ang gibag-on.padding: 5px;
: Kini nga propyedad nagdugang ug 5 ka pixel sa padding sa palibot sa sulod sulod sa gitumong nga mga elemento. Naghatag kini og gilay-on tali sa teksto ug sa utlanan.background-color: #FFFFFF;
: Kini nga kabtangan nagtakda sa kolor sa background ngadto sa puti (#FFFFFF). Ang sulod sulod sa gipunting nga mga elemento adunay puti nga background.line-height: 100%;
: Kini nga kabtangan nagtakda sa gitas-on sa linya ngadto sa 100% sa gidak-on sa font. Gisiguro niini nga ang mga linya sa teksto gilay-on sumala sa gidak-on sa font.margin: 10px;
: Kini nga kabtangan nagdugang ug margin nga 10 ka pixel sa palibot sa tibuok elemento. Naghatag kini og gilay-on tali niini nga elemento ug uban pang mga elemento sa panid.
Ang gihatag nga CSS code naghubit sa usa ka estilo alang sa mga paragraph sa HTML nga adunay klase nga "code." Nagtakda kini sa font, gidak-on sa font, estilo sa utlanan, gilapdon sa utlanan, padding, kolor sa background, gitas-on sa linya, ug margin alang niini nga mga parapo. Kini nga istilo mahimong magamit sa mga snippet sa code o preformatted nga teksto sa usa ka post sa Blogger aron mahatagan sila usa ka piho nga hitsura.
Ania kung unsa ang hitsura niini:
p.code {
font-family: Bag-ong Courier;
gidak-on sa font: 8pt;
border-style: inset;
gilapdon sa utlanan: 3px;
padding: 5px;
kolor sa background: #FFFFFF;
gitas-on sa linya: 100%;
margin: 10px;
}
Malipayon nga Coding!