Blogger: Stil CSS għall-Kodiċi fuq il-Blog Tiegħek
Ħabib staqsieni kif għamilt ir-reġjuni tal-kodiċi fid-dħul ta' Blogger. Għamiltha bl-użu ta' tag stil għal CSS fil-mudell tal-Blogger tiegħi. Hawn dak li żidt:
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
: Din hija regola CSS li timmira HTML<p>
elementi bl-isem tal-klassi "kodiċi." Ifisser li kwalunkwe paragrafu b'din il-klassi se jiġi stilat skond il-proprjetajiet li ġejjin.font-family: Courier New;
: Din il-proprjetà tistabbilixxi l-familja tat-tipa għal "Courier New." Jispeċifika t-tipa li se tintuża għat-test fi ħdan l-elementi mmirati.font-size: 8pt;
: Din il-proprjetà tistabbilixxi d-daqs tat-tipa għal 8 punti. It-test fl-elementi mmirati se jintwera f'dan id-daqs tat-tipa.border-style: inset;
: Din il-proprjetà tistabbilixxi l-istil tal-fruntiera għal "inset." Joħloq dehra mgħaddsa jew ippressata għall-fruntiera madwar l-elementi mmirati.border-width: 3px;
: Din il-proprjetà tissettja l-wisa' tal-fruntiera għal 3 pixels. Il-fruntiera madwar l-elementi se tkun ħoxna ta '3 pixels.padding: 5px;
: Din il-proprjetà żżid 5 pixels ta 'padding madwar il-kontenut ġewwa l-elementi mmirati. Jipprovdi spazjar bejn it-test u l-fruntiera.background-color: #FFFFFF;
: Din il-proprjetà tistabbilixxi l-kulur tal-isfond għal abjad (#FFFFFF). Il-kontenut fi ħdan l-elementi mmirati se jkollu sfond abjad.line-height: 100%;
: Din il-proprjetà tistabbilixxi l-għoli tal-linja għal 100% tad-daqs tat-tipa. Jiżgura li l-linji tat-test huma spazjati skont id-daqs tat-tipa.margin: 10px;
: Din il-proprjetà żżid marġini ta' 10 pixels madwar l-element kollu. Jipprovdi spazjar bejn dan l-element u elementi oħra fil-paġna.
Il-kodiċi CSS ipprovdut jiddefinixxi stil għal paragrafi HTML bil-klassi "kodiċi." Jissettja t-tipa, id-daqs tat-tipa, l-istil tal-fruntiera, il-wisa 'tal-borduri, il-padding, il-kulur tal-isfond, l-għoli tal-linja, u l-marġni għal dawn il-paragrafi. Dan l-istil jista' jiġi applikat għal siltiet ta' kodiċi jew test ifformattjat minn qabel f'post ta' Blogger biex jagħtihom dehra speċifika.
Ara kif se tidher:
p.code {
font-family: Courier Ġdid;
daqs tat-tipa: 8pt;
stil tal-fruntiera: daħla;
wisa' tal-fruntiera: 3px;
Kuttunar: 5px;
kulur tal-isfond: #FFFFFF;
linja-għoli: 100%;
marġni: 10px;
}
Kodifikazzjoni kuntenta!