Edukia Marketing

Blogger: zure blogeko kodearen CSS estiloa

Lagun batek galdetu zidan nola egin nituen kode-eskualdeak Blogger sarreran. Nire Blogger txantiloian CSSrako estilo-etiketa bat erabiliz egin nuen. Hona hemen gehitu dudana:

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: HTML helburu duen CSS arau bat da <p> "kodea" klase izena duten elementuak. Esan nahi du klase hau duen edozein paragrafo ondorengo propietateen arabera estiloa izango dela.
  2. font-family: Courier New;: propietate honek letra-tipo-familia "Courier New" gisa ezartzen du. Helburuko elementuen barruan testurako erabiliko den letra-tipoa zehazten du.
  3. font-size: 8pt;: propietate honek letra-tipoaren tamaina 8 puntutan ezartzen du. Helburuko elementuen barruan dagoen testua letra-tamaina honetan bistaratuko da.
  4. border-style: inset;: propietate honek ertzaren estiloa "txertatzea" ezartzen du. Helburuko elementuen inguruko ertzaren itxura hondoratua edo sakatua sortzen du.
  5. border-width: 3px;: propietate honek ertzaren zabalera 3 pixeletan ezartzen du. Elementuen inguruko ertzak 3 pixeleko lodiera izango du.
  6. padding: 5px;: propietate honek 5 pixel betegarri gehitzen ditu helburuko elementuen barruan edukiaren inguruan. Testuaren eta ertzaren arteko tartea ematen du.
  7. background-color: #FFFFFF;: propietate honek atzeko planoaren kolorea zuria ezartzen du (#FFFFFF). Helburuko elementuen barneko edukiak hondo zuria izango du.
  8. line-height: 100%;: propietate honek lerroaren altuera letra-tipoaren tamainaren % 100ean ezartzen du. Testu-lerroak letra-tipoaren tamainaren arabera tartekatuta daudela ziurtatzen du.
  9. margin: 10px;: propietate honek 10 pixeleko marjina gehitzen du elementu osoaren inguruan. Elementu honen eta orrialdeko beste elementu batzuen arteko tartea ematen du.

Emandako CSS kodeak HTML paragrafoetarako estilo bat definitzen du "kodea" klasearekin. Letra-tipoa, letra-tamaina, ertzaren estiloa, ertzaren zabalera, betegarria, atzeko planoaren kolorea, lerroaren altuera eta marjina ezartzen ditu paragrafo hauetarako. Estilo hau Blogger-eko argitalpen bateko kode zatiei edo aurrez formateatutako testuei aplika dakieke itxura zehatz bat emateko.

Hona hemen nola izango den:

p.code {
letra-tipo-familia: Courier New;
letra-tamaina: 8pt;
ertz-estiloa: txertaketa;
ertzaren zabalera: 3px;
padding: 5px;
atzeko planoaren kolorea: #FFFFFF;
lerro-altuera: % 100;
marjina: 10px;
}

Kodetze zoriontsua!

Douglas Karr

Douglas Karr -ren CMO da OpenINSIGHTS eta ren sortzailea Martech Zone. Douglasek MarTech startup arrakastatsu batzuei lagundu die, Martech-en erosketetan eta inbertsioetan 5 milioi dolar baino gehiagoko diligentzian lagundu du eta enpresei laguntzen jarraitzen du salmenta eta marketin estrategiak ezartzen eta automatizatzen. Douglas nazioartean ezaguna den eraldaketa digitala eta MarTech aditua eta hizlaria da. Douglas Dummie's gidaren eta negozioen lidergoaren liburu baten egilea ere bada.

Gaiarekin lotutako artikuluak

Itzuli gora botoia
Itxi

Adblokea hauteman da

Martech Zone eduki hau kosturik gabe eskaintzeko gai da, gure webgunea iragarkien diru-sarreren, kideen esteken eta babesen bidez dirua irabazten dugulako. Eskertuko genuke gure gunea ikusten duzun bitartean iragarkien blokeatzailea kentzea.