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

26.02.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): 





5 komentarzy:

  1. dzięki tobie nareszcie wyśrodkowałam datę :o kc <3
    dorey-doorey.blogspot.com

    OdpowiedzUsuń
  2. dla osób ciemnych takich jak ja idealny post na to żeby zmienić sobie swojego bloga :)
    super sprawa :)
    sisterrforever.blogspot.com

    OdpowiedzUsuń
  3. Bez kodów też się da wszystko zrobić

    http://miinikaa.blogspot.com/

    OdpowiedzUsuń
    Odpowiedzi
    1. nie zawsze,jeżeli chcemy coś zrobić co wykracza po za możliwości podstawowych ustawień bloggera to niestety,ale musimy posłużyć się kodami

      Usuń
  4. swietny blog ! rewelacja ;)
    obserwuje i pozdrawiam
    madame-lucy.blogspot.com

    OdpowiedzUsuń

- Komentarze takie jak: spam, obserwacja za obserwacje, prośby o klikanie w banery etc. zostają usuwane - ZAPAMIĘTAJ! MÓJ BLOG TO NIE TABLICA OGŁOSZEŃ
- Uznaje tylko konstruktywną krytykę
- Każdy komentarz to motywacja dla mnie.
- Weryfikacja obrazkowa wyłączona