Sivujen keskittäminen

Mene Malli > Mukauta > Lisää CSS:

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Harmaat pallot pois blogin alaosasta

Lisää CSS.ään alla oleva koodi:

.blog-pager {
  background: none;
}

Omanlainen kursori blogiin

Monet minulta kyselivät Lifestyle-blogini puolella, kuinka sain omanlaiseni kursorin. Ajattelin nyt vihdoin antaa teille apua tähän!

1. Mene ensin cursors-4u nettisivulle (on toki muitakin, mutta tämä on minusta paras ja simppelein!)

2. Valitse kategoria, ja etsi mieluisesi kursori, ja klikkaa sitä.

3. Kun rullaat kursorin sivulla hieman alaspäin huomaat Option #1:sen ja Option #2:sen. Valitse Option #2, ja kopioi sen alapuolella olevassa laatikossa oleva teksti.

4. Liitä juuri kopioimasi koodi; Malli > Mukauta > Lisää CSS

Valmis!

Tekstin otsikon varjostus hiiren vietäessä päälle -efekti

Kuinka saada otsikkoon varjostus hiiren vetäessä sen päälle?

Lisää alla oleva koodi CSS:ään:

h3.post-title a:hover{
text-shadow: black 3px 2px 2px; 
}

Black kohta tarkoittaa varjostuksen väriä. Väri voi olla heksakoodi, tai grey / black jne. Punaiset kakkoset määrittävät, millainen varjostuksesta tulee paksuudeltaan. Ensimmäinen kakkonen määrittää, miten vinoon oikealle/vasemmalle (riippuu käytetäänkö posiitivista vai negatiivista lukua) varjostus menee. Toinen kakkonen määrittää, miten alas varjostus menee otsikon "oikeasta tekstistä", eikä varjosta. Kolmas kakkonen määrittää varjon selkeyden: jos käytetään numeroa 1, varjo on musta ja ikään kuin ohut. Jos kohdassa käytetään numeroa 10, varjosta ei enää saa teksin suhteen oikeastaan mitään selvää, joten itse suosittelen designin vuoksi ehkä numero 5:sta. 

Jos haluat varjon otsikkoon pysyvästi = ilman, että siihen viedään hiiri päälle, lisää seuraava koodi edellisen tilalle:

h3.post-title a:link{
text-shadow: black1px 2px 4px; 
}

Kohdat ovat täysin samat kuin ensimmäisessäkin koodissa, nyt vain varjo pysyy koko ajan.

Blogin kulmien pyöristäminen

Jos haluat blogiisi pyöristetyt kulmat, noudata seuraavia ohjeita:

Malli -> Mukauta -> Lisäasetukset -> Lisää CSS

Lisää CSS:ään alla oleva koodi: 

.content-inner {
border-radius: 100px;
}

Mitä isommaksi muutat "100"px lukua, sitä pyöristetymmät blogin kulmista tulevat.

HUOM! Tämä koodi ei muuta blogisi banneria automaattisesti pyöreäksi, joten sun täytyy tehdä se itse jollakkin muokkausohjelmalla.