Design cześć 2 - kody CSS

Czas na drugą część z serii Design. Pierwsza część była o tym jak zrobić baner klik, natomiast dziś pokaże wam jak umieszczać kody CSS.

Gdzie umieścić kod CSS?
Wejdź na Szablon - Dostosuj - Zaawansowane - Dodaj arkusz CSS
Następnie wklej kod w puste okienko, możesz wkleić ich kilka jeden pod drugim.

Kod 1 - Przesunięcie kolumny z postami

.header { height:450px;}

Kod 2 - Przesunięcie prawej/lewej kolumny

.column-left/right-inner {margin-top: -20px}

Kod 3 - Wyśrodkowanie nagłówka
.header-inner .widget div, .header-inner img {margin-left:auto;margin-right:auto;}

Kod 4 - Wyśrodkowanie tytułu postu 
 h3.post-title, .comments h4 {text-align: center;}

Kod 4 - Wyśrodkowanie daty 
h2.date-header {text-align: center;}

Kod 5 - Wyśrodkowanie górnego menu:
#PageList1 ul {text-align: center;}
#PageList1 ul li {float: none;display: inline;}

Kod 6 - Ramki komentarzy 
Linia ciągła: .comment p {border-style: solid;}
Linia podwójna: .comment p {border-style: double;}
Linia kreskowana: .comment p {border-style: dashed;}
Linia kropkowana: .comment p {border-style: dotted;}

Kod 7 - Cień komentarzy 
.comment p {text-shadow: 0px 0px 3px #000000}

Kod 8 - Usunięcie paska nawigacyjnego u góry strony
.navbar {   display:none; }

Kod 9 - Usunięcie napisów starszy/nowszy post 
.blog-pager { display: none !important;}

Kod 10 - Usunięcie tytułów gadżetów 
.column-right-outer h2 { display:none; 
.column-left-outer h2 { display:none; 

Każdą część pogrubioną możesz zmienić, tak by dopasować do swojego bloga.

Jak oceniacie przydatność posta???


Bądź na bieżąco: 
FACEBOOK
Copyright © 2014 Dyed Blonde , Blogger