1. Nagłówek bloga
a) jeśli obrazek w nagłówku wgrany jest jako "zamiast tytułu i opisu".
#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}
b) jeśli obrazek w nagłówku wgrany jest jako "za tytułem i opisem".
#header-inner {background-position: center !important; width: 100% !important;}
c) wyrównanie tekstu z obrazkiem:
#header-inner {text-align: center ;}
d) i jeszcze taki fikołek: po lewej tekst, po prawej obrazek (tu trzeba pamiętać, by obrazek wstawiany w nagłówku miał mniejszą szerokość, niż blog):
#header-inner {background-position: right !important; width: 100% !important;} .titlewrapper, .descriptionwrapper {padding-right: 100px !important;}
2. Data umieszczenia posta:
.date-header {text-align:center;}
3. Tytuł posta:
.post-title {text-align:center;}
4. Zawartość widgetów:
.widget {text-align: center;}
Tym razem nie każę Wam jednak grzebać po kodzie HTML i nic kasować ;) Teraz wystarczy wejść w projektanta szablonów (Ustawienia->szablon->dostosuj), a tam zaawansowane->dodaj arkusz css (na samym dole listy). W okienko wystarczy wrzucić wybrane kody, oddzielając je enterem. I już.
DHF, rumienię się @^^@
Leno, Barbaro, żyrafa w środku, zebra na wierzchu :D
Katrinko, w imieniu Panicza dziękuję :)
Bryzeido, nie da się zaprzeczyć :)
Gabrielo, to już prawie 3 lata. Co prawda nadal jest rozmiaru dwulatka, ale śmiga za trzech ;)
A_psik - cieszę się, że kurs się przydaje. Mam nadzieję, że i dzisiejszy odcinek Ci w czymś pomoże :)
Thebestthing - dziękuję za zaproszenie, jednak programowo nie biorę udziału w candy :)
Unusual, Anno K, zapraszam częściej - staram się co jakiś czas wrzucić jakieś sekrety blogowe ;)
27 komentarzy :
To tez kiedys zrobie , ale własnie dzieki Tobie mam paseczki postepu prac!!!!!!
Jesteś BOSSSSKA !!!
Ha, a ja dzisiaj właśnie buszowałam w "zaawansowanych" i nie wiedziałam, po co to wszystko:D
Będę zaglądać częściej, to pewne:D
Super - dziękuję, dzięki Twoim radom wyśrodkowałam tytuły i daty postów - od dawna miałam na to ochotę
:)
Dziękuję :) Dla mnie komputer to czarna magia!
Dzięki, działa. Jest jasno wytłumaczone, a przy dodatkowej znajomości programowania można zdziałać coś jeszcze, nie za dużo, ale zawsze. Zwłaszcza, że to moje początki HTML'a.
A u mnie nie zaskoczyło, pojęcia nie mam dlaczego?
Super, dzięki! Tylko wydaje mi się, że w nagłówku w punkcie "zamiast tytułu i opisu" brakuje średników: poprawiłam u siebie i zaczęło działać:
#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}
wszystko świetnie wyjaśnione!
dzięki bardzo!
o matko! jesteś moim guru - obserwuję, bo piszesz w łatwy (babski?) sposób :P
bardzo pomocne! :)
http://beansjolanta-blog.blogspot.com/
Dziękuję! Dużo mi to pomogło :)
O dzięki wielkie, męczyłam się z tym godzinę :P
MÓJ BLOG
Dzięki wielkie!
Dziękuję, dziękuję, dziękuję!
All about loui/
dziękujee <33
Dziękuję :)
Bardzo sie przydało! Dziękuję! ;)
A dla mnie nie działa ! Ustawiałam aby ustawiło w prawo i nic...
POMÓŻ !
bardzo, bardzo dziękuję! :)
Dzięki za pomoc! Szukałam tego by poprawic mojego bloga. Mam nadzieję że teraz lepiej wygląda. Pozdrawiam!
Gdy dodałam .widget {text-align: center;} to wyśrodkowało mi też całą zawartość postu. Jak zrobić by tylko nagłówki były wyśrodkowane?
Skorzystałam z Twoich rad i bardzo mi pomogły - dziękuję ! ; )
DZIĘKI WIELKIE PIĘKNE ZA RADĘ W KOŃCU UZYSKAŁAM TAKI EFEKT JAKI CHCIAŁAM :D
Przydatny wpis, te kody trochę mi upiększyły bloga :). Dodatkowo jeszcze nie trzeba długo kombinować :)
Bardzo przydatny post, dziękuję!
A wiesz może jak wyśrodkować tytuły stron w menu, które znajduje się na samej górze bloga?
Dziękuję bardzo. Tak długo się męczyłem. Bardzo fajny post. Chyba go skopiuję. Pozdrawiam. Daniel (Majstermaniak)
Prześlij komentarz