31 sierpnia 2012

Jak wyśrodkować pasek stron

Przed:

Po:

Otwieramy projektanta szablonów:
Zaawansowane -> Dodaj arkusz css -> 


wklejamy kod:


.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Zapisujemy i gotowe!

54 komentarze:

  1. O, znam dosyć podobny sposób, ale szczerze mówiąc, nie wiem, czym różnią się selektory z "." i "#"... W każdym razie chciałam cię zapytać o jeden selektor właśnie. Nie znalazłam go w szablonach Bloggera, a widziałam w twoich projektach. Chodzi mi o treść komentarza. Byłabyś tak miła i podzieliła się nim? Ładnie proszę : )

    OdpowiedzUsuń
    Odpowiedzi
    1. .comments .comments-content .comment-content, .ss {font: itd itd - chyba o to chodzi :D to zmienia czcionkę treści komentarza :)

      Usuń
    2. O, dziękuję Ci bardzo! Co prawda nie chodziło mi o zmianę czcionki, a zrobienie tła o innym kolorze z zaokrąglonymi rogami, ale uzyskałam to, co chciałam, więc jestem Ci dozgonnie wdzięczna. :)

      Usuń
    3. # jest przypisany do konkretnej "rzeczy" a . do grupy gadżetów

      Usuń
  2. Hej,
    bardzo ciekawy blog!
    Mam pytanie, wiesz jak dodać "metkę" faceboka z boku strony tutaj na blogerze? Chodzi mi o ten pasek z napisem "facebook" który po najechaniu na niego rozwija się i przewija się razem ze stroną.
    Będę wdzięczny za pomoc ;)

    Pozdrawiam :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Już sobie poradziłem :)
      Jak Wam się podoba?
      http://nasiprzodkowie.blogspot.com/

      Usuń
  3. a u mnie to nie zadzialalo..wjleilam ten kot, ktory podalas i nic..

    OdpowiedzUsuń
    Odpowiedzi
    1. Prześlij mi swój kod html - pomogę z tym i ze stopką :)

      Usuń
  4. u mnie też nie zadziałało :(

    OdpowiedzUsuń
  5. Niestety jeżeli nie zobaczę kodu to nie jestem w stanie powiedzieć dlaczego nie działa

    OdpowiedzUsuń
  6. W zasadzie kod mam ze standardowego szablonu blogera - ta wersja prosta, niebieska. Nie zmieniałam w nim praktycznie nic, więc też się dziwię, że nie działa...

    OdpowiedzUsuń
  7. Ale nie masz na blogu w ogóle tego gadżetu wstawionego w szablon. najpierw musisz utworzyć strony, wstawić gadżet w pasek pod tytułem i dopiero wyśrodkować ;)

    OdpowiedzUsuń
  8. Mam, w pasku bocznym :) i wiem, próbowałam, ale skoro nie zadziałało umieściłam go tam, gdzie poprzednio :) Nie mam paska stron pod nagłówkiem właśnie dlatego, że nie umiem go wyśrodkować, a taki z boku wygląda lamersko ;) no nic, dzięki, jakoś sobie poradzę z tym.

    OdpowiedzUsuń
  9. w warunkach jest mój mail i napisane jak pobrać szablon. wyslij mi go zobaczę co jest nie tak

    OdpowiedzUsuń
  10. fajne i bardzo proste. u mnie działa. dzięki :)

    OdpowiedzUsuń
  11. Wow tyle czasu się męczyłam i kombinowałam a tu była odpowiedź :)! Dziękuję bardzo!!!

    OdpowiedzUsuń
  12. Od dłuższego czasu mam pewien problem z paskiem stron. Udało mi się go wyśrodkować, ale nie wiem jak "zmodyfikować" jego wygląd. Chodzi mi o to, żeby usunąć pionowe kreski oddzielające od siebie każdą stronę i pozostawić tylko zewnętrzną ramkę. Czy jest na to jakiś sposób? Będę wdzięczna za odpowiedź!

    OdpowiedzUsuń
  13. Niestety nie zadziałało :( Strony dalej nie są wyśrodkowe

    (www.lakierowo.blogspot.com)

    OdpowiedzUsuń
  14. Czy mogłabyś poradzić, jak zmniejszyć szerokość widgetów na dole strony na moim blogu? Próbowałam zmienić wartość po footer-wrapper ale nic to nie dało. Próbowałam też zwięszyć odległość między widgetami, ale też bez skutku.

    OdpowiedzUsuń
    Odpowiedzi
    1. tą odległością między widgetami i ja jestem zainteresowana. z tym, że ja potrzebuje mocno te odstępy zmniejszyć :)

      Usuń
  15. u mnie nie działa... :(

    www.dripfashion.blogspot.com

    OdpowiedzUsuń
  16. Miło popatrzeć jako bliźni bliźniemu niesie pomoc. Witamy w 2013 roku!

    OdpowiedzUsuń
  17. A mi byś pomogła z tym wyśrodkowaniem stron? I mam małe pytanie, może też wiesz jak wyśrodkować pasek boczny? Byłabym bardzo wdzięczna :).

    OdpowiedzUsuń
  18. U mnie też nie działa wyśrodkowanie. Proszę Cię o meila gneshka.blogspot@gmail.com

    OdpowiedzUsuń
  19. Tak! Dziala! Wczesniejsze nie dzialalo.

    OdpowiedzUsuń
  20. swietny blog :)
    niestey u mnie nie dziala zadna z tych metod :(

    OdpowiedzUsuń
  21. Dziękuje ślicznie, działa :)

    OdpowiedzUsuń
  22. Hafijo, bardzo przydatny blog! Skorzystałam z kilku porad. Bardzo dziękuje za te dokładne tutoriale, ale mam problem. Jak wyśrodkować zdjęcie przy gadżecie "o mnie"?
    smakiempisany.blogspot.com -> tak to wygląda w tym momencie.

    OdpowiedzUsuń
    Odpowiedzi
    1. Hafijo, powiedz proszę czy chociaż da się to zrobić?

      Usuń
  23. działa, ale trzeba pamiętać żeby nacisnąć ENTER po wklejeniu kodu, bardzo dziękuję :)

    OdpowiedzUsuń
  24. A ja też mam pytanko. Wczoraj wykorzystałam tą poradę, ale jednak dzisiaj się rozmyśliłam i uznałam, że lepiej było wcześniej. Niestety kiedy wchodzę Zaawansowane -> Dodaj arkusz css -> to arkusz jest pusty i nie mogę usunąć dodanego kodu, w jaki więc inny sposób mam z powrotem wyrównać pasek stron do prawej?
    Ps. Zrobisz tutorial jak zaokrąglić avatary komentujących?

    OdpowiedzUsuń
    Odpowiedzi
    1. Edit: tego PS. nie ma, bo właśnie teraz spostrzegłam, że jest już taki tutorial.
      Moje pytanie nadal jest aktualne, mogłabyś odpowiedzieć? ;-)

      Usuń
  25. Pomogło, działa, zobacz jeśli chcesz :) Super porady i blog :)


    http://ivonne-vie.blogspot.com/

    OdpowiedzUsuń
  26. Mam pytanie jak mogę podwyższyć pasek stron? Albo obniżyć nagłówek?

    .PageList { height: 10cm; } myślałam że może coś w tym stylu, z kodów css, ale nic mi nie wychodzi :/

    OdpowiedzUsuń
  27. Mam pytanie, czy wiesz może jak zrobić aby pasek u góry stron był czarny ? gadżet już zmieniłam stron na górny ale interesuje mnie jak go teraz zmienić kolorystycznie. Czy jest na to jakiś sposób ?
    Narazie wygląda to tak www.kimStyle.pl

    OdpowiedzUsuń
  28. mam pytanie jak co zrobić aby pasek stron nie był na cały blog tylko tak jak tu ? http://pannazadziorna.blogspot.com/ i żeby nie kończyło się tak " kwadratowo " tylko żeby była taka choćby wstążka ? :)

    OdpowiedzUsuń
  29. Hej :)) mam pytanie jak dodać swój kanałem youtube jako gadżet ? Zapraszam ---> http://radoksofficial.blogspot.com ;)))

    OdpowiedzUsuń
  30. Tym, którym nie działa -> Na końcu napiszcie < / center > (bez spacji) mi pomogło

    OdpowiedzUsuń
  31. Bardzo przydatny tekst, i jakubzgutka.blogspot.com od razu wygląda lepiej :)

    OdpowiedzUsuń
  32. Od dłuższego czasu szukałam podobnego tutoriala - życie mi uratowałaś, dziękuję! Taki mały szczegół może mocno zmienić wygląd bloga.

    OdpowiedzUsuń