Ulkoasun muokkausta

Ärsyttävätkö kuvien reunat? Häiritsevätkö varjostukset?

Oletko koskaan halunnut blogisi otsikon ja päiväyksen keskitetyksi?

Onko html-koodissasi ongelmia tai et muuten vain halua käyttää sitä?

Tässä on (ehkäpä) ratkaisu pulmaasi! Ja helposti CSS:n avulla!

Tässä blogissa on ollut ongelmia html-koodin kanssa, koska se ei ole halunnut toimia, joten laitan tähän pari CSS -koodin ohjetta! ☺

Olen kuullut, että CSS -koodi ei kuulemma valitettavasti toimi vielä Internet explererilla, mutta Cromella, Mozillalla ja Operalla ainakin sen pitäisi toimia!

Otsikon & päiväyksen keskittäminen

otsikon keskittäminen:

1. Malli -> Mukauta -> Lisäasetukset

2. Avaa CSS, joka on kaikista alinpana!

3. Lisää seuraava koodi kenttään:

h3.post-title{

text-align:center;

}

4. Ja sitten paina 'käytä blogissa'.

Valmista!

päiväyksen keskittäminen:

Toimi samoin, kuin äsken, mutta lisää vain tämä koodi:

.date-header {

text-align:center;

}

Lopuksi paina: 'käytä blogissa'

Valmista!

Kuvien reunat ja varjostukset pois:

HUOM!! poistaa kaikki varjostukset, kaikista kuvista, profiili yms. kuvia myöten!

Toimi kuin äsken, mutta liisää tämä koodi CSS.ääsi:

.post-body img, .post-body .tr-caption-container, .Profile img,

.Image img, .BlogList .item-thumbnail img {

border: 0px;

-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);

border-radius: 0px 0px 0px 0px;

background: none;

}

Ja sitten paina: 'käytä blogissa'

Valmista!

Toivottavasti toimivat! (en ole järin hyvä näissä koodailuissa..) Itsellä ainakin toimi!

Tämä oli toisaalta aika turha postaus, koska tämä löytyy melkein joka paikasta, mutta koska olen laiska, niin en jaksa joka kerran etsiä näitä, jos tarvitsen. Tälläistä lisää?