Kody CSS- wielkie zmiany



Czyli kilka kodów zmieniający wygląd.



Obrazek obok napisu komentarze
Najpierw musimy mieć naszą grafikę.
Następnie wchodzimy na imgur.com, i kopiujemy zaznaczony kod(wasz będzie inny):
Teraz wchodzimy w szablon>dostosuj>zaawansowane>dodaj arkusz CSS
Wklejamy poniższy kod i "LINK DO OBRAZKA" zamieniamy na nasz kod. .comment-link {background: url("LINK DO OBRAZKA") no-repeat scroll 0 transparent; margin-left: 10px;padding: 35px 35px 30px;}



Kolor czerwony- daną liczbę można zmienić(pozycja obrazka).

Data w kółku
Wchodzimy szablon>dostosuj>zaawansowane>dodaj arkusz CSS
*W układzie klikając post możemy zmienić jak ma wyświetlać się nasza data*

Wkejamy kod:
 .date-header span {width: 47px; height: 47px; border-radius: 100%;}
W pełni zaokrąglone rogi daje nam tylko liczba 100%

Żeby zmienić kolor daty wpisujemy:

 .date-header span {background-color: #ffd9d9;}  

Kolor możemy wybrać i wpisać stąd> klik

Jeżeli chcecie kolor przeźroczysty wpisujecie: transparent
Aby zmienić położenie tekstu w dacie należy wpisać:
  .date-header span {text-align:  center;}
center> wyśrodkowanie
left>do lewej
right>do prawej
Aby samemu dopasować położenie należy wpisać: 
 .date-header span {margin: -11px -100px -85px -55px;}

Wklejamy kody według naszego uznania, zapisujemy i gotowe!