KODY CSS

Jak już pewnie wiecie, że wykonujemy designi. Kody nie są trudne, jednak wiele osób ma z nimi problem. Dlatego wymyśliłyśmy, że co jakiś czas będziemy dodawać na bloga poradniki DESIGN DIY, myślimy, że to dobry pomysł. Dziś przedstawimy Wam parę przydatnych kodów CSS, na pewno komuś się takie kody przydadzą!

• POZYCJA: center - wyśrodkowanie; justify - wyjustowanie; right - do prawej; left - do lewej; 
• STRONA: right - prawa; left - lewa; center - środkowa;
• #FFFFF: to kolor czarny, ale możecie go zmienić według własnego gustu;
• RAMKA: pomogę sobie tutaj za pomocą zdjęć: KLIK
• PALETA KOLORÓW RGB: KLIK

NAGŁÓWEK:

Wysokość nagłówka:
.header { height:450px;}

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

Położenia nagłówka:
.header-inner .widget div, .header-inner img {margin-left: auto px;margin-right:auto;}

POSTY:
Pozycja tytułu posta:
h3.post-title {text-align: POZYCJA;}

Pozycja daty posta:
h2.date-header {text-align: POZYCJA;}

Duże litery w tytule posta:
h3.post-title {text-transform: uppercase;}

Cienie w tytule postu:
h3.post-title, .comments {text-shadow: 1px 1px 5px}

Cienie pod tytułem postu:
h3.post-title, .comments {text-shadow: 3px 3px 5px#FFFFFF;}

Cienie pod tekstem w poście:
.post {text-shadow: 2px2px 5px #FFFFFF; }

Cienie pod datą postu:
h2.date-header {text-shadow: 3px 3px 5px#FFFFFF;}

Kolor tła pod postem:
.post {background-color: #FFFFFF;}

Przeźroczystość tła posta:
.post-outer {background: rgba (255,255, 255, 0.48);}

Zaokrąglone rogi tła pod postem:
.post {border-radius:10px 20px 30px 40px;}

Margines posta:
.post {padding: 50px;}

Styl/i Grubość ramki posta:
.post {border-style: RAMKA;}
.post {border-width:1px;}

Suwak w notce:
.post { overflow: scroll; width: 450px; height: 600px; }

Usunięcie linków ''Starszy post''/''Nowszy post'':
.blog-pager { display: none !important;}

Usunięcie napisu ''Technologia blogger'':
#Attribution1 {display: none;}

Linia oddzielająca posty:
post-footer {border-bottom: 1px solid #FFFFFF ;}

Obrazek pod postem (oddzielający posty):
.post {background-image: url (URL);}

Podkreślenie tytułu postu:
h3.post-title {border-bottom: 1px #000000 RAMKA;}