zamknij

Z cyklu porad - CSS

Dla urozmaicenia dodałam nowy cyk na bloga - porady. Skoro KG pomaga bloggerom w odnalezieniu porządnego bloga graficznego - czemu nie mógłby pomagać również w dziedzinie CSS?

http://img22.imageshack.us/img22/5884/65527717.jpg http://img15.imageshack.us/img15/754/95690346.jpg http://img853.imageshack.us/img853/8492/94665326.jpg http://img818.imageshack.us/img818/7002/56464360.jpg
ikonki autorstwa Carllton 


Poziom trudności: *
Witajcie. Dla urozmaicenia dodam kolejną instrukcję. Tym razem wejdziemy w świat kodów CSS czyli jak prosto i w szybki sposób upiększyć swojego bloga.

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

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

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


Wyśrodkowanie paska stron
#PageList1 ul {
text-align: center;
}
#PageList1 ul li {
float: none;
display: inline;
}

Wyśrodkowanie gadżetów w prawej kolumnie
.column-right-inner {text-align: center; } 

Wyśrodkowanie gadżetów w środkowej kolumnie
 .column-center-inner {text-align: center; }

Wyśrodkowanie gadżetów w lewej kolumnie
.column-left-inner {text-align: center; }

Cienie w prawej kolumnie
.column-right-inner {text-shadow: 1px 1px 5px}

Cienie w lewej kolumnie
.column-left-inner {text-shadow: 1px 1px 5px}

Cienie pod tytułem posta
h3.post-title, .comments {text-shadow: 1px 1px 5px}

Myślę,że kody się przydają. Więcej znaleźć możecie TUTAJ.
Proste i szybkie instrukcje autorstwa bardzo popularnej graficzki - Elfaby.

1 komentarz: