Spis selektorów

Pomysł na napisanie tej podstrony przyszedł dosyć niespodziewanie. Otóż zauważyłam, że wiele osób, które chcąc uzyskać jakiś efekt za pomocą arkusza CSS zna właściwość, ale ma problem z dopasowaniem odpowiedniego selektora. Zatem od razu pomyślałam, iż początkującym pisanie własnych kodów szłoby o wiele łatwiej, gdyby mogli oni znaleźć wszystkie przydatne selektory w jednym miejscu. Oto więc jest - wykaz selektorów, których osobiście używam przy tworzeniu własnych szablonów.

Selektory ogólne
body - cały blog, selektor ten może posłużyć nam np. do ustawienia tła całego bloga
.header - nagłówek bloga
.Header h1 - tytuł bloga (inaczej tytuł belki)
.main-inner - obszar wszystkich kolumn i pagera bloga {podgląd}
#Blog1 - obszar postu (wraz z jego datą) i pagera bloga {podgląd}
.date-outer - obszar postu (wraz z jego datą) bez pagera bloga {podgląd}
.post-outer - obszar postu, bez jego daty i pagera bloga {podgląd}
.footer-outer - stopka (na szerokości całego ekranu)
.footer-inner - stopka (jedynie na szerokości bloga)
.Attribution - napis na stopce
.navbar - pasek nawigacyjny na samej górze bloga
a:hover - wszystkie linki na blogu po najechaniu na nie myszką

Kolumny
.column-right-outer - ogólnie prawa kolumna, selektor ten może posłużyć nam np. do ustawienia tła w kolumnie {podgląd}
#sidebar-right-1 - pojedyńcza prawa kolumna {podgląd}
#sidebar-right-2-1 - lewa podkolumna w prawej kolumnie {podgląd}
#sidebar-right-2-2 - prawa podkolumna w prawej kolumnie {podgląd}
.column-right-inner .widget - wszystkie gadżety w prawej kolumnie {podgląd}
Aby zamienić selektor z prawą kolumną na taki z lewą, wystarczy w nazwie tego selektora right zastąpić wyrazem left.

Budowa posta
h2.date-header - obszar nagłówka z datą na szerokości selektora #Blog1 {podgląd}
h3.post-title - cały obszar tytułu posta {podgląd}
h3.post-title a - tylko tytuł posta {podgląd}
h3.post-title a:hover - tytuł posta po najechaniu na niego myszką
.post-body - obszar samej notki {podgląd}
.post-footer - stopka posta {podgląd}
.post-author - autor zawarty w stopce posta
.post-timestamp - godzina zawarta w stopce posta
.comment-link - ilość komentarzy zawarta w stopce posta
.post-footer-line-2 - etykiety zawarte w stopce posta
.blog-pager - obszar z przyciskami: starsze posty, nowsze posły, strona główna na szerokości selektora #Blog1 {podgląd}
.blog-pager a - tylko przyciski pagera bloga {podgląd}
.blog-pager a:hover - przyciski pagera bloga po najechaniu na nie myszką
.feed-links - napis "Subskrybuj Posty: (Atom)" pod pagerem bloga
.comments h4 - duży nagłówek z ilością wszystkich komentarzy pod postem
.comment p - wszystkie komentarze, ten selektor może nam posłużyć np. do ustawienia tła, które będzie się pojawiać w każdym komentarzu
.avatar-image-container - wszystkie awatary obok komentarzy
.post-body img - wszystkie obrazki, które umieścimy w notkach, ten selektor może posłużyc nam np. do ustawienia tła pod obrazkami

