Dołącz do Avon

Jeśli lubisz produkty AVON i chcesz zamawiać je taniej niż w katalogu, to już teraz zarejestruj się bez żadnych zobowiązań. Możesz kupować kosmetyki ze zniżką do 40% tylko dla siebie i oszczędzać, lub możesz sprzedawać je innym i zarabiać. Będąc z Avon korzystasz z wielu dodatkowych bonusów. Dzięki zakupom możesz odebrać pełnowartościowe produkty już od 1zł. Rejestracja w Avon nie zobowiązuje się do zamawiania co katalog. Możesz kupować w dowolnym momencie, a na każdy zakup otrzymasz zniżkę.

REJESTRACJA AVON

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ęść.

31 komentarzy:

  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 i przydatny post ;)
    Zapraszam pysiaxoxo.blogspot.com

    OdpowiedzUsuń
  4. Ś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ń
  5. świetny pościak, przydatny! :)

    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. Dziękuję ! :)
    http://faashionpashion.blogspot.com/ nowy zapraszam

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

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

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

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

    Mój blog CLICK

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

    OdpowiedzUsuń
  21. 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ń
  22. uzylam kilka tych kodow x dziekuje za pomoc :D

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

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

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

    http://milkamikam.blogspot.com/

    OdpowiedzUsuń

Dziękuję za każdy miły komentarz!
Nie reklamuj się na moim blogu.
Jeśli spodobał ci się mój blog - zaobserwuj.

design by DESIGNCHANEL (c) don't copy!