Kilka kodow CSS...

By Paulina Szlagowska - 3/22/2015

Z racji tego, że niedawno przestałam wykonywać designy na zamówienie, postanowiłam, że napiszę Wam kilka prostych kodów, które mogą "ułatwić życie". Jeśli akurat ich potrzebujecie, bierzcie- śmiało!

Wartości/treści napisane kursywą można zmieniać! 

Wyśrodkowanie gadżetów w lewej (środkowej i prawej) kolumnie

.column-left-inner {text-align: center; }
Jeśli masz prawą kolumnę- right, a na środkową- center

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

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

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

Wyśrodkowanie paska stron
.pagelist {text-align: center !important;}
.pagelist li {display:inline !important; float:none !important;}


Kod na podwyższenie paska bocznego
.main-inner .column-left-outer,
.main-inner .column-right-outer {
margin-top: px; 0;
}

Wyśrodkowanie nagłówka
#header-inner {text-align: center ;}

Zmiana odległości między gadżetami w kolumnie bocznej
.sidebar .widget {
margin: -9px 0px 0px 0px ;
}

Brak podkreślenia pod tytułem notki
h3.post-title a:hover {text-decoration: none;}

Rozjeżdżanie się liter po najeździe na link
a:hover { letter-spacing: 2px }

Wybaczcie, że taki "surowy" ten post dzisiaj. Następnym razem pojawią się zdjęcia.
Skorzystaliście z kodów? :) 
-Paulina

  • Share:

You Might Also Like

6 komentarze

  1. Bardzo przydatne kody akurat zmieniam wygląd bloga i przyda się na pewno, jak znasz więcej kodów np. żeby data była w takim kółku to może zrób kolejny post z kodami na pewno się przyda :)

    zapraszam http://by-paolka.blogspot.com

    OdpowiedzUsuń
    Odpowiedzi
    1. Zapraszam wtedy do tutoriali- tam już instrukcja została dodana :)

      Usuń

Każdy jeden komentarz=wielka motywacja. Dziękuję bardzo!

-Weryfikacja obrazkowa wyłączona.