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

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

Przed: 


Po (wersja bez grafiki): 

Po (wersja z grafiką):


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
lub
h2.date-header {text-align: center; } - wyśrodkowanie

Przed: 


Po (prawa strona):

Po (wyśrodkowanie): 





Czytaj dalej »