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;
}
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.font-family: Courier New;
: Ovo svojstvo postavlja obitelj fontova na "Courier New." Određuje font koji će se koristiti za tekst unutar ciljanih elemenata.font-size: 8pt;
: Ovo svojstvo postavlja veličinu fonta na 8 točaka. Tekst unutar ciljanih elemenata bit će prikazan ovom veličinom fonta.border-style: inset;
: Ovo svojstvo postavlja stil obruba na "umetnuto". Stvara udubljeni ili utisnuti izgled obruba oko ciljanih elemenata.border-width: 3px;
: Ovo svojstvo postavlja širinu obruba na 3 piksela. Granica oko elemenata bit će debela 3 piksela.padding: 5px;
: ovo svojstvo dodaje 5 piksela ispune oko sadržaja unutar ciljanih elemenata. Omogućuje razmak između teksta i obruba.background-color: #FFFFFF;
: Ovo svojstvo postavlja boju pozadine na bijelu (#FFFFFF). Sadržaj unutar ciljanih elemenata imat će bijelu pozadinu.line-height: 100%;
: Ovo svojstvo postavlja visinu retka na 100% veličine fonta. Osigurava da su redovi teksta razmaknuti prema veličini fonta.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!