Kody CSS: modyfikacja szablonów bloggera

Często pytacie: jak modyfikować szablony bloggera, tak aby stworzyć coś zupełnie innego. Poznanie stylów CSS jest bardzo dobrym sposobem, by stworzyć swój szablon bloga.

To początek powstawania tego działu, więc proszę o cierpliwość. Już niedługo znajdziecie tu wszystkie najbardziej przydatne kody, czyli style CSS.

O tym jak korzystać z kodów CSS oraz najnowszą wersję tej strony znajdziesz w Kody CSS. Jak użyć, gdzie wstawić?

Kody CSS

Nagłówek

Wyśrodkowanie nagłówka, obrazka w nagłówku

#header-inner {text-align: center;}
#header-inner img {margin: 0 auto; }

Menu górne

Wyśrodkowanie menu (kart/zakładek):

#PageList1 ul {text-align: center;}
#PageList1 ul li {float: none;display: inline;}

Menu boczne

Wyśrodkowanie menu (kart/zakładek):

#PageList1 ul {text-align: center;}
#PageList1 ul li {float: none;display: inline;}

Zaokrąglenie zdjęć (obrazków) w gadżetach paska bocznego:

.sidebar img {border-radius: 10px 10px 10px 10px;}

Posty

Pasek boczny, a posty

Zmniejszenie odstępu postów od prawego paska bocznego gadżetów

.column-right-inner { margin-left: -12px; }

Zmiejszenie odległości między lewą kolumną gadżetów a postami:

.column-left-inner { margin-right: -12px; }

Komentarze

Zmiana koloru czcionki tekstu (treści) komentarzy:

.comment p {color: blue;}

.comment p {color: #000000;}

Avatary, zdjęcia komentujących

Zaokrąglenie zdjęć:

#comments .avatar-image-container {
 -moz-border-radius: 38px;
 -webkit-border-radius: 38px;
 border-radius: 38px; }