Blogger: zure blogeko kodearen CSS estiloa
Lagun batek galdetu zidan nola egin nituen kode-eskualdeak Blogger sarreran. Nire Blogger txantiloian CSSrako estilo-etiketa bat erabiliz egin nuen. Hona hemen gehitu dudana:
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
: HTML helburu duen CSS arau bat da<p>
"kodea" klase izena duten elementuak. Esan nahi du klase hau duen edozein paragrafo ondorengo propietateen arabera estiloa izango dela.font-family: Courier New;
: propietate honek letra-tipo-familia "Courier New" gisa ezartzen du. Helburuko elementuen barruan testurako erabiliko den letra-tipoa zehazten du.font-size: 8pt;
: propietate honek letra-tipoaren tamaina 8 puntutan ezartzen du. Helburuko elementuen barruan dagoen testua letra-tamaina honetan bistaratuko da.border-style: inset;
: propietate honek ertzaren estiloa "txertatzea" ezartzen du. Helburuko elementuen inguruko ertzaren itxura hondoratua edo sakatua sortzen du.border-width: 3px;
: propietate honek ertzaren zabalera 3 pixeletan ezartzen du. Elementuen inguruko ertzak 3 pixeleko lodiera izango du.padding: 5px;
: propietate honek 5 pixel betegarri gehitzen ditu helburuko elementuen barruan edukiaren inguruan. Testuaren eta ertzaren arteko tartea ematen du.background-color: #FFFFFF;
: propietate honek atzeko planoaren kolorea zuria ezartzen du (#FFFFFF). Helburuko elementuen barneko edukiak hondo zuria izango du.line-height: 100%;
: propietate honek lerroaren altuera letra-tipoaren tamainaren % 100ean ezartzen du. Testu-lerroak letra-tipoaren tamainaren arabera tartekatuta daudela ziurtatzen du.margin: 10px;
: propietate honek 10 pixeleko marjina gehitzen du elementu osoaren inguruan. Elementu honen eta orrialdeko beste elementu batzuen arteko tartea ematen du.
Emandako CSS kodeak HTML paragrafoetarako estilo bat definitzen du "kodea" klasearekin. Letra-tipoa, letra-tamaina, ertzaren estiloa, ertzaren zabalera, betegarria, atzeko planoaren kolorea, lerroaren altuera eta marjina ezartzen ditu paragrafo hauetarako. Estilo hau Blogger-eko argitalpen bateko kode zatiei edo aurrez formateatutako testuei aplika dakieke itxura zehatz bat emateko.
Hona hemen nola izango den:
p.code {
letra-tipo-familia: Courier New;
letra-tamaina: 8pt;
ertz-estiloa: txertaketa;
ertzaren zabalera: 3px;
padding: 5px;
atzeko planoaren kolorea: #FFFFFF;
lerro-altuera: % 100;
marjina: 10px;
}
Kodetze zoriontsua!