Kontenta Merkatumado

Blogisto: CSS Stilo por Kodo en Via Blogo

Amiko demandis min kiel mi faris la kodregionojn en Blogger-enskribo. Mi faris ĝin uzante stiletikedon por CSS en mia ŝablono Blogger. Jen kion mi aldonis:

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: Ĉi tio estas CSS-regulo, kiu celas HTML-on <p> elementoj kun la klasnomo "kodo". Ĝi signifas, ke ajna alineo kun ĉi tiu klaso estos stilita laŭ la sekvaj trajtoj.
  2. font-family: Courier New;: Ĉi tiu posedaĵo agordas la tiparfamilion al "Courier New." Ĝi specifas la tiparon, kiu estos uzata por la teksto ene de la celitaj elementoj.
  3. font-size: 8pt;: Ĉi tiu posedaĵo fiksas la tiparon al 8 poentoj. La teksto ene de la celitaj elementoj montriĝos laŭ ĉi tiu tiparo.
  4. border-style: inset;: Ĉi tiu posedaĵo fiksas la randan stilon al "enmetita". Ĝi kreas alfundiĝintan aŭ premitan aspekton por la limo ĉirkaŭ la celitaj elementoj.
  5. border-width: 3px;: Ĉi tiu posedaĵo fiksas la randan larĝon al 3 pikseloj. La limo ĉirkaŭ la elementoj estos 3 pikseloj dika.
  6. padding: 5px;: Ĉi tiu posedaĵo aldonas 5-pikselojn da kompletigo ĉirkaŭ la enhavo ene de la celitaj elementoj. Ĝi provizas interspacon inter la teksto kaj la limo.
  7. background-color: #FFFFFF;: Ĉi tiu posedaĵo metas la fonkoloron al blanka (#FFFFFF). La enhavo ene de la celitaj elementoj havos blankan fonon.
  8. line-height: 100%;: Ĉi tiu posedaĵo fiksas la linialton al 100% de la tiparo. Ĝi certigas, ke la tekstaj linioj estas interspacigitaj laŭ la tiparo.
  9. margin: 10px;: Ĉi tiu posedaĵo aldonas marĝenon de 10 pikseloj ĉirkaŭ la tuta elemento. Ĝi provizas interspacon inter ĉi tiu elemento kaj aliaj elementoj sur la paĝo.

La provizita CSS-kodo difinas stilon por HTML-alineoj kun la klaso "kodo". Ĝi fiksas la tiparon, tiparograndon, randan stilon, randan larĝon, kompletigon, fonkoloron, linion altecon kaj marĝenon por ĉi tiuj alineoj. Ĉi tiu stilo povas esti aplikata al kodaj fragmentoj aŭ antaŭformata teksto en Blogger-afiŝo por doni al ili specifan aspekton.

Jen kiel ĝi aspektos:

p.kodo {
tiparo-familio: Kuriero Nova;
tiparo-grandeco: 8pt;
border-stilo: inset;
rand-larĝo: 3px;
kompletigo: 5px;
fonkoloro: #FFFFFF;
linio-alteco: 100%;
rando: 10px;
}

Feliĉan Kodigon!

Douglas Karr

Douglas Karr estas CMO de OpenINSIGHTS kaj la fondinto de la Martech Zone. Douglas helpis dekduojn da sukcesaj MarTech-noventreprenoj, helpis en la konvena diligento de pli ol $ 5 miliardoj en Martech-akiroj kaj investoj, kaj daŭre helpas firmaojn en efektivigado kaj aŭtomatigo de siaj vendaj kaj merkatigstrategioj. Douglas estas internacie agnoskita cifereca transformo kaj MarTech-eksperto kaj parolanto. Douglas ankaŭ estas publikigita verkinto de la gvidisto de Dummie kaj komerca gvidadlibro.

rilataj Artikoloj

Reen al la supra butono
Fermi

Adbloko Detektita

Martech Zone kapablas provizi al vi ĉi tiun enhavon senkoste ĉar ni monetigas nian retejon per reklamaj enspezoj, filiaj ligiloj kaj sponsorado. Ni dankus se vi forigus vian reklamblokilon dum vi rigardas nian retejon.