poniedziałek, 21 kwietnia 2014

TUTORIAL: położenie tekstu w poziomie


Witam Was serdecznie w moim pierwszym tutorialu.

W tym poście dowiecie się co to jest text-align i jak się nim posługiwać. W moim przypadku jest to pierwszy styl, którego używam do modyfikacji szablonu, ponieważ sama zmiana położenia tekstu np. tytułu posta dość widocznie zmienia szablon.
Są 3 wzory które warto zapamiętać:

text-align:center; (wyśrodkowanie)
text-align:left; (tekst po lewej)
text-align:right; (tekst po prawej)



TYTUŁ POSTA
HTML
Aby zmienić położenie tekstu w tytule posta udajemy się do zakładki "SZABLON" > "EDYTUJ KOD HTML"
Po ukazaniu nam się całego kodu HTML szablonu klikamy w dowolnym miejscu tego kodu i wciskamy ctrl+f.
W prawym rogu pokaże się wyszukiwarka umożliwiająca szybkie wyszukanie dowolnej linijki w kodzie.

Szukamy kodu
h3.post-title {

i pod nią wklejamy któryś z kodów wymienionych powyżej. (pamiętajcie, aby po wpisanym kodzie zawsze znajdowało się
zamknięcie "}")

CSS
Można to również zrobić w prostszy sposób, gdyby ten nie zadziałał.
Wystarczy udać się do zakładki Szablon > Dostosuj > Zaawansowane > Dodaj arkusz CSS
W białym polu wklejamy kod:

h3.post-title {wybrany wzór}
przy zmianie tytułu innych elementów również można użyć tego sposobu.

TYTUŁY GADŻETÓW
Postępujemy dokładnie tak samo, z tym że tytuł gadżetu jest zapisany kodem h2
np. tytuł wyśrodkowany
h2{text-align:center;}

NAGŁÓWEK Z DATĄ
Prawdopodobnie po zastosowaniu kodu do zmiany położenia tytułu gadżetu, swoje położenie zmieni również data posta.
Aby zmienić ją oddzielnie, wystarczy posłużyć się kodem:
.date-header {wybrany wzór}


To tyle z mojej strony. Piszcie, czy ten tutorial był dla Was przydatny i czy udało mi się to w miarę klarownie
Wam wytłumaczyć.

POWODZENIA!

Brak komentarzy:

Prześlij komentarz