Gadżety
.tabs-outer - ogólnie pasek z kartami (na całej szerokości ekranu) 
.tabs-inner - ogólnie pasek z kartami (jedynie na szerokości bloga)
.tabs-inner .widget li a - ogólnie karty
.tabs-inner .widget li.selected a - karty, które zostały już przez nas wcześniej odwiedzone
.tabs-inner .widget li a:hover - karty po najechaniu na nie myszką
h2 - nagłówki we wszystkich gadżetach
#BlogArchive1 - cały gadżet z archiwum bloga
#BlogArchive1 h2 - nagłówek gadżetu z archiwum
#BlogArchive1 a - linki w gadżecie z archiwum
#BlogArchive a:hover - linki w gadżecie z archiwum po najechaniu na nie myszką
#Stats1 - cały gadżet ze statystyką bloga
#Stats1 h2 - nagłówek gadżetu ze statystyką
.counter-wrapper - tylko licznik odwiedzin
#PageList1 - cały gadżet ze stronami bloga
#PageList1 h2 - nagłówek gadżetu ze stronami 
#PageList1 a - linki w gadżecie ze stronami
#PageList1 a:hover - linki w gadżecie ze stronami po najechaniu na nie myszką
#Label1 - cały gadżet z etykietami bloga
#Label1 h2 - nagłówek gadżetu z etykietami
#Label1 a - linki w gadżecie z etykietami
#Label1 a:hover - linki w gadżecie z etykietami po najechaniu na nie myszką
#Links1 - cały gadżet z linkami bloga
#Links1 h2 - nagłówek gadżetu z linkami
#Links1 a - linki w gadżecie z linkami
#Links1 a:hover - linki w gadżecie z linkami po najechaniu na nie myszką
#Text1 - cały gadżet z tekstem na blogu (#Text2 - drugi gadżet z tekstem, #Text3 - trzeci gadżet z tekstem itp.)
#Image1 - cały gadżet z obrazkiem na blogu (#Image2 - drugi gadżet z obrazkiem, #Image3 - trzeci gadżet z obrazkiem itp.)

Dodatkowe
a.home-link - przycisk strony głównej w pagerze bloga
a.home-link - przycisk strony głównej po najechaniu na niego myszką
a.blog-pager-older-link - przycisk starsze posty
a.blog-pager-older-link:hover - przycisk starsze posty po najechaniu
a.blog-pager-newer-link - przycisk nowsze posty
a.blog-pager-newer-link:hover - przycisk nowsze posty po najechaniu
.comment-header - nagłówek komentarza z jego autorem, datą i godziną
.comments .comment .comment-actions a, .comments .thread-toggle a - przyciski odpowiedz i usuń pod komentarzem
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover - przyciski odpowiedz i usuń po najechaniu
blockquote - cytat w poście
.jump-link - przycisk czytaj więcej w poście
#Followers1 - gadżet z obserwatorami

Starałam się niczego nie ominąć i opisać wszystko w miarę jasno. W razie jakichkolwiek pytań - zachęcam do pisania. :)
Korzystasz z powyższego spisu? Uważasz, że pomógł ci on w stworzeniu własnego szablonu? Koniecznie udostępnij go innym!

ostatnia aktualizacja: 14.07.14r

