Otsikon ja päivämäärän keskitys

Nyt ei enää tarvi kirjottaa joka postauksee noita center juttuja. Ctrl + F > column-center-inner

.main-inner .column-center-inner {
   padding: 0 $(main.padding);
}

.main-inner .column-center-inner {text-align:center;
  padding: 0 $(main.padding);
text-align:center;}

Eli lisäsin sinne ton  text-aling:center; jutun noitten { sisää.

Tekstin riviväli

Ctrl + F = line-height
.post-body {
  font-size: 110%;
  line-height: 1.5;
  position: relative;
}

muokkasin line-heightin eli ton 1.5 > 1.0

Formspring loota blogiin

Eka meet formiis. Painat ''Account settings''.Sitte painat tuolta sivulta ''Goodies''.

 

Painat tuolta ylhäältä ''Formspring Widget''.

 

 Kopsaat linkin.

 

Meet bloggeriin. Lisäät gadgetin.

..Nimeltä HTML/JavaScript. Kirjota otsikko, jos haluut.

 

Liität tekstin lootan.

 

Meet kattoo blogiis, ready ! :)

Kuvien reunat pois - mielettömään malliin

Sitte noi kuvan valkoset reunat otin pois tällai:

 Menin html-koodiin ja painoin ctrl + f, kirjotin boksiin: background: $(image.background.color);

Elikkä ton ekan lauseen, ja se löys tän pätkän. Sitte muokkasin kaikki numerot 0.

background: $(image.background.color);

border: 1px solid $(image.border.color);

-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);

}

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

padding: $(image.border.large.size);

}

.post-body .tr-caption-container {

color: $(image.text.color);

}

.post-body .tr-caption-container img {

padding: 0;

background: transparent;

border: none;

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

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

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

}

Muokkasin kans iha normaalisti valkoseks kaikki asetukset, ja tekstithä laitan aina keskelle :)

Otsikko keskelle

Eli joo en oo viellä muokannu mitää, nii tää näyttää tältä:

Postauksessa vedän vaa kaikki välit kuvie väleistä pois, ja kuvat on joko alkuperäst kokoo eli 640x427 tai 'erittäin suuri'. Sit kans laitan otsikkoon <center>teksti</center> nii saan otsikon keskelle. ps. tää malli on tosiaan toi ''yksinkertainen''.

Eka testi postaus

Elikkä tää ei oo blogi joho kerään lukijoit, testailen vaa kaikkia asetuksii :D Kuvat netistä, kokoo 640x427 !

Kirjotan tänne kaikkii uusii juttui mitä muokkailen html-koodis, ja laitan kuvia aina mite oon muutellu tätä. :)