Blogger: Salon CSS don lamba akan Blog ɗin ku
Wani abokina ya tambaye ni yadda na yi yankuna masu lamba a shigarwar Blogger. Na yi shi ne ta amfani da alamar salo na CSS a cikin samfura na Blogger. Ga abin da na kara:
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
: Wannan ka'ida ce ta CSS da ke hari HTML<p>
abubuwa masu sunan ajin "code." Yana nufin cewa kowane sakin layi mai wannan ajin za a tsara shi bisa ga kaddarorin masu zuwa.font-family: Courier New;
: Wannan kadarar tana saita dangin font zuwa "Sabon Courier." Yana ƙayyade font ɗin da za a yi amfani da shi don rubutu a cikin abubuwan da aka yi niyya.font-size: 8pt;
: Wannan kayan yana saita girman font zuwa maki 8. Rubutun da ke cikin abubuwan da aka yi niyya za a nuna su a wannan girman font.border-style: inset;
: Wannan kadarar tana saita salon iyaka zuwa "saka." Yana haifar da ruɗewa ko latsawa ga iyakar kewaye abubuwan da aka yi niyya.border-width: 3px;
: Wannan kadarar tana saita faɗin iyakar zuwa pixels 3. Iyakar da ke kewaye da abubuwan za ta kasance kauri 3 pixels.padding: 5px;
: Wannan dukiya tana ƙara 5 pixels na padding kewaye da abun ciki a cikin abubuwan da aka yi niyya. Yana bayar da tazara tsakanin rubutu da iyaka.background-color: #FFFFFF;
: Wannan kadarar tana saita launin bango zuwa fari (#FFFFFF). Abubuwan da ke cikin abubuwan da aka yi niyya zasu sami farin bango.line-height: 100%;
: Wannan kadarar tana saita tsayin layin zuwa 100% na girman font. Yana tabbatar da cewa an raba layin rubutu gwargwadon girman font.margin: 10px;
: Wannan kadarar tana ƙara da gefe na 10 pixels a kusa da duka kashi. Yana ba da tazara tsakanin wannan kashi da sauran abubuwan da ke shafin.
Lambar CSS da aka bayar tana bayyana salo don sakin layi na HTML tare da "lambar" aji. Yana saita font, girman font, salon iyakoki, faɗin iyaka, fakiti, launi na bango, tsayin layi, da gefe na waɗannan sakin layi. Ana iya amfani da wannan salon zuwa snippets na lamba ko rubutun da aka riga aka tsara a cikin sakon Blogger don ba su takamaiman bayyanar.
Ga yadda za ta kasance:
p.code {
font-iyali: Courier Sabo;
girman font: 8pt;
salon iyaka: saiti;
Faɗin kan iyaka: 3px;
Dama: 5px;
bango-launi: #FFFFFF;
layin-tsawo: 100%;
gefe: 10px;
}
Kiyi Hakuri!