Blogger: CSS Style yeCode paBlog Yako
Shamwari yakandibvunza kuti ndakagadzira sei kodhi matunhu muBlogger yekupinda. Ndakazviita ndichishandisa dhizaini tag yeCSS mune yangu Blogger template. Hezvino zvandawedzera:
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
: Uyu ndiwo mutemo weCSS wakanangana neHTML<p>
zvinhu zvine zita rekirasi "code." Zvinoreva kuti chero ndima ine kirasi iyi inozonyorwa zvinoenderana neanotevera maitiro.font-family: Courier New;
: Ichi chivakwa chinoisa mhuri yefonti ku "Courier New." Inotsanangura font ichashandiswa kumavara mukati mezvinhu zvakanangwa.font-size: 8pt;
: Ichi chivakwa chinoisa saizi yefonti ku8 mapoinzi. Mavara ari mukati mezvinhu zvakanangwa acharatidzwa pakukura kwefonti uku.border-style: inset;
: Ichi chivakwa chinoisa chimiro chemuganho kuti "inset." Inogadzira chimiro chakanyura kana chakatsikirirwa kumuganhu wakatenderedza zvinhu zvakanangwa.border-width: 3px;
: Ichi chivakwa chinoisa muganho hupamhi kusvika 3 pixels. Muganhu wakatenderedza zvinhu uchava 3 pixels gobvu.padding: 5px;
: Ichi chivakwa chinowedzera 5 pixels epadding kutenderedza zviri mukati mezvinhu zvakanangwa. Inopa nzvimbo pakati pezvinyorwa uye muganhu.background-color: #FFFFFF;
: Ichi chivakwa chinoisa iyo yekumashure ruvara kune chena (#FFFFFF). Izvo zviri mukati mezvinhu zvakanangwa zvichange zvine chena kumashure.line-height: 100%;
: Ichi chivakwa chinoisa urefu hwemutsara kusvika ku100% yehukuru hwefonti. Inova nechokwadi chekuti mitsara yemavara inopatsanurwa zvichienderana nehukuru hwefonti.margin: 10px;
: Ichi chivakwa chinowedzera muganho wegumi pixels kutenderedza chinhu chose. Inopa nzvimbo pakati pechinhu ichi nezvimwe zvinhu zviri papeji.
Iyo CSS kodhi yakapihwa inotsanangura chimiro cheHTML ndima nekirasi "kodhi." Inoseta font, saizi yefonti, chimiro chemuganhu, upamhi hwemuganhu, padding, ruvara rwemashure, kureba kwemutsara, uye muganho wendima idzi. Chimiro ichi chinogona kuiswa kumakodhi snippets kana preformatted zvinyorwa muBlogger positi kuvapa chaiyo kutaridzika.
Hezvino kuti zvichataridzika sei:
p.code {
font-mhuri: Courier New;
saizi yefonti: 8pt;
border-style: inset;
muganhu-upamhi: 3px;
padding: 5px;
kumashure-ruvara: #FFFFFF;
mutsara-urefu: 100%;
kumucheto: 10px;
}
Happy Coding!