Usuwanie ramek, cieni z obrazów i edytowanie daty wpisów

środa, 26 lutego 2014

W dzisiejszym wpisie podam kilka kodów, których ja bardzo poszukiwałam na początku zabawy z szablonem i które mogą nam się przydać. Wiele osób pisało do mnie z prośbą m.in. o te kody. Pomyślałam sobie "czemu nie, podzielę się tym co wiem" i zabrałam się za pisanie tego wpisu. Myślę, że wasze oczekiwania co do tego wpisu zostały spełnione, także korzystajcie do woli z podanych kodów.

Usuwanie ramek i cieni z obrazów (szablon Simple) : 

Wpisy 

.post-body img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}

Kolumna prawa 

.column-right-inner img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}

Kolumna lewa

.column-left-inner img {border: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
background: none !important;
}

Dodanie tła do daty:

h2.date-header {background: #ffffff;}
h2.date-header {background:#ffffff repeat; }

Oczywiście kolor można zmieniać
Jeśli chcemy dodać własną grafikę w tle wpisujemy kod:

h2.date-header {background: #000000;}
h2.date-header {background: url(Link do obrazka)repeat; }

+ jak chcemy zmienić wysokość tła daty wpisujemy kod

h2.date-header {background: url(Link do obrazka)repeat; height: 150px;}

lub

h2.date-header {background: #000000 repeat; height: 150px;} 

(dotyczy tylko kiedy w tle mamy sam kolor bez grafiki)

150px można dowolnie zmieniać według własnego uznania

Kolejny kod, również dotyczy daty. Tym razem, kod zmieni nam położenie daty.

Zmiana położenia daty

h2.date-header {text-align: right; } - data po prawej stronie

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

Jeśli spodobał Ci się wpis, przekaż go dalej :)