88 komentarzy:

  1. masz może selektor by zmienić napis 'starszy post' 'nowy post' na takie strzałki? (;

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie spotkałam się, aby do tego typu zmian był jakiś selektor...
      Zobacz na stronie: http://hafija-background.blogspot.com/2012/05/jak-zastapic-odnosniki-starsze-posty.html
      Jest tam instrukcja "Jak zastąpić odnośniki: starsze posty / nowsze posty / strona główna ikonami/rysunkami".

      Usuń
    2. Instrukcja bardzo przydatna, chociaż ja strzałki u siebie robiłam za pomocą css'a a nie grzebania w kodzie html. Instrukcję na taki efekt dodam w najnowszej notce, postaram się także do tego czasu zaktualizować spis selektorów.

      Usuń
  2. Mam malutkie pytanie, widziałem na jednym z blogów jak ktoś zmieniał ramki, kolory itp. w napisie "Czytaj więcej" - jaki to selektor?

    OdpowiedzUsuń
    Odpowiedzi
    1. Niestety nie mam pojęcia, postaram się dowiedzieć i zamieścić ten selektor w aktualizacji spisu :)

      Usuń
  3. Selektor na obserwatorów?

    OdpowiedzUsuń
  4. selektor do daty?? proszę o pomoc .... aby zmienić kolor i tekst

    OdpowiedzUsuń
    Odpowiedzi
    1. Pozwolę sobie odpowiedzieć c:

      .date-header

      przynajmniej ja tego używam

      Usuń
  5. cześć, mam do Ciebie ogromną prośbę - mogłabyś mi pomóc? mój blog to moniusza.blogspot.com szablon ściągałam z internetu, chciałabym zmienić na dole strony strzałkę którą przechodzimy do starszych postów na normalny napis starsze posty, ale nigdzie nie mogę znaleźć sposobu, szukam już chyba drugi dzień. w kodzie html nawet nie znajduje mi żadnego tekstu older itp. będę ogromnie wdzięczna za pomoc!

    OdpowiedzUsuń
  6. Ja chciałabym zapytać jak zrobić tło za kolumnami (boczną i postem) oraz za nagłówkiem, tak jak u ciebie jest to półprzezroczyste zielone . _ . Nie mogę w żaden sposób do tego dojść.

    OdpowiedzUsuń
    Odpowiedzi
    1. Mam nadzieję, że właścicielka bloga się na mnie nie pogniewa, jeżeli odpowiem :)
      Jeśli post musisz mieć odpowiedni kod ale nie kod HTML. Ja mam colorpicker i nazywa się "Własny".
      W poście:
      #Blog1 {
      background-color: RGB(81, 85, 98)
      }
      A do kolumn:
      .column-right-outer {
      background-color: RGB(81, 85, 98)
      }
      Jeśli kolumna lewa to "right", zmień na "left".
      Te kody podałam takie jakie miałam w programie. jest ich wiele.
      Żeby ustawić przezroczystość należy, do "RGB" dodać "a" i za cyferkami wstawić liczbę od 0 - 1. Np:
      background-color: RGBa(81, 85, 98, 0.5)..
      Mam nadzieję że zrozumiałaś. Jeśli nie to 41213382 - moje gg. :)

      Usuń
  7. Heeej mam pytanie :) jeśli h2 to nagłówki to h3 i h4 czym jest ? :))

    OdpowiedzUsuń
    Odpowiedzi
    1. h3 To chyba Tytuł postu a o h4 nie słyszałam :)

      Usuń
    2. aaa...h4 to może być związane z komentarzami :)

      Usuń
    3. h4 to duży napis z iloscią komentarzy, kiedy wejdziesz w notkę, to znajduje się pod samą stopką posta z autorem i mniejszą liczbą komentarzy.

      Usuń
  8. Chciałam napisać, że u mnie nie działa selektor .comment-link. Dlatego jakby komuś nie działało to trzeba dopisać z przodu post.
    Tak to ma wyglądać.

    .post-comment-link :)

    OdpowiedzUsuń
  9. Wiesz może jak usunąć z archiwum ilość postów ? Te w nawiasie, bardzo proszę o odpowiedź. :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Ja zawsze zmieniam to w ustawieniach projektanta :) Wchodzisz w zaawansowane, następnie tekst gadżetów i zmieniasz kolor alternatywny na przeźroczysty.

      Usuń
  10. jaki jest selektor na pogrubiony tekst w poście?

    OdpowiedzUsuń
  11. Hej! Mam mały problem. Otóż chciałam, żeby jedna ramka z gadżetami wysuwała się z pod nagłówka. Na początku miałam problem z-index, ale naprawiłam ten błąd. Najgorsze jest to, że teraz ramka nie chce się wysunąć, a tylko co się porusza to tekst i to tam gdzie nie trzeba. O to kod:

    .header {
    background: url("http://i60.tinypic.com/jto3e8.jpg");
    width:900px;
    height:584px;
    position: relative;
    left: 0px;
    border-radius: 240px 240px 5px 5px;
    box-shadow:0 0 2em #000000;
    z-index: 1 !important;}

    #sidebar-right-2-2 {
    position: relative;
    top: -395px;
    left: -64px;
    z-index: 0 !important;
    width: 265px;
    height: 150px;
    width: 230px;
    height: 360px;
    border-style: solid;
    border-radius: 0px 30px 30px 0px;
    border-color: #A20D26;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;}

    #sidebar-right-2-2 :hover{
    position: relative;
    top: -395px;
    left: 143px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    }

    #Text2 h2{
    background:#A20D26;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    transform: rotate(90deg);
    position: relative;
    top: 162px;
    left: 47px;
    width: 334px;
    border-radius: 30px 27px 0px 0px;
    }

    Nagrałam też filmik gdzie pokazuje, jak mnie to wszystko nie działa: https://www.dropbox.com/s/wjioqohbvww5v5e/css.wmv Bardzo proszę o pomoc.

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie wiem, czy to główna przyczyna problemu, ale widzę jeden błąd w kodzie. Powinno być #sidebar-right-2-2:hover a nie #sidebar-right-2-2 :hover, po prostu usuń spację i może to coś da. Jeśli nie, to ciężko mi powiedzieć, co jest źle, pewnie jakieś błędy w pozycjonowaniu. Musiałabym sprawdzać ten kod na jakimś swoim próbnym i jeszcze ustawić dodatkowo wszystkie gadżety, tak jak ty masz je ustawione albo ewentualnie podałabyś mi dane do logowania i poprawiłabym to u Ciebie na blogu :)

      Usuń
    2. Poprawiłam błąd i wszystko działa. Dziękuje. ;33

      Usuń
  12. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  13. Kod jest prawidłowy, a dzieje się tak dlatego, że takie polecenie napisałaś :> Jak masz ten fragment:
    #Label6 li a:link, #Label6 li a:visited{
    color: #A20D26;
    position : relative;
    left: -25px;
    width: 150px;
    display: block;
    transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    }
    To tutaj masz zdefiniowane polecenie dla linku po jego kliknięciu (odpowiada za to selektor #Label6 li a:visited) Usunięcie z kodu selektora podanego w nawiasie powinno pomóc :)

    OdpowiedzUsuń
  14. Zrobiłam tak jak napisałaś i nie działa. :(

    OdpowiedzUsuń
  15. Jak zmienić kolor napisu ''brak komentarzy'' ? :) bo nigdzie nie mogę tego znaleźć :(

    OdpowiedzUsuń
    Odpowiedzi
    1. .comment-link{
      color: #000000 !important;
      }
      lub
      .comment-link a{
      color: #000000 !important;
      }
      Któryś z tych dwóch powinien zadziałać :)

      Usuń
    2. Działa ! Dziękuję ! :) mam jeszcze jedno pytanie bardzo podobne ;p jak zmienić kolor godziny i jak usunąć to ''o'' ( o 3:33) ?

      Usuń
    3. i jeszcze jak pogrubić autora, godzinę i napis brak komentarzy ?

      Da się usunąć jakoś te kwadraciki do udostępniania które są pod postem ?

      Z góry dziękuję za pomoc :)

      Usuń
    4. Godzina:
      .post-timestamp{
      color: transparent !important;
      }
      .timestamp-link(
      color: #000000 !important;
      }
      Pogrubienie:
      .post-footer{
      font-weight: bold;
      }
      Kwadraciki: Wchodzisz w układ szablonu, potem wybierasz ustawienia postu i w tych ustawieniach masz coś takiego jak "pokaż przyciski udostępniania" - musisz to po prostu wyłączyć
      Mam nadzieję, że pomogłam :)

      Usuń
  16. Ten komentarz został usunięty przez autora.

    OdpowiedzUsuń
  17. Teraz tak patrzę i nie jestem pewna, czy użyłaś odpowiedniego selektora.. ja zawsze używam #Label1 i on odpowiada za wszystkie etykiety. Nie wiem, czy to coś pomoże, ale napiszę Ci, jak ja zapisałabym ten fragment kodu, który dostałam od Ciebie:
    #Label1{
    position: absolute;
    top: -10px;
    left: 50px;
    }
    #Label1 a{
    text-align: center;
    text-transform: uppercase;
    font-family: "Calligraph421 BT";
    margin-top: -10px;
    position: relative;
    top: 10px;
    width: 100px;
    color: #A20D26;
    width: 150px;
    display: block;
    transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    }
    #Label1 a:hover{
    background: #A20D26;
    color: white;
    text-decoration: none;
    display: block;
    transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    box-shadow: inset 0px 25px 0px #A20D26 !important;
    }
    Daj znać czy pomogło :)

    OdpowiedzUsuń
  18. Dałam dobrego gdyż mam aż 7 etykiet. Ja dałam tutaj pierwszy na jakiego trafiłam. Tylko co zmieniłam to dałam tylko to "a" gdyż nie chciałam zmieniać już nic. Niestety nie pomogło na dodatek nie we wszystkich etykietach działa przejście. :(

    OdpowiedzUsuń
  19. Jest jakiś selektor na same tytuły gadżetów (bez daty)?

    OdpowiedzUsuń
    Odpowiedzi
    1. #sidebar-left-1 h2, #sidebar-right-1 h2
      Można ich używać osobno (pierwszy odpowiada za tytuły gadżetów w lewej kolumnie, a drugi, za tytuły gadżetów w prawej kolumnie) albo razem, czyli po przecinku, tak jak zapisałam :)

      Usuń
  20. No to już nie mam pomysłu, jak mogłabym Ci pomóc. Musiałabym zobaczyć cały kod i może wtedy jakoś go dostosować :)

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

    OdpowiedzUsuń
  22. Gdzie można utworzyć odnośnik czytaj więcej?

    OdpowiedzUsuń
  23. Dzięki wielkie. Niektórych z tych selektorów długo szukałam, a tu są wszystkie! Jesteś cudowna, pozdrawiam. ♥

    OdpowiedzUsuń
    Odpowiedzi
    1. Chciałam tylko jeszcze zapytać - czy wiesz, jak zmienić wygląd ramki, w którą wpisuje się komentarz? Nie chodzi mi o miejsce, gdzie jest on potem widoczny, tylko to białe coś, gdy klikam "Dodaj komentarz". Da się w ogóle?

      Usuń
    2. Nie ma za co, po to są tutaj udostępnione :>
      Raczej się nie da, przynajmniej ja nie mam pojęcia jak :)

      Usuń
  24. Mam kilka pytań, ale niewiem czy odpowiesz ;)
    1. Jak powiększyć tło w napisie "Czytaj więcej" i w dacie (co do szerokości)? I jak zmienić czcionkę w "czytaj więcej"?
    2. Jak przemieścić komentarze i autora nad post, a datę umiejscowić na środku, pomiędzy nimi? :)
    Wiem, jestem dziwna ;-D

    OdpowiedzUsuń
    Odpowiedzi
    1. już nie ważne, Yassmine mi pomogła ;)

      Usuń
    2. Przepraszam, że nie zdążyłam Ci pomóc, ale dopiero dzisiaj miałam chwilkę, żeby odpisać na wszystkie komentarze :)

      Usuń
    3. Spoko ;)
      Ale nadal mam problem z dwójką, gdyż jak już to robię, to przy zmienianiu jakiś kodów, to automatycznie mi się to zniża..

      Usuń
    4. Kurczę, teraz zauważyłam, że ten poprzedni kod mi nie działa... Od kąd mam nowego laptopa, kody na przesuwanie np. kolumny, mi nie działają, widziałam to już na jednym moim próbnym :P

      Usuń
    5. Jeśli przesuwasz autora i liczbę komentarzy na górę doradzam zastosowanie position: absolute; a jeśli chodzi o datę i kolumny position: relative;
      Jak to nie działają? Muszą działać, może gdzieś wcześniej zrobiłaś błąd, np. zapomniałaś dopisać } albo ; i dlatego nie działają kody pod tym

      Usuń
    6. Nie to chyba wina bloggera ;)
      Robię teraz szablon dla koleżanki, i wszystko mi działa ;)
      Dziękuję za pomoc! :)

      Usuń
    7. Nie ma sprawy, cieszę się, że już wszystko działa! :)

      Usuń
  25. Mam małe pytanko. ;)
    Robię szablon, lecz kompletnie nie znam selektoru na samo tło postu - chcę ustawić przeźroczystość, nie zmieniając przeźroczystości napisu i obrazków. Jest taki selektor? ;)

    OdpowiedzUsuń
    Odpowiedzi
    1. Selektor jest taki sam, jak na tło postu, przeźroczystości nie ustawiasz selektorem, tylko musisz znać kod RGB danego koloru. Przykładowy kod:
      .post-body{
      background: rgba(0, 0, 0, 0.5);
      }
      Ta ostatnia wartość z przecinkiem, to twoja przeźroczystość, możesz ją ustawić według własnego uznania (0-1) 0 - koloru w ogóle nie widać, 1 - kolorowi nie jest dodana przeźroczystość. Popróbuj sobie ze wszystkimi wartościami pomiędzy.
      A jeśli chodzi o to, gdzie znaleźć współrzędne rgb danego koloru, to najłatwiej w przyborniku po prostu, nawet w paincie jest taka możliwość :) http://funkyimg.com/i/SoNV.png - tutaj masz podgląd. Patrząc od góry na dół wpisujesz po kolei te wartości po przecinku do swojego kodu. RGB to zawsze trzy wartości, dopisujesz czwartą jako właśnie przeźroczystość.
      Przepraszam, że tak chaotycznie to opisałam, ale mam nadzieję, że się połapiesz :>

      Usuń
  26. Mam pytanie...
    Jak zrobic, zeby na dole posta nie bylo tej przerywanej linii?

    http://podchmielonaprobny.blogspot.com/2014/12/lorem-ipsum.html?showComment=1420480283104#c3815789348877381473

    Dziekuje i przepraszam za brak polskich znakow - jestem na niemieckim laptopie.

    OdpowiedzUsuń
  27. Proszę o szybką odpowiedź ;)
    Jaki jest selektor na obrazki po najechaniu? :)

    OdpowiedzUsuń
  28. Hej, wiesz może jaki jest selektor na podstrony? Np. postacie
    Żeby zmienić ich wygląda, tak jak się zmienia wygląd postu

    OdpowiedzUsuń
    Odpowiedzi
    1. Podstrony? Czyli menu?
      #PageList1 - cały gadżet ze stronami bloga
      #PageList1 h2 - nagłówek gadżetu ze stronami
      #PageList1 a - linki w gadżecie ze stronami
      #PageList1 a:hover - linki w gadżecie ze stronami po najechaniu na nie myszką

      Usuń
  29. Mogłabyś podać selektor na ten główny suwak po prawej stronie ekranu? :3

    OdpowiedzUsuń
    Odpowiedzi
    1. ::-webkit-scrollbar - cały suwak
      ::-webkit-scrollbar-thumb - przycisk
      Mam nadzieję, że pomogłam :)

      Usuń
  30. I mam jeszcze jedno pytanko, jak zrobić odstęp między przyciskiem 'odpowiedz' a treścią komentarza? Bo mi jedno zaraz pod drugim wyskakuje :/

    OdpowiedzUsuń
    Odpowiedzi
    1. .comments .comment .comment-actions a, .comments .thread-toggle a{
      margin-top: 10px;
      }
      Powinno pomóc :)

      Usuń
  31. Hmm, wszystko podane, super, ale jedna mała rzecz.
    Na czym polegają te kody? Tzn., wiem, na czym, ale jak konstruować te kody?
    #Piszętakbardzoniejasno

    OdpowiedzUsuń
    Odpowiedzi
    1. Aby stworzyć kod musisz do selektora dodać jakieś "polecenie" Np. jak chcesz przesunąć menu do góry to kod wyglądałby tak:
      #PageList1{
      margin-top: --10px;
      }
      Jak chcesz poznać więcej możliwości, poczytaj sobie jakiś kurs CSS, na internecie jest ich pełno. Albo jeśli potrzebne Ci gotowe kody, to kliknij w etykietę CSS, tutaj na blogu trochę ich umieściłam :)

      Usuń
  32. A ja tylko szepnę, że Cię uwielbiam. :)

    OdpowiedzUsuń
  33. Jak usunąć kropki przy pagerze?

    OdpowiedzUsuń
    Odpowiedzi
    1. Nie wiem, o jakie kropki chodzi, ja nie mam żadnych :< Może to kwestia szablonu, do którego dodajesz swoje kody CSS? Ja zawszę pracuję na czarnej rewelacji :)

      Usuń
  34. Czesc :) Chciałam się nauczyć robic szablony, jakieś podstawy mam do tego cały czas śledzę Twojego bloga i się ucze. Jednak chciałabym jakiś wyjątkowy i mogłabyś mi powiedzieć jak zrobić żeby każdy gadżet ( menu, etc ) był w osobnych ramkach jak tutaj i jak ustawić go tak z boku i wyżej :) http://funkyimg.com/i/D5RF.jpg
    Dziękuję za każdą pomoc : )

    OdpowiedzUsuń
    Odpowiedzi
    1. Cześć, bardzo się cieszę, że śledzisz maudlaisy na bieżąco :)
      .column-right-inner .widget - wszystkie gadżety w prawej kolumnie {podgląd}
      Aby zamienić selektor z prawą kolumną na taki z lewą, wystarczy w nazwie tego selektora right zastąpić wyrazem left.

      O to chodzi? :>

      Usuń
  35. Jak usunąć napis Subskrybuj: Posty(Atom) ?

    OdpowiedzUsuń
    Odpowiedzi
    1. Pozwolę sobie odpowiedzieć :)
      .feed-links {display: none;}

      Usuń
  36. Co zrobić, żeby ten suwak z boku nie był taki "gruby"?
    No żeby był taki "chudy" jak na twoim blogu.
    Hahaha XD Mam nadzieję, że zrozumiałaś, bo po przeczytaniu tego to sama się zastanawiam czy to jest zrozumiałe.
    Chodzi mi o ten suwak z boku z przyciskiem, bo gdy się napisze selektory, wartość: background i napisze kod koloru to on taki jakiś gruby jest :/
    Jak to zrobić?

    OdpowiedzUsuń
    Odpowiedzi
    1. Ja to robię selektorem ::-webkit-scrollbar i dodaję szerokość ;)
      ::-webkit-scrollbar {width: 10px}

      Usuń
  37. Cześć!
    Twój blog jest dla mnie skarbnicą niezbędnej wiedzy. Już jakiś czas robię szablony (głównie dla siebie) i ten spis selektorów często jest dla mnie przydatny.
    Chciałabym teraz zrobić taki minimalistyczny szablon z tym, że nagłówek byłby zdjęciem, ale chciałabym, żeby po najechaniu zmieniał się na inne zdjęcie. Nie wiem jak to zrobić. Może wiesz i pomogłabyś?
    Pozdrawiam! :)

    OdpowiedzUsuń
  38. Wielkie dzięki za wypisanie tych selektorów :). O ile od razu praca łatwiejsza!

    OdpowiedzUsuń
  39. Bardzo dziękuję! Pomogło mi to, ale mam pytanie, a za razem prośbę ^^', czy wiesz jak zrobić karty w rombach? ;;

    OdpowiedzUsuń
    Odpowiedzi
    1. Może Caudire się nie obrazi, jeśli odeślę cię do tutorialu Robyn Gleams :) Wszystko tłumaczy na filmiku, a jeśli będziesz mieć wątpliwości, to daję też link do jej bloga graficznego.
      Kliknij by przejść do tutorialu
      Kliknij by przejść do bloga

      Pozdrawiam xx

      Usuń
  40. Hej :) Wiesz może jak usunąć te ikonki na dole strony (typu fb, g-mail, tt itd., a obok pisze poleć to w google).
    I jeszcze jedno pytanie: Jak usunąć ilość postów w archiwum ? (żeby tylko miesiące były) Z góry dzięki

    OdpowiedzUsuń
    Odpowiedzi
    1. Może nie jestem autorką posta, ale pomogę :b
      Ikonki zmieniasz w ustawieniach posta w układzie, nie potrzeba do tego CSS'a, natomiast do usunięcia ilości postów musisz wejść w Szablon -> Zaawansowane -> tekst gadżetów i zmienić tekst alternatywny na transparentny :)

      Myślę, że pomogłam :)

      Usuń
  41. Bardzo długo szukałam czegoś takiego, fajnie, że wreszcie znalazłam :3 Jesteś super!
    Ale mam pytanie.
    Jak przemieścić autora, etykiety godzinę etc. nad treść posta, zaraz pod tytuł? Bo ja cokolwiek bym nie przestawiła i tak wyświetla mi się na dole :(

    OdpowiedzUsuń
  42. Witam,

    jak zmienić rozmiar (konkretnie zmniejszyć) kolorowego tła, które pojawia się jako tło z tytułem posta w tym szablonie: (jest to bazowy szablon bloggera, jeden z najnowszych) ,,Notable Light" ?

    OdpowiedzUsuń

Archiwum bloga

Obserwatorzy