Content marketing

Blogger: CSS stil za kôd na vašem blogu

Prijatelj me pitao kako sam napravio regije koda u unosu na Bloggeru. Učinio sam to koristeći oznaku stila za CSS u svom Blogger predlošku. Evo što sam dodao:

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: Ovo je CSS pravilo koje cilja na HTML <p> elementi s nazivom klase "code". To znači da će svaki odlomak s ovom klasom biti stiliziran prema sljedećim svojstvima.
  2. font-family: Courier New;: Ovo svojstvo postavlja obitelj fontova na "Courier New." Određuje font koji će se koristiti za tekst unutar ciljanih elemenata.
  3. font-size: 8pt;: Ovo svojstvo postavlja veličinu fonta na 8 točaka. Tekst unutar ciljanih elemenata bit će prikazan ovom veličinom fonta.
  4. border-style: inset;: Ovo svojstvo postavlja stil obruba na "umetnuto". Stvara udubljeni ili utisnuti izgled obruba oko ciljanih elemenata.
  5. border-width: 3px;: Ovo svojstvo postavlja širinu obruba na 3 piksela. Granica oko elemenata bit će debela 3 piksela.
  6. padding: 5px;: ovo svojstvo dodaje 5 piksela ispune oko sadržaja unutar ciljanih elemenata. Omogućuje razmak između teksta i obruba.
  7. background-color: #FFFFFF;: Ovo svojstvo postavlja boju pozadine na bijelu (#FFFFFF). Sadržaj unutar ciljanih elemenata imat će bijelu pozadinu.
  8. line-height: 100%;: Ovo svojstvo postavlja visinu retka na 100% veličine fonta. Osigurava da su redovi teksta razmaknuti prema veličini fonta.
  9. margin: 10px;: Ovo svojstvo dodaje marginu od 10 piksela oko cijelog elementa. Omogućuje razmak između ovog elementa i ostalih elemenata na stranici.

Navedeni CSS kod definira stil za HTML odlomke s klasom "code". Postavlja font, veličinu fonta, stil obruba, širinu obruba, ispunu, boju pozadine, visinu retka i marginu za ove odlomke. Ovaj se stil može primijeniti na isječke koda ili unaprijed formatirani tekst u postu na Bloggeru kako bi im se dao specifičan izgled.

Evo kako će to izgledati:

p.code {
obitelj-fontova: Courier New;
veličina fonta: 8pt;
stil obruba: umetnuti;
border-width: 3px;
Popunjavanje: 5px;
boja pozadine: #FFFFFF;
visina linije: 100%;
marža: 10px;
}

Sretno kodiranje!

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desecima uspješnih MarTech startupa, pomogao je u due diligence-u od preko 5 milijardi USD u Martech akvizicijama i ulaganjima te nastavlja pomagati tvrtkama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak i govornik za digitalnu transformaciju i MarTech. Douglas je također objavljeni autor Dummie's guide i knjige o poslovnom vodstvu.

Vezani članci

Natrag na vrh
Blizu

Otkriven je Adblock

Martech Zone može vam pružiti ovaj sadržaj bez ikakvih troškova jer svoju web stranicu unovčavamo putem prihoda od oglasa, pridruženih veza i sponzorstava. Cijenili bismo kada biste uklonili program za blokiranje oglasa dok pregledavate našu stranicu.