I-Blogger: Isitayela Se-CSS Sekhodi Kubhulogi Yakho
Umngane ungibuze ukuthi ngenze kanjani izifunda zekhodi ekufakweni kwe-Blogger. Ngikwenze ngisebenzisa umaka wesitayela we-CSS kusifanekiso sami se-Blogger. Nakhu engikwengezile:
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
: Lona umthetho we-CSS oqondise i-HTML<p>
izici ezinegama lekilasi elithi “ikhodi.” Kusho ukuthi noma yisiphi isigaba esinaleli klasi sizobhalwa ngokwalezi zakhiwo ezilandelayo.font-family: Courier New;
: Lesi sakhiwo sisetha umndeni wefonti kokuthi “Courier New.” Icacisa ifonti ezosetshenziselwa umbhalo ongaphakathi kwezinto ezihlosiwe.font-size: 8pt;
: Lesi sici sisetha usayizi wefonti kumaphoyinti angu-8. Umbhalo ongaphakathi kwezinto ezihlosiwe uzoboniswa kulo sayizi wefonti.border-style: inset;
: Lesi sici sisetha isitayela somngcele ukuze "sifakwe." Idala ukubukeka okucwile noma okucindezelwe emngceleni ozungeze izinto ezihlosiwe.border-width: 3px;
: Lesi sici sisetha ububanzi bomngcele bube ngamaphikseli angu-3. Umngcele ozungeze izakhi uzoba ugqinsi lwamaphikseli angu-3.padding: 5px;
: Lesi sici sengeza amaphikseli angu-5 okupheda azungeze okuqukethwe ngaphakathi kwezinto ezihlosiwe. Inikeza isikhala phakathi kombhalo nomngcele.background-color: #FFFFFF;
: Lesi sakhiwo sisetha umbala wangemuva ube mhlophe (#FFFFFF). Okuqukethwe phakathi kwezinto ezihlosiwe kuzoba nengemuva elimhlophe.line-height: 100%;
: Lesi sici sisetha ubude bomugqa bufike ku-100% wosayizi wefonti. Iqinisekisa ukuthi imigqa yombhalo ihlukaniswe ngokosayizi wefonti.margin: 10px;
: Lesi sakhiwo sengeza umkhawulo wamaphikseli angu-10 kuyo yonke into. Ihlinzeka ngesikhala phakathi kwale elementi nezinye izakhi ekhasini.
Ikhodi ye-CSS enikeziwe ichaza isitayela sezigaba ze-HTML “nekhodi” yekilasi. Isetha ifonti, usayizi wefonti, isitayela somngcele, ububanzi bomngcele, ukupheda, umbala wangemuva, ubude bomugqa, kanye nemajini yalezi zigaba. Lesi sitayela singasetshenziswa kumazwibela ekhodi noma embhalweni ofomethwe kusengaphambili kokuthunyelwe kwe-Blogger ukuze kubonakale ukubukeka okuthile.
Nakhu ukuthi izobukeka kanjani:
p.code {
ifonti-umndeni: Courier New;
usayizi wefonti: 8pt;
isitayela somngcele: isethi;
ububanzi bomngcele: 3px;
i-padding: 5px;
umbala wangemuva: #FFFFFF;
ukuphakama komugqa: 100%;
imajini: 10px;
}
Ukubhala ngekhodi okuhle!