Blogger: Style CSS pou Kòd sou Blog ou a
Yon zanmi te mande m 'ki jan mwen te fè rejyon yo kòd nan antre Blogger. Mwen te fè li itilize yon tag style pou CSS nan modèl Blogger mwen an. Men sa mwen te ajoute:
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
: Sa a se yon règ CSS ki vize HTML<p>
eleman ki gen non klas "kòd". Sa vle di ke nenpòt paragraf ak klas sa a pral style selon pwopriyete sa yo.font-family: Courier New;
: Pwopriyete sa a mete fanmi polis la nan "Courier New." Li presize font ki pral itilize pou tèks la nan eleman vize yo.font-size: 8pt;
: Pwopriyete sa a mete gwosè font la sou 8 pwen. Tèks ki nan eleman vize yo ap parèt nan gwosè font sa a.border-style: inset;
: Pwopriyete sa a mete style fwontyè a nan "insert." Li kreye yon aparans koule oswa bourade pou fwontyè alantou eleman yo vize.border-width: 3px;
: Pwopriyete sa a mete lajè fwontyè a sou 3 piksèl. Fwontyè alantou eleman yo pral 3 piksèl epè.padding: 5px;
: Pwopriyete sa a ajoute 5 piksèl nan padding alantou kontni an andedan eleman yo vize. Li bay espas ant tèks la ak fwontyè a.background-color: #FFFFFF;
: Pwopriyete sa a mete koulè background nan blan (#FFFFFF). Kontni ki nan eleman vize yo pral gen yon background blan.line-height: 100%;
: Pwopriyete sa a mete wotè liy lan a 100% gwosè font la. Li asire ke liy tèks yo espace selon gwosè font la.margin: 10px;
: Pwopriyete sa a ajoute yon maj 10 piksèl alantou tout eleman an. Li bay espas ant eleman sa a ak lòt eleman nan paj la.
Kòd CSS yo bay la defini yon style pou paragraf HTML ak klas "kòd". Li fikse font, gwosè font, style fwontyè, lajè fwontyè, padding, koulè background, wotè liy, ak maj pou paragraf sa yo. Style sa a ka aplike nan fragments kòd oswa tèks preformate nan yon pòs Blogger pou ba yo yon aparans espesifik.
Men ki jan li pral gade:
p.code {
font-family: Courier New;
font-size: 8pt;
fwontyè-style: inset;
fwontyè-lajè: 3px;
padding: 5px;
background-koulè: #FFFFFF;
liy-wotè: 100%;
maj: 10px;
}
Ala bon sa bon kodaj!