style kate mac

Blog o stylowaniu bloksowych szablonów, tych na nowym kodzie. Szablony udostępnione bez ograniczeń i za darmo, porady, instrukcje i trochę lania wody z innej beczki. Zapraszam.

Wpis

wtorek, 20 września 2011

02 subtelny, niebieski

Szablon na nowym kodzie. Subtelny, pastelowy, pikselowy. Całkiem typowy i zwyczajny. Jasny choć lekko burzowy. Prosty układ, oszczędne ozdoby. Stosunkowo szeroki szablon zmieści zdjęcia szerokości nawet 590px. W szablonie można w łatwy sposób umieścić poziome górne menu z dowolną zawartością.

02 szablon subtelny, niebieski

Szablon subtelny 02 - niebieski,
na nowym kodzie, dla blogów na blox.pl. -590px- 

Szablon ma co najmniej dwa bliźniacze projekty, łatwo go też nieco pozmieniać. Na razie jest prawostronny, w przyszłości zmienimy mu stronność a także wypróbujemy w wersji jednokolumnowej gdzie wpisy będą bardzo szerokie. Przygotowałam też cztery alternatywne wzory do nagłówków ale to wszystko w dalszej części wpisu.

Adres szablonu: http://style02katemac.blox.pl

fragmenty szablon 02 subtelny

