#Kody CSS - posty

Wiele razy padały pytania i prośby w naszą stronę dotyczące kodów czy wykonania przynajmniej podstawowego wyglądu bloga. Od dnia dzisiejszego przez najbliższy okres blogowania mamy plan zrobienia serii postów ze zbiorami naszych kodów. Będziemy dzielić je na konkretne partie, typu: komentarze, posty, nagłówki i inne. 

Zapraszamy do pierwszego zbioru.

Wyśrodkowanie tytułu

h3.post-title {text-align: center;}

Podkreślenie do tytułu posta

.post-body {text-align:justify}

h3.post-title 1px #000000 ;}

1px -grubość kreski 

#000000 -kolor kreski

dashed -rodzaj kreski (dotted- kropkowana, dashed- kreskowana, solid- linia ciągła, double- linia podwójna)

Wyśrodkowanie tekstu w poście

.post-body {text-align:justify}

 Zaokrąglenie rogów posta

.post-outer {webkit-border-radius: 10px; border-radius: 10px;}

Inna pierwsza duża litera postu

.post-title:first-letter {font-size: 30px; color: #000;}

Podpis w poście

 .Entry-content: po {content: url (adres obrazka); margin-left: 250px;}

Musimy najpierw zahostować grafikę, na przykład w serwisie funkyimg.com , który jest dostępny bez logowania.

Usunięcie cienia wokół zdjęć

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

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

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

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

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

Suwak w poście

.post-body{ height: 480px; overflow: auto; }

Grafika między postami

.post-footer {background-image:url(URL GRAFIKI);background-repeat:no-repeat; background-position: bottom center; height:150px;

To już koniec części pierwszej zbioru, w którym dzielimy sie z wami kodami. Mamy nadzieję, że jest on przydatny i na waszych blogach zawitają nowe elementy. Jeśli coś nie jest do końca zrozumiałe, zapraszamy na email turkusove@gmail.com. Możecie również napisać w komentarzach o poszczególnym problemach.

Na zakończenie chciałybyśmy dodać, że postanowiłyśmy powrócić do robienia szablonów. Obecnie prosimy o składanie zamówień jedynie do Nishki na email:

turkusove@gmail.com

Do następnego!