O szablonach, ich projektowaniu i moich z tym zmaganiach...
środa, 11 kwietnia 2012

Stronność szablonu to mocno niejednoznaczna sprawa. W przypadku starego kodu zawsze polecam prawostronne. To nie tyle kwestia wizualnego układu co praktycznych rozwiązań. Na blogu najważniejsza jest treść i to ona powinna ładować się w pierwszej kolejności (w przypadku nowego kodu stronność nie ma znaczenia bo treść zawsze ładuje się tam pierwsza).


41 szablon Times w kolorze indygo zmieniony na prawostronny

Szablon 41 - Times indygo, ze zmienioną stronnością
na starym kodzie, dla blogów na blox.pl. -550px-


Generalnie stronność to kwesta wyboru ale w przypadku starego kodu bardzo ważnym czynnikiem będzie jednak kolejność ładowania się strony i dlatego dzisiaj jeden z moich szablonów lewostronnych zamienię w prawostronny.

Szybka instrukcja dla każdego szablonu.

1. Kopiujemy do schowka kod CSS szablonu, który będziemy zmieniać.

2. Sprawdzamy na jakim szablonie podstawowym zrobiony jest szablon, który zmieniamy i wybieramy jego przeciwieństwo pod względem stronności.

3. Wracamy do edycji CSS i zastępujemy kod znajdujący się w arkuszu tym który chwile temu skopiowaliśmy. Klikamy zapisz i sprawdzamy na oko jakie problemy się pojawiły. Jeżeli szablon jest prosty i nadaje się do łatwej zmiany stronności i wybraliśmy właściwy szablon podstawowy to do zmiany zostały bardzo nieliczne elementy.

4. Poprawiamy odstępy między szpaltami zmieniając odpowiednio wielkość bocznych marginesów (margin) i dopełnień (padding) przy elementach #BlogSzerokaSzpalta, #BlogWazkaSzpalta, #SkomentujWazkaSzpalta.

Gotowe

Ta sama instrukcja zmieni szablon lewostronny na prawostronny jak i prawostronny na lewostronny. Wystarczy tylko odpowiednio podmieniać marginesy i bazowe kody.

Na koniec notki zwyczajowo udostępniam gotowiec. Polecam

Zakładki:
O blogu i RSSsubskrybcja
Polecane wpisy z blogu
Pomocne
Przeglądarki
Katalogi szablonów
Polecane strony
Szablony z dedykacją
o CSS (notki z tego bloga i podobnych bloksowych)
o arkuszach stylów ogólnie (CSS) dla poczatkujących,
głównie zewnętrzne podręczniki
o CSS (przydatne podpowiedzi) dla średniozaawansowanych
- specyficzne rozwiązania
- jak reagują przeglądarki
Historia polecanych
Kolory
Pismo
Polecane artykuły
ilustrowany przewodnik po bloksie dla początkujących,
dla zielonych jak szczypiorek na wiosnę,
dla zaczynających bloksowanie
Tagi
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...