szablony katemac

Istnieją pewne oczywistości, które nie dla każdego są oczywiste. Po poprzednim wpisie dotyczącym wyszukiwarek ponownie zaczęłam zaglądać do własnych statystyk dotyczących „Najczęściej występujących fraz w wejściach z wyszukiwarek”. Wśród przykładowych zapytań natrafiłam na frazę „dodawanie gadżetów do wąskiej szpalty”. Rzecz jak najbardziej oczywista. Nie jest też za bardzo trudna ale ma w sobie kilka niewiadomych, które jak na oczywistość są mało oczywiste.

Dodawanie gadżetów do wąskiej szpalty

Po pierwsze ostrzeżenie: jeżeli masz wąską szpaltę po lewej stronie to ostrzegam ostrożnie z gadżetami. Blog ładuje się w kolejności od lewej do prawej i zdecydowanie lepiej jak najpierw ładuje się treść (content) a dopiero potem nawigacja i gadżety. Tak więc apel do wszystkich gadżeciarzy – używajcie szablonów z wąską szpalta po prawej stronie.

Po drugie: jak to się robi
Oczywiście wpisując kod html gadżetu w polu na kod html w edycji bloga. A gdzie jest to pole? Zobacz u debergeraca jest dokładna prezentacja.

I teraz przechodzimy do meritum czyli do wyglądu. Aby rzecz nie była czysto teoretyczna jako przykładowy dodatkowy element bloga omówię statystyki.

Na początek najważniejsze: wbrew temu co może się wydawać dodatkowe elementy nie są dodawane w wąskiej szpalcie, one są pod nią i w związku z tym definiuje je „wyższy” element czyli przede wszystkim #BlogBodyBox, następnie #BlogGlownyBox i na końcu Body (w ostateczności, jeżeli występujące w gadżecie elementy nie mają zdefiniowanych parametrów w tych selektorach o ich wyglądzie zadecydują domyślne ustawienia przeglądarki). Właśnie ze względu na ten fakt często gadżety są ustawione za bardzo na lewo. Proponuję dwa rozwiązania.

1. Tagi html

Poprzedź kod gadżetu, w naszym przypadku statystyk, tagiem decydującym o wyśrodkowaniu elementu (<center></center>) czyli kod będzie teraz wyglądał tak

<center>kod_html_gadżetu_w_ostrych_nawiasach</center>

2. nadaj nazwę gadżetowi i określ jego położenie w CSS
Ta metoda jest dużo mniej prowizoryczna i daje znacznie więcej możliwości.

a. przypisz nazwę elementowi

<div id="nazwa_elementu">kod_html_gadżetu_w_ostrych_nawiasach<div>

b. opisz jego wygląd w CSS

W arkuszu CSS dodaj odpowiedni selektor i opisz jego parametry

#nazwa_elementu {text-align:center;}

W ten sposób osiągnęliśmy dokładnie ten sam efekt. Polecam jednak w przypadku elementów typu button/znaczek nadać im paramenty podobne do parametrów buttonu/loga bloxa czyli skopiujcie parametry definiujące selektor #BlogLinkiBox

I gotowe.