Projektant - tła

Przy pomocy projektanta możemy usunąć wszystkie lub prawie wszystkie (w zależności od wziętego za bazę szablonu) tła z naszego bloga. Na podstawie szablonu Prosty Biały pokażę jak w łatwy sposób zmienić kolory tła dla wszystkich dostępnych w Projektancie elementów.

Jeżeli myślisz, że to do niczego ci się nie przyda, sprawdź najpierw efekt  jaki możesz przy pomocy tych wskazówek uzyskać.

Zaczynamy oczywiście od wejścia do Projektanta, następnie z panelu po lewej wybieramy zakładkę Zaawansowane. Na sam początek wybieramy podzakładkę Tła.

Na powyższym rysunku mamy już ustawione kolory. Część A odpowiada za tło całej strony, zarazem jest ono osadzone najgłębiej ze wszystkich. Wszystkie kolejne tła będę je przykrywać. Tak samo się stanie, jeżeli dodamy obraz tła. Część B jest odpowiedzialna za kolor pod główną częścią bloga, natomiast C to tło tylko pod nagłówkiem bloga. Mam nadzieję, że jak do tej pory wszystko jest jasne.

Teraz wybieramy podzakładkę Tło kart. Tak jak widać powyżej część A zmienia kolor tła całego paska kart, natomiast B wybranej karty. Co ważniejsze, po najechaniu myszką na inną kartkę, zmieni się jej kolor tła na ten wybrany z części B.

Patrząc na tytuły podzakładek można by przypuszczać, że tła nam się już skończyły. Nic bardziej mylnego. Tym razem wybieramy Nagłówek z datą.

W tej części możemy zmienić kolor pod datą postu. Myślę, że jest to całkiem fajnie wyglądający efekt.
Jeszcze lepsze możliwości daje nam tło ukryte w części Stopka posta. Tło całej stopki zmieniamy w części A, natomiast Kolor cienia - B jest niczym innym ja tylko podkreśleniem całej stopki. Wygląda to bardo ładnie, także warto ustawić sobie tutaj jakiś ciekawy kolor. Ważne:  zmiana tła w stopce spowoduje także zmianę koloru pod komentarzami. A to na pewno może się wam przydać. Sami zobaczcie:

Ciekawe możliwości daje nam też podzakładka Obrazy. W części A możemy zmienić kolor tła pod obrazem, dzięki czemu otrzymamy szerokie obramowanie. W części B zmieniamy jakby obwolutę obrazka tworząc cienkie obramowanie.

Więcej na temat obramowań obrazków możesz znaleźć tutaj: → Obramowanie wokół obrazków w postach.
I oto efekt przy zmianie kolorów teł i czcionek:

Mam nadzieję, że wam pomogłam (:

Projektant - układ

Naszą podróż z Projektantem rozpoczniemy od zakładki Układ i Dostosuj ustawienia szerokości. Możemy tam zdecydować z ilu kolumn będzie się składał nasz blog oraz stopka.

Tak, jak wspominałam w poprzednim poście, nie można tutaj przenosić poszczególnych ramek. Takich zmian dokonuje się w edycji bloga.

Tam możemy dowolnie zmieniać kolejność ramek (za wyjątkiem tej zatytułowanej Posty w blogu).

Wracając do głównego tematu, otwieramy Projektant (jeżeli nie wiesz jak kliknij tutaj) i z panelu po lewej wybieramy układ. Pojawiło nam się nowe menu. Myślę, że jest bardzo czytelne. Wybrany przez nas układ okala pomarańczowa ramka.

Wskazówka! Jeżeli wybierzemy nowy układ ramek/stopki i wyjdziemy z zakładki Układ do nowej np. Zaawansowane zmiana nie zniknie i będziemy mogli zobaczyć nasz blog z całą grafiką i naszym tekstem w nowym układzie kolumn. Tak jest ze wszystkimi zmianami dokonanymi w Projektancie. Ale nie są to zmiany trwałe. Dopóki nie klikniemy dużego pomarańczowego buttonu "Zastosuj do bloga" nic po wyjściu z Projektanta w wyglądzie szablonu się nie zmieni.

Zwróćmy uwagę na podział ramek: Układ treści i Układ stopki. Daje nam to spore możliwości. Dobrze ten podział widać w tym szablonie. Wszystkie dodatkowe ramki (informacje, archiwum, menu, statystyka oraz tagi) zostały dodane w stopce i co więcej, umieszczenie ich poza nią zaszkodziłoby szablonowi!

Innym przykładem szablów z wyraźnie zarysowaną stopką są te proponowane przez blogspot z kategorii Rewelacja oraz Znak wodny. Zapraszam do obejrzenia ich w Projektancie, gdy stopkę mamy zapełnioną różnymi ramkami.

---

"Dostosuj ustawienia szerokości" jest miejscem, gdzie możemy zdecydować o szerokości całego bloga i poszczególnych kolumn.

W zależności od tego z ilu kolumn składa się nasz blog, tyle pasków pokazuje się w tej zakładce. Do jednej do trzech. Oczywiście zmiany automatycznie są wyświetlane poniżej.

Przy pomocy błękitnego napisu "Resetuj szerokości do wartości domyślnych szablonu" powrócimy do domyślnych szerokości kolumn.

Mam nadzieję, że teraz obie zakładki nie mają już przed Wami żadnych tajemnic (:

Projektant - wstęp

Projektant jest miejscem, gdzie w bardzo łatwy sposób możemy edytować wygląd swojego bloga. Na początek jednak trzeba wiedzieć, gdzie się on znajduje i co dzięki niemu możemy zmienić w wyglądzie bloga (:

Wchodzimy w edycję bloga. Z panelu po lewej wybieramy zakładkę Szablon. Następnie klikamy button "Dostosuj", który znajduje się pod pomniejszonym screenem naszego bloga.

Po kliknięciu wyświetla nam się od razu Projektant! To było banalnie proste. Teraz posłuchajmy o ciekawych funkcjach projektanta.

Główną część Menu Projektanta Szablonów zajmują proponowane przez blogspot szablony. Klikając na nie, możemy zobaczyć nasz blog z tymi samymi ramkami i zawartością postów w nowej odsłonie. Wybrany przez nas szablon okala pomarańczowa ramka.

Istnieje możliwość schowania projektanta. Wystarczy kliknąć na wąski pasek dzielący Projektanta i nasz szablon, a Menu się zwinie do góry. Pozostanie tylko ten wąski pasek. Ponownie klikając na niego spowodujemy wyświetlenie się całego menu.

W Projektancie możemy:

• dodać swój własny obrazek tła, ale nie większy niż 300 kB! Oczywiście da się to ominąć i niedługo pokażę wam, jak.
• zmieniać szerokości kolumn.
• zmieniać układ kolumn. Ale nie możemy zmieniać położenia ramek w kolumnach! To odbywa się w innym miejscu.
• zmieniać kolor czcionek, ale wielkość już tylko niektórych.
• zmieniać kolor tła, ale nie mamy wpływu na żadne cienie ani półprzezroczyste tła. Dlatego, jeżeli nie chcesz ich mieć w szablonie zaczynaj komponowanie swojego szablonu od wstawienia Szablonu Prosty Biały. Więcej tutaj >>
• dodać kod css.

Wszystkie powyższe możliwości zostaną dogłębnie opisane w następnych częściach.