Maudhui ya masoko

Blogger: Mtindo wa CSS kwa Msimbo kwenye Blogu Yako

Rafiki yangu aliniuliza jinsi nilivyofanya maeneo ya msimbo katika ingizo la Blogger. Nilifanya hivyo kwa kutumia lebo ya mtindo kwa CSS katika kiolezo changu cha Blogger. Hivi ndivyo nilivyoongeza:

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;
}
  1. p.code: Hii ni sheria ya CSS inayolenga HTML <p> vipengele vilivyo na jina la darasa "msimbo." Inamaanisha kuwa aya yoyote iliyo na darasa hili itawekwa kulingana na sifa zifuatazo.
  2. font-family: Courier New;: Mali hii inaweka familia ya fonti kuwa "Courier New." Inabainisha fonti ambayo itatumika kwa maandishi ndani ya vipengele vinavyolengwa.
  3. font-size: 8pt;: Sifa hii huweka saizi ya fonti hadi alama 8. Maandishi ndani ya vipengele vilivyolengwa yataonyeshwa kwa ukubwa huu wa fonti.
  4. border-style: inset;: Sifa hii huweka mtindo wa mpaka kuwa "kuweka." Inaunda mwonekano uliozama au ulioshinikizwa kwa mpaka unaozunguka vipengele vinavyolengwa.
  5. border-width: 3px;: Sifa hii huweka upana wa mpaka kuwa pikseli 3. Mpaka unaozunguka vipengele utakuwa na unene wa saizi 3.
  6. padding: 5px;: Kipengele hiki kinaongeza pikseli 5 za pedi kuzunguka maudhui ndani ya vipengele vinavyolengwa. Inatoa nafasi kati ya maandishi na mpaka.
  7. background-color: #FFFFFF;: Sifa hii huweka rangi ya usuli kuwa nyeupe (#FFFFFF). Maudhui ndani ya vipengele vilivyolengwa yatakuwa na usuli mweupe.
  8. line-height: 100%;: Sifa hii huweka urefu wa mstari hadi 100% ya saizi ya fonti. Inahakikisha kuwa mistari ya maandishi imepangwa kulingana na saizi ya fonti.
  9. margin: 10px;: Sifa hii inaongeza ukingo wa saizi 10 kuzunguka kipengele kizima. Inatoa nafasi kati ya kipengele hiki na vipengele vingine kwenye ukurasa.

Msimbo uliotolewa wa CSS unafafanua mtindo wa aya za HTML na "msimbo" wa darasa. Huweka fonti, saizi ya fonti, mtindo wa mpaka, upana wa mpaka, pedi, rangi ya usuli, urefu wa mstari, na ukingo wa aya hizi. Mtindo huu unaweza kutumika kwa vijisehemu vya msimbo au maandishi yaliyoumbizwa awali katika chapisho la Blogger ili kuvipa mwonekano mahususi.

Hivi ndivyo itakavyoonekana:

p.code {
font-familia: Courier Mpya;
saizi ya herufi: 8pt;
mpaka-style: inset;
upana wa mpaka: 3px;
padding: 5px;
rangi ya asili: #FFFFFF;
urefu wa mstari: 100%;
margin: 10px;
}

Furaha ya Kuandika!

Douglas Karr

Douglas Karr ni CMO ya Fungua MAELEZO na mwanzilishi wa Martech Zone. Douglas amesaidia kampuni nyingi za kuanzisha MarTech zilizofaulu, amesaidia katika bidii inayofaa ya zaidi ya $5 bil katika ununuzi na uwekezaji wa Martech, na anaendelea kusaidia kampuni katika kutekeleza na kuelekeza mikakati yao ya uuzaji na uuzaji kiotomatiki. Douglas ni mtaalamu wa mabadiliko ya kidijitali anayetambulika kimataifa na mtaalam wa MarTech na spika. Douglas pia ni mwandishi aliyechapishwa wa mwongozo wa Dummie na kitabu cha uongozi wa biashara.

Related Articles

Rudi kwenye kifungo cha juu
karibu

Adblock Imegunduliwa

Martech Zone inaweza kukupa maudhui haya bila gharama kwa sababu tunachuma mapato ya tovuti yetu kupitia mapato ya matangazo, viungo vya washirika na ufadhili. Tutashukuru ikiwa ungeondoa kizuizi chako cha matangazo unapotazama tovuti yetu.