Często pytacie: jak modyfikować szablony bloggera, tak aby stworzyć coś zupełnie innego. Poznanie stylów CSS jest bardzo dobrym sposobem, by stworzyć samemu swój własny szablon bloga.
To początek powstawania tego działu, więc proszę o cierpliwość. Już niedługo znajdziecie tu wszystkie najbardziej przydatne style, kody CSS.
Jak używać kodów CSS, gdzie je wkleić?
1. Skopiuj wybrany kod (lista kodów znajduje się w dalszej części posta)
2. Przejdź do Szablon, a następnie Dostosuj:
2. Przejdź do Szablon, a następnie Dostosuj:
4. W pole Dodaj niestandardowy arkusz CSS wklej wcześniej skopiowany kod.
Jeżeli wklejony kod CSS dotyczy strony głównej bloga to spójrz poniżej i sprawdź działanie kodu. Jeśli kod dotyczy innej strony niż główna (np strony etykiety), nie zobaczysz zmian.
5. Zapisz wprowadzony kod i zmiany klikając pomarańczowy przycisk Zastosuj do bloga:
Instrukcje CSS, czyli tzw kody css, a tak naprawdę po prostu style
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;}O tym jak ustawić menu, czyli karty na środku przeczytaj więcej w poście: Jak wyśrodkować zakładki, menu, karty na blogu blogspot
#PageList1 ul li {float: none;display: inline;}
Menu boczne
Wyśrodkowanie menu (kart/zakładek):
#PageList1 ul {text-align: center;}Zaokrąglenie zdjęć (obrazków) w gadżetach paska bocznego:
#PageList1 ul li {float: none;display: inline;}
.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 avatarów, obrazków:#comments .avatar-image-container {
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px; }
Co zrobić z podanym kodem? Zapoznaj się raz jeszcze z Gdzie wkleić kod css?
szkoda, że tutaj nie ma tego kodu.
OdpowiedzUsuńa o jaki kod chodzi? co chcesz zrobić?
UsuńDlaczego kody mi nie działają?
OdpowiedzUsuńRobię wszystko z instrukcją a działania brak... (chodzi o wyśrodkowanie menu)
Mam ten sam problem :)
UsuńTeż go miałam :) A próbowaś/łeś wcisnąć enter? Mi pomogło :D
UsuńMi wszystko działa :)
UsuńAle JAK EDYTOWAĆ wygląd menu bocznego z kodu CSS?
OdpowiedzUsuńWpisuję kod i nic.. Jak zrobić nagłówek ?
OdpowiedzUsuńja tez niestety....
OdpowiedzUsuńnie działa mi zaokrąglenie mojego zdjęcia :/
OdpowiedzUsuń