Uwagi o szablonie
szerokość szablonu 900px
szerokość głównej szpalty 590px
szerokość bocznej szpalty 260px
kolor tła jasne (#fff)
kolor tekstu grafitowy (#333)
kolor linków niebieski (#668888)
pozostałe kolory brązowy (#998866), żółty (#cc9900)
krój użyty w notce Times, 'Times New Roman'
wielkość tekstu notki wartość względna: 1.2 ze small (ok. 14px)
interlinia w notce wartość względna: 1.6em
maksymalna wielość elementów graficznych w notce 590px
css-owe ramki przy grafikach nie
wypunktowanie/numerowanie automatyczne
pogrubienie/kursywa automatyczne
blok cytatu (blockquote) przesunięcie, zmiana koloru (#666), kursywa
nagłówki w notce (h1, h2, h3, h4, h5, h6) h3 - większy rozmiar (1.4em); górny odstęp
wyróżnienie akapitów odstęp po 10px od góry i dołu
baza bloksowa nowy kod: new_template7nowy kod, szablon new_template7
skrypty użytkowników, wklejki Ostatnie komentarze

dodatkowe klasy i identyfikatory

#menu-top - górne menu (długość 860px)

.kont - kontener z treścią w bocznej szpalcie
h2 - etykieta tytułowa boksów w bocznej szpalcie

Subtelny jest typem treść. Winieta, część tytułowa jest wyraźnie wyróżniona i ozdobiona ale ale to na części z treścią skupia się większa uwaga mimo, iż jest pozbawiona ozdób.

Od początku myśląc o szablonie subtelnym miałam na myśli właśnie ten niebieski z pikselowym nagłówkiem. Szablon subtelny ma mieć nieco staroświecki wygląd a w wersji z pikselami wydaje się być choć trochę nowoczesny. Przygotowałam również cztery nagłówki z nieco innym wzorkiem: ornamentem, przybrudzonym tłem, większymi pikselami i nieco rustykalnymi paskami. Moim zdaniem ten ostatni zasługuje na nieco więcej uwagi, w największym stopniu zarówno zmienia temat szablonu jak i doskonale komponuje się z nim.

ORNAMENT

DIRTY

PIKSELE

PASKI

Jeżeli chcesz wprowadzić zmiany w szablonie to nie krępuj się. W kwestii wymiany topu (lub innych grafik): pliki należy załadować do zasobów bloga i podmienić ich adres w arkuszu css. Grafika z topu przypisana jest przy selektorze #naglowek.

Szablon łatwo można zmienić na taki z wąską szpaltą po lewej stronie. Wystarczy w arkuszu CSS, przy selektorze #tresc-glowna zmienić pływanie elementu z float:left; na float:right; i gotowe. Dokładniejsze informacje można znaleźć w notce Zmiana stronności szablonów subtelnych (na lewostronne). Są tam dokładne wyjaśnienia, krok po kroku a na koniec gotowiec w postaci arkusza stylów, który załadowany powinien zmienić szablon na lewostronny. Jeżeli chcesz skorzystać z gotowca a trochę nie wiesz jak to w notce o zmianie jest króciutka i prosta instrukcja.

Szablon może też być jednokolumnowy. Sama zmiana układu na jednokolumnowy nie jest bardzo trudna. Poszerzamy zarówno główną szpaltę jak i poboczną a następnie ustalamy pływanie elementów dla treści pobocznej. Oczywiście jest gotowy arkusz stylów dla wersji jednokolumnowej. Można też spróbować trochę bardziej po swojemu poukładać elementy z wąskiej szpalty. Czasami przydałaby się szersza chmurka tagów, czasami ukrycie archiwum, przeniesienie wyszukiwarki, czasem trzeba by rozbić zakładki na mniejsze elementy, albo może dodatków jest bardzo dużo...

Proponuję zapoznać się z kilkoma przydatnymi notkami:

Szczegóły wpisu

Tagi:
Kategoria:
Autor(ka):
kate_mac
Czas publikacji:
wtorek, 20 września 2011 18:04

Opcje


Trackback

  • Subtelny: zmiana stronności z „ Style kate mac ” datowany na 2011/10/12 12:39:23:

    Łatwość zmiany stronności szablonu jest jedną z zalet nowego kodu. Poprzednio poza zmianami w css trzeba było zmienić html uważając przy tym aby wybrać najbardziej podobny bo różnice pomiędzy poszczególnymi szablonami bazowymi mogły być spore. Tym ...

  • Subtelny: jednokolumnowy z „ Style kate mac ” datowany na 2011/10/26 08:21:13:

    Najbardziej chyba klasycznym, popularnym blogowym szablonem jest Kubrick. Jego wersja bloksowa jest w szablonach podstawowych a i ja sama tuningowałam ją wielokrotnie. Bardzo chciałam zrobić też inny wordpressowy szablon, Hemingway a. Nigdy nie udało ...

  • Subtelny: jednokolumnowy, układanie treści pobocznej z „ style kate mac ” datowany na 2011/10/31 12:49:00:

    O pływaniu elementów ciekawie napisał kiedyś e-maupa w notce: Podstawy layoutu CSS - część II . Ta część była poświęcona właśnie właściwości float. Korzystając z właściwości tam opisanych w ostatniej notce ułożyłam sobie elementy w wąskiej szpalcie, ...

Komentarze

Dodaj komentarz

  • felicja79 napisał(a) komentarz datowany na 2011/09/20 20:35:21:


    Piękny niebieski, burzowy, kolor! :-) Piękny szablon. mi najbardziej podoba się top z ornamentem. Piksele mnie denerwują.

    Zapisuje sobie szablon w zakładkach, w folderze "szablony". Mam tam już kilka Twoich ulubionych. Wykorzystam je w przyszłości. Mam nadzieję :-)

    Po przeczytaniu Twojego pierwszego bloga o szablonach mam już swoje TOP 10 SZABLONÓW Kate_Mac. Tylko nie wiem, jak z kolejnością na tej liście. Ale 10 ulubionych już jest + te, z których aktualnie korzystam :-)

  • kate_mac napisał(a) komentarz datowany na 2011/09/28 10:03:16:

    @Felicja
    Obawiałam się tego ornamentu. Jest bardzo ładny i bardzo silnie uwodzi ale jest zbyt jaskrawy i kontrastowy, za bardzo widoczny przez co tytuł bloga staje się mniej czytelny nie mówiąc już o opisie. Taki tłusty ornament dominuje wtedy w znacznie większym stopniu a szkoda bo powinien dominować tytuł.

    Ja polecam ostatni, z drobnymi paseczkami. Efekt jest wtedy lekki, nieco rustykalny i staroświecki ale bardzo stylowy. Dobrze też widać wtedy ten kolisty jasny gradient. Wygląda on jak światło.

  • wspolnota-jonasz napisał(a) komentarz datowany na 2011/12/19 13:33:25:

    A więc pobrałem :) Bardzo ładny :) Jakoś odwdzięczyć się można?

Dodaj komentarz

Wyszukiwarka

Kanał informacyjny

Related Posts Plugin

Opcje Bloxa