Kody CSS

 Podstawowe kody CSS:

Podniesienie nagłówka (można wprowadzić własne rozmiary):

.header { height: 550px;}

Wyśrodkowanie daty:

h2.date-header {text-align: center;}

Wyśrodkowanie tytułu notki:

 h3.post-title, .comments h4 {text-align: center;}

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 o dowolną wartość:

#PageList1 ul {

text-indent: 440px;

}

#PageList1 ul li {

float: none;

display: inline;

}

Przesunięcie górnego menu na prawą stronę:

#PageList1 ul {

text-align: right;

}

#PageList1 ul li {

float: none;

display: inline;

}

Suwak w notce (można dopasować własne rozmiary):

.post { overflow: scroll; width: 500px; height: 420px; )

Cienie w lewej kolumnie (rozmiary do własnego dopasowywania):

.column-left-inner {text-shadow: 1px 1px 5px}

Cienie w prawej kolumnie (do własnego dopasowywania):

.column-right-inner {text-shadow: 1px 1px 5px}

Cienie w tytule postu (do własnego dopasowywania):

h3.post-title, .comments {text-shadow: 1px 1px 5px}

Cienie w napisie “Komentarz” (do własnego dopasowywania):

.comments h4 {text-shadow: 1px 1px 1px}

Cienie w tekście całego bloga (do własnego dopasowywania):
.widget h2 {text-shadow: 1px 1px 5px}

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;

Brak podkreśleń linków:
a:hover {
text-decoration: none;}


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 }