Kuvien harmaat reunat pois

Tää pitäis nyt käydä tohon yksinkertaseenki malliin. Etit siis html-koodista kohan .post-pody img 
(ctrl+F ja lootaan kirjotat ton) Sieltä tulee tällänen koodi, jossa numerot on sulla viellä isompia. Muutat koodista noi 1px ja 5px > 0px

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);

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


& sit viellä poistat koodista tän kohan: border: 1px solid

(Kirjauduin tälle käyttäjälle pitkäst aikaa ja huomasin et tälle blogille on tullu lukijoita, haha :-D en kyl alunperin aatellu et tännekki tupsahtas lukijoit, koska kirjottelen näitä tänne vaan sillon, ku jaksan tai löydän uusii muokkauksii.)

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ä. :)