środa, 4 marca 2015

Najpopularniejsze kody CSS

Hejoo!
Wykonałam już bardzo dużo designów i mimo to, że bardzo lubiłam to robić, to niestety brak czasu górą. Z racji tego, że nie lubię obiecywać, a później zainteresowany musi czekać jakiś miesiąc zanim znajdę wolny czas i chęci, postanowiłam, że teraz zaprzestanę robienia wyglądów na zamówienie, a skupię się na jednym, który "zrobię dla każdego". Co jakiś czas będą się pojawiały porady, kody i inne ciekawostki, których zwykle używałam do tworzenia wyglądu. Jeśli macie jakieś własne pytania możecie śmiało pytać w komentarzach.

Na początek kilka kodów css.


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 gadżetów w środkowej kolumnie:
.column-center-inner {text-align: center;}

Jeśli ktoś chce mieć wyśrodkowaną datę, tytuł posta i inne, wystarczy kod na wyśrodkowanie całej kolumny i nie ma potrzeby wpisywania kolejnych kodów na wyśrodkowanie posta itp.

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

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

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

Wyśrodkowanie nagłówka:
.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}
 
Usunięcie tekstu 
„Technologia Blogger”
.Attribution {  display:none; }
Zmniejszenie odległości między gadżetami 
.sidebar .widget {
margin: -xpx 0px 0px 0px ;
Wartość x należy wprowadzić samemu, aby każdego zadowoliła.

3 komentarze:

  1. Świetny post! Bardzo przydatny :) Chciałam się zapytać o wyśrodkowanie napisu na nagłówku (tytułu bloga i opisu bloga)? Bo nie mogę się tego doszukać a jestem nowa w blogoswerze :) zapraszam również na http://kosmyki-wlosow.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. Dziękuję! :) Sądzę, że wystarczy wpisać kod na wyśrodkowanie nagłówka :>

      Usuń
  2. Bardzo przydatny wpis :))

    OdpowiedzUsuń

Dziękuję za każdy komentarz!
Obraźliwe komentarze będą usuwane, a uzasadniona krytyka zostanie :>