Posty

  (...) czyli upiększanie bloga od początku

Początkowy człon kodu na posty brzmi następująco:

.post - ramka z postem
.column-center-inner - ramka z postem, datą i komentarzami

 Kolor tła:  

{background-color: #E3DCC7;}

Obrazek w tle: 

{background-image: url(adres do obrazka);}

Przezroczystość:

{opacity: 0.8;}

Cienie tekstu: {text-shadow: 2px 2px 5px #000000 }

Cienie ramki: {box-shadow:0px 0px 2px #000000}

Zaokrąglone rogi: {border-radius: 90px 90px 9px 9px;}

Marginesy: {padding: 10px;}

Obramowanie linia ciągła: {border-style: solid;}

Obramowanie linia kreskowana: {border-style: dashed;}

Obramowanie linia kropkowana: {border-style: dotted;}

Obramowanie linia podwójna: {border-style: double;}

Grubość obramowania - cienkie: {border-width: thin;}

Grubość obramowania - średnie: {border-width: medium;}

Grubość obramowania - grube: {border-width: thick;}

Kolor obramowania - {border-color: #ffffff;}

* Przykładowy wygląd pełnego kodu dla postów:  

.post {background-color: #E3DCC7;}

TŁO POSTÓW WRAZ Z DATĄ   

(przykładowe parametry)

• kolor tła - .column-center-inner {background-color: #556B6B;}  
• przezroczystość tła-  .column-center-inner {opacity: 0.8;}   
• odstępy między ramką, a tekstem - .column-center-inner {padding: 10px;}    
• odpowiada za rogi obramowania - .column-center-inner {border-radius: 50px 50px 2px 2px;} 
• styl obramowania - .column-center-inner {border-style: solid;}      
• grubość obramowania - .column-center-inner {border-width: thin;}      
• cienie obramowania - .column-center-inner {box-shadow:0px 0px 15px black}   
• marginesy całości tła postów - .column-center-inner {margin: 0px 15px 0px 15px;}  

(lub można zastosować kod  .main-inner .column-center-inner )