3 sie 2015

Przydatne kody CSS | 1 |

Witaj!
 Chcesz zmienić wygląd swojego bloga, ale kompletnie nie wiesz jak to zrobić? Dobrze trafiłeś. Tutaj znajdziesz kody, które poprawią Twój design. To nie jest wcale takie trudne.
 Gdzie wpisywać kody CSS?

Szablon >> Dostosuj >> Zaawansowane >> Dodaj arkusz CSS 



NAGŁÓWEK

Pozycja:
.header {text-align: center;}
center - wyśrodkowanie, możemy zamienić na: left - przesunięcie w lewo lub right - przesunięcie w prawo

Ustalenie wysokości:
.header {height: 10px;}
10px można zamienić na dowolną wartość

TYTUŁ POSTA

Pozycja:
h3.post-title {text-align: center;}

Podkreślenie:
h3.post-title {border-bottom: 1px #000000 dotted;}
1px można zamienić na dowolną wartość
#000000 można zamienić na dowolny kolor
dotted - linia wykropkowana, możemy zamienić na: solid - linia ciągła, double - linia podwójna lub dashed - linia przerywana

DATA

Pozycja:
.date-header {text-align: center;}


INNE

Podświetlenie zdjęcia po najechaniu kursorem:
.post img { opacity: 1;
transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;
}
.post img:hover {
opacity: 0.70;
transition:opacity 0.4s ease-in-out; 
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;
}

Usunięcie linków 'Starsze posty' i 'Nowsze posty':
.blog-pager {display: none !important;}

Usunięcie napisu 'Technologia Blogger':
#Attribution1 {display: none;}



Mam nadzieję, że kody się przydały, a jeśli nie, to pamiętajcie o tym, że to dopiero pierwsza część.

34 komentarze:

  1. Bardzo przydatny post. :)
    Świetny blog, obserwuję! ;)
    natkaa1.blogspot.com zapraszam ;*

    OdpowiedzUsuń
  2. Napewno sie przyda ! ;)
    Pytalas u mnie na blogu jak dostalam te bransoletke. Poprostu napisalam do firmy z oferta wspolpracy ;)

    Xoxo
    Gertrama.blogspot.com
    Moge prosic o poklikanie u mnie w najnowszym poscie? Odwdzieczam sie! ;)

    OdpowiedzUsuń
  3. bardzo ciekawy post:) super blog, fajnie sie przeglada i czyta:) bede wpdac czesciej zapraszam rowniez do nas http://styledivision1.blogspot.com/ pozdrawiamy:)

    OdpowiedzUsuń
  4. Bardzo ciekawy i przydatny post ;)
    Zapraszam pysiaxoxo.blogspot.com

    OdpowiedzUsuń
  5. Świetny post, bardzo przyda mi się przy następnej zmianie wyglądu bloga. Od razu widać, że to ktoś z lubelskiego :D
    Pozdrawiam, Laru!

    OdpowiedzUsuń
  6. a chcialam poszukac tych całych kodow
    http://happinessismytarget.blogspot.com/

    OdpowiedzUsuń
  7. Warto wspomnieć, że te kody mogą nie działać osobom, które mają design ściągnięty z Internetu. Ich właściciele mają swój własny system oznaczania div'ów itp.

    ~ Mój blog

    OdpowiedzUsuń
    Odpowiedzi
    1. To już akurat nie mój problem, bo ja pokazuję jak zrobić swój design, a nie edytować gotowy szablon, ale miło, że o tym przypomniałaś! :*

      Usuń
  8. swietna , bardzo przydatna i interesujaca notka , sliczny wyglad bloga:)))
    ja dopiero zaczynam ,wspolna obserwacja? dziekuje za kazda pomoc w postaci obserwowania , komentowania i oczywiście przeczytania:)))
    plaguee.blogspot.com

    OdpowiedzUsuń
  9. Przydatne kody :)
    http://official-patty.blogspot.com/

    OdpowiedzUsuń
  10. Nigdy nie wiedziałam jak korzystać z kodów css. Napewno skorzystam z twojej pomocy. ;)

    OdpowiedzUsuń
  11. bardzo przydatny post *.*
    z pewnością skorzystam z Twoich porad :D

    ZAPRASZAM DO NAS W WOLNEJ CHWILI :)
    http://shutupanddancewithus.blogspot.com/

    OdpowiedzUsuń
  12. Bardzo ładny design :) Pozdrawiam i Zapraszam http://macreateart.blogspot.com/

    OdpowiedzUsuń
  13. Przydatne kody, dodam w zakładki - będą mi potrzebne przy zmianie designu! :)

    OdpowiedzUsuń
  14. jejku czemu akurat teraz gdy ich juz nie potrzebuje to je znalazłam ? :D

    OdpowiedzUsuń
  15. świetny blog! :)

    follow?
    http://fashionlikealife.blogspot.com/

    OdpowiedzUsuń
  16. Dziękuję ! :)
    http://faashionpashion.blogspot.com/ nowy zapraszam

    OdpowiedzUsuń
  17. Ja takie podstawowe rzeczy potrafię zrobić sama, ale i tak zamierzam oddać bloga w ręce specjalistów.

    OdpowiedzUsuń
  18. Przydatny post, ja zawsze mam problem z tymi kodami. Pozdrawiam i wolnej chwili zapraszam do mnie :)
    http://sara-wawrzak.blogspot.com/

    OdpowiedzUsuń
  19. przydatny post
    zapraszam
    http://haniaa-blog.blogspot.com/

    OdpowiedzUsuń
  20. Przydatny post, ponieważ zdecydowanie bardziej wolę używać kodów css niż bawić się w html'u ;)

    Mój blog CLICK

    OdpowiedzUsuń
  21. Z niektórych korzystałam i moze jeszcze będę używać!
    Przydatny dla wielu blogerek post:)
    Pozdrawiam:*
    dorey-doorey.blogspot.com

    OdpowiedzUsuń

  22. Cool look! Have a nice day :)

    I follow you!
    If you comment my post, I will comment your five posts!
    http://www.sandrakopko.com/2015/08/millybridal-part-two.html

    OdpowiedzUsuń
  23. akurat trafiłaś w samą porę z tym wpisem, bo trochę eksperymentuję z wyglądem mojego bloga ;) kody mi się przydały, efekty można już podziwiać, czekam na kolejne wskazówki ;)
    http://przygody-mileny.blogspot.com/

    OdpowiedzUsuń
  24. uzylam kilka tych kodow x dziekuje za pomoc :D

    ♥ Pozdrawiam cieplutko i w wolnej chwili zapraszam na mojego bloga ---> http://klaudiaandmylife.blogspot.com <--- ♥

    OdpowiedzUsuń
  25. skorzystałam z jedno kodu, więc dziękuję, super :D
    www.jvliett.blogspot.com

    OdpowiedzUsuń
  26. Skorzystałam z trzech kodów. Naprawdę pomocny post :))

    http://milkamikam.blogspot.com/

    OdpowiedzUsuń

Nie reklamuj się na moim blogu.
Wysil się trochę i napisz coś więcej niż 'Fajny blog'.
Jeśli spodobał ci się mój blog - zaobserwuj.