niedziela, 17 sierpnia 2014

Kody css

Hej! Dzisiaj przygotowałam dla Was post z kodami css na bloga, ponieważ widziałam, że wiele osób ma problemy z kodami, jeżeli nie możecie ich znaleźć, to tutaj podam Wam parę kodów:). Aby dodać kod css na bloga musicie wejść w "szablon" ----> później "dostosuj" ----> a na końcu wybieracie "zaawansowane", zjeżdżacie na dół, i klikacie "dodaj arkusz css".


Kolor tła postów:
.post {background-color: #afa4b2;}

Obrazek w tle posta:
.post {background-image: url(adres do obrazka);}

Przezroczystość tła:
.post {opacity: 0.5;}

Marginesy:
.post {padding: 20px;}

Cień tekstu posta:
.post {text-shadow: 0px 0px 3px #000000}

Cień ramki posta:
.post {box-shadow: 2px 2px 5px;}

Ramki posta:
a) Linia ciągła:
.post {border-style: solid;}

b) Linia podwójna:
.post {border-style: double;}

c) Linia kreskowana:
.post {border-style: dashed;}

d) Linia kropkowana:
.post {border-style: dotted;}

Grubość ramki:
.post {border-width: 2px;}

Kolor tekstu i ramki w poście:
.column-center-inner {color: #000000;}

Kolor ramki w poście:
.column-center-inner {border-color: #000000;} 

Rodzaj czcionki tekstu w poście:
.column-center-inner {font-family: Georgia;}

Wielkość czcionki w tekście:
.column-center-inner {font-size: 15px;}

Wyśrodkowanie tekstu:
.column-center-inner {text-align: center;}

Wyrównanie tekstu do lewej:
.column-center-inner {text-align: left;}

Wyrównanie tekstu do prawej:
.column-center-inner {text-align: right;}

Wyrównanie tekstu od lewej do prawej, tak zwane wyjustowanie:
.column-center-inner {text-align: justify;}

Zaokrąglone rogi:
.post {border-radius: 90px 90px 40px 40px;}

Przesunięcie:
.column-center-inner {margin: 90px 300px 0px -400px;}

KOLUMNA BOCZNA LEWA

Kolor tła kolumny:
.column-left-inner {background-color: #4c3e6c;}

Przezroczystość tła:
.column-left-inner {opacity: 0.6;}

Marginesy:
.column-left-inner {padding: 15px ;}

Cienie tekstu ramek:
.column-left-inner {text-shadow: 0px 0px 3px #000000}

Cienie ramki kolumny:
.column-left-inner {box-shadow: 0px 0px 3px #000000}
Ramki kolumny:
a) Linia ciągła:
.column-left-inner {border-style: solid;}
b) Linia podwójna:
.column-left-inner {border-style: double;}

c) Linia kreskowana:
.column-left-inner {border-style: dashed;}

d) Linia kropkowana:
.column-left-inner {border-style: dotted;}

Grubość ramki:
.column-left-inner {border-width: 2px;}

Kolor tekstu i ramki w kolumnie:
.column-left-inner {color: #000000;}

Kolor ramki w kolumnie:
.column-left-inner {border-color: #000000;} 

Rodzaj czcionki tekstu w kolumnie:
.column-left-inner {font-family: Georgia;}

Wielkość czcionki w tekście:
.column-left-inner {font-size: 15px;}

Wyśrodkowanie tekstu:
.column-left-inner {text-align: center;}

Wyrównanie tekstu do lewej:
.column-left-inner {text-align: left;}

Wyrównanie tekstu do prawej:
.column-left-inner {text-align: right;}

Wyrównanie tekstu od lewej do prawej, tak zwane wyjustowanie:
.column-left-inner {text-align: justify;}

Zaokrąglone rogi:
.column-left-inner {border-radius: 90px 90px 40px 40px;}

Przesunięcie:
.column-left-inner {margin: 90px 300px 0px -400px;}

KOLUMNA BOCZNA PRAWA
Kolor tła kolumny:
.column-right-inner {background-color: #4c3e6c;}

Przezroczystość tła:
.column-right-inner {opacity: 0.6;}

Marginesy:
.column-right-inner {padding: 15px ;}

Cienie tekstu ramek:
.column-right-inner {text-shadow: 0px 0px 3px #000000}

Cienie ramki kolumny:
.column-right-inner {box-shadow: 0px 0px 3px #000000}

Ramki kolumny:
a) Linia ciągła:
.column-right-inner {border-style: solid;}
b) Linia podwójna:
.column-right-inner {border-style: double;}

c) Linia kreskowana:
.column-right-inner {border-style: dashed;}

d) Linia kropkowana:
.column-right-inner {border-style: dotted;}

Grubość ramki:
.column-right-inner {border-width: 2px;}

Kolor tekstu i ramki w kolumnie:
.column-right-inner {color: #000000;}

Kolor ramki w kolumnie:
.column-right-inner {border-color: #000000;} 

Rodzaj czcionki tekstu w kolumnie:
.column-right-inner {font-family: Georgia;}

Wielkość czcionki w tekście:
.column-right-inner {font-size: 15px;}

Wyśrodkowanie tekstu:
.column-right-inner {text-align: center;}

Wyrównanie tekstu do lewej:
.column-right-inner {text-align: left;}

Wyrównanie tekstu do prawej:
.column-right-inner {text-align: right;}

Wyrównanie tekstu od lewej do prawej, tak zwane wyjustowanie:
.column-right-inner {text-align: justify;}

Zaokrąglone rogi:
.column-right-inner {border-radius: 90px 90px 40px 40px;}

Przesunięcie:
.column-right-inner {margin: 90px 300px 0px -400px;}

KOMENTARZE

Kolor tła:
.comment p {background-color: #afa4b2;}

Obrazek w tle:
.comment p {background-image: url(adres do obrazka);}

Przezroczystość tła:
.comment p {opacity: 0.6;}

Marginesy:
.comment p {padding: 20px;}

Cień tekstu:
.comment p {text-shadow: 0px 0px 3px #000000}

Cień ramki komentarzy:
.comment p {box-shadow: 2px 2px 5px;}

Ramki komentarzy:
a) Linia ciągła:
.comment p {border-style: solid;}

b) Linia podwójna:
.comment p {border-style: double;}

c) Linia kreskowana:
.comment p {border-style: dashed;}

d) Linia kropkowana:
.comment p {border-style: dotted;}

Grubość ramki:
.comment p {border-width: 2px;}

Kolor tekstu i ramki w komentarzach:
.comment p {color: #000000;}

Kolor ramki:
.comment p {border-color: #000000;}

Zaokrąglone rogi:
.comment p {border-radius: 90px 90px 40px 40px;}

AWATARY
Cień ramki:
.avatar-image-container {box-shadow: 2px 2px 5px;}

Ramki:
a) Linia ciągła:
.avatar-image-container {border-style: solid;}

b) Linia podwójna:
.avatar-image-container {border-style: double;}

c) Linia kreskowana:
.avatar-image-container {border-style: dashed;}

d) Linia kropkowana:
.avatar-image-container {border-style: dotted;}

Grubość ramki:
.avatar-image-container {border-width: 2px;}

Kolor ramki:
.avatar-image-container {border-color: #000000;}

Zaokrąglone rogi:
.avatar-image-container {border-radius: 90px 90px 40px 40px;}

Mam nadzieję, że kody się Wam przydadzą, jeżeli tak napiszcie mi o tym w komentarzu, przypominam również, że wykonuję designy.

Prześlij komentarz