piątek, 20 lutego 2015

Przydatne kody CSS dla Bloggera

Czołem!
Zauważyłam ostatnio, że dość dużo blogerów, czy blogerek szuka w Internecie kodów CSS do swojego bloga, ale jest dużo stron które mają błędne, albo nie te najbardziej potrzebne. Sama długo dość ich szukałam, więc postanowiłam Wam napisać wszystkie te, które uważam za przydatne i dość potrzebne w niektórych sytuacjach. Mam nadzieję, że się one komuś przydadzą :)

kody css na bloggera

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;}
Wyśrodkowanie daty: h2.date-header {text-align: center;}
Wyśrodkowanie tytułu postu: h3.post-title {text-align: center;}
Wyśrodkowanie tytułu gadżetu w lewej kolumnie:  .column-left-inner .widgeth2 {text-align: center;}
Wyśrodkowanie tytułu gadżetu:  .widget h2 {text-align: center;}
Wyśrodkowanie tytułu gadżetu w prawej kolumnie: .column-right-inner .widgeth2 {text-align: center;}
Wyjustowanie tekstu w lewej kolumnie:  .column-left-inner {text-align:justify; }
Wyjustowanie tekstu w prawej kolumnie:  .column-right-inner {text-align: justify;}
Wyśrodkowanie tekstu w poście:  .post{text-align: justify;}
Wyśrodkowanie tekstu w środkowej kolumnie:  .column-center-inner {text-align: justify;}
Usunięcie tekstu „Starszy/Nowszy post”: .blog-pager { display: none !important;}
Podniesienie nagłówka:  .header { height: 550px;}
Usunięcie tekstu  „Technologia Blogger” :  .Attribution {  display:none; }
Podkreślenia nad i pod linkiem:  a:hover {text-decoration: overline underline;}
Podkreślenia pod linkiem:  a:hover {text-decoration: underline;}
Przekreślenie linku: a:hover {text-decoration: line-through;}
Kolor ramki i tekstu linku: a:hover {color: #000000;}  (oczywiście zamiast 000000 wpisujemy swój kod koloru)
Rozszerzenie liter po najeździe na link: a:hover { letter-spacing: 4px }
Cienie w tytule postuh3.post-title {text-shadow: 1px 1px 5px;}
Wyśrodkowanie nagłówka:  .header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}

Pozdrawiam, i do następnego,
~Ave, Polly. 

16 komentarzy:

  1. przyda mi się te rozszerzenie liter dziękuje ;)


    Mój Blog - klik!

    OdpowiedzUsuń
  2. przydatny post :)
    http://blog017.blogspot.com/2015/02/two-years-with-you.html

    OdpowiedzUsuń
  3. Fajny post, zapisuję go w zakładce c:
    PS. Mogłabyś ustawić muzykę na blogu, tak, żeby ludzie włączali ją, kiedy chcą? Już nie raz dostaję zawału jak muzyka z bloga wybucha w moich słuchawkach xD

    Obserwuję i zapraszam :)
    polgia.blogspot.be

    OdpowiedzUsuń
    Odpowiedzi
    1. Hmyy w sumię dobry pomysł z tą muzyką,bo jednak nie wszyscy słuchają takiej jak mi się podoba. Dzięki!

      Usuń
  4. Bardzo przydatny post! Dość często korzystam z kodów CSS :)

    NOWY POST NA FABRYCE MIĘTY KLIK! :))

    OdpowiedzUsuń
  5. ;Świetny post, na pewno pomogłaś komuś :)
    Bardzo ladny wygląd bloga :)
    Pozdrawiam,
    (Mój blog)- klik!

    OdpowiedzUsuń
  6. fajny post, na pewno sie komus przyda ;D
    obs za obs? daj znać ;>
    http://fashion-outside.blogspot.com/

    OdpowiedzUsuń
  7. Ostatnio tego szukałam i ciężko z tym było cieszę się, że kto to wrzuca :0 Zapraszam do mnie :) http://spelniajsny.blogspot.com/

    OdpowiedzUsuń
  8. Świetny blog :)
    http://want-cant-must.blogspot.com

    OdpowiedzUsuń
  9. super post i blog bardzo ładny ;) obserwuję ;)

    OdpowiedzUsuń
  10. Obserwuję, i mam dośc maly problem ponieważ od niedawna prowadze z koleżanką bloga i Wiktoria chciała wyśrodkować nagłówek, jednak to jej się nie udało..a przy każdym tytule posta zostało to :
    http://www.bankfotek.pl/view/1912131
    Wiesz może jak się Tego pozbyć? próbowałyśmy wielu rzeczy, wiemy gdzie co i jak się wpisuje ale kodu brak :o Wybacz,że zawracam głowe jednak to drażni oko widząc to pozdrawiam masz świetny blog!

    OdpowiedzUsuń
  11. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  12. Była pomyłka :P Z nieba mi spadłaś* hehe :P dzięki wielkie jeszcze raz!

    OdpowiedzUsuń
  13. przydatny post, skorzystałam
    jeśli są jeszcze jakieś ciekawe kody - czekam !
    (bardzo by mi się przydał taki, w którym mogłabym wstawić mój instagram w lewej kolumnie)
    oraz zapraszam na mojego świeżego bloga ---> http://xpvulinkvx.blogspot.com/

    OdpowiedzUsuń

Dziękuję za każdy komentarz!