To bardzo proste. Wystarczy wejść na swój blog : Układ - Projektant szablonów - Zaawansowane - Dodaj arkusz CSS i właśnie tam wklejasz potrzebną komendę.
Oto kody CSS:
Wyśrodkowanie
tytułu posta:
h3.post-title,
.comments h4 {text-align: center;}
Wyśrodkowanie
daty:
h2.date-header
{text-align: center;}
Wyśrodkowanie
gadżetów w środkowej kolumnie:
.column-center-inner
{text-align: center; }
Podniesienie nagłówka (własne parametry):
.header {
height:550;}
Wyśrodkowanie gadżetów w lewej kolumnie:
.column-left-inner {text-align: center; }
Wyśrodkowanie gadżetów w prawej kolumnie:
.column-right-inner {text-align: center; }
Wyśrodkowanie górnego menu:
#PageList1 ul {
text-align: center;
}
#PageList1 ul li {
float: none;
display: inline;
}
Przesunięcie górnego menu / strony o dowolną wartość:
#PageList1 ul {
text-indent: 440px;
}
#PageList1 ul li {
float: none;
display: inline;
}
Przesunięcie górnego menu / strony na prawą stronę:
#PageList1 ul {
text-align: right;
}
#PageList1 ul li {
float: none;
display: inline;
}
Suwak w notce (własne parametry):
.post { overflow: scroll; width: 500px; height:
420px; }
Cienie w lewej kolumnie (własne parametry):
.column-left-inner {text-shadow: 1px 1px 5px}
Cienie w prawej kolumnie (własne parametry):
.column-right-inner {text-shadow: 1px 1px 5px}
Cienie w tytule postu (własne parametry):
h3.post-title, .comments {text-shadow: 1px 1px
5px}
Cienie w napisie “Komentarz” (własne parametry):
.comments h4 {text-shadow: 1px 1px 1px}
Wyśrodkowanie
nagłówka:
.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}
Usunięcie paska nawigacyjnego u góry strony:
.navbar { display:none; }
Usunięcie napisów „Starszy post”, „Nowszy post”:
.blog-pager { display: none !important;}
Usunięcie napisu
“Technologia Blogger”:
.Attribution {
display:none; }
Podkreślenia nad i pod linkiem:
a:hover {
text-decoration:
overline underline; }
Podkreślenie pod linkiem:
a:hover {
text-decoration:
underline; }
Przekreślenie linku:
a:hover {
text-decoration: line-through; }
Rozszerzenie liter po najeździe na link:
a:hover { letter-spacing: 4px }
Rozszerzenie wyrazów po najeździe na link:
Rozszerzenie liter po najeździe na link:
a:hover { letter-spacing: 4px }
Rozszerzenie wyrazów po najeździe na link:
a:hover {
word-spacing: 10px }
Cień w całym blogu:
.widget h2 {text-shadow: 1px 1px 5px}
W ogóle nie ma pokreślonego linku:
a:hover {
text-decoration: none;}
W ogóle nie ma pokreślonego linku:
a:hover {
text-decoration: none;}
Kody zaczerpnięte z stron :
http://by-elfaba.blogspot.com oraz http://malach-tow.blogspot.com
a możesz dać kod do wyśrodkowania napisu "komentarze"? proszę odpisz u mnie na blogu w byle jakim poście olaxs.blogspot.com
OdpowiedzUsuńfajnee i przydatne, Chyba skorzystam z kilku : )
OdpowiedzUsuńspx
OdpowiedzUsuńA masz kod żeby połączyć prawą kolumne i nagłówek z postami?
OdpowiedzUsuńemm super tylko że ja jestem nowa na blogspot.pl ..
OdpowiedzUsuńjestem z "pinger.pl" więc nic nie ogarniam ;c
jak zrobić nagłówek ?
pomoże ktoś ??
a masz kod na usunięcie podkreślenia w tytule posta?
OdpowiedzUsuńa masz kod na usunięcie podkreślenia w tytule posta?
OdpowiedzUsuńhttps://strony-www.net/
OdpowiedzUsuń