O szablonach, ich projektowaniu i moich z tym zmaganiach...
Blog > Komentarze do wpisu

Ciemny czerwony szablon po raz drugi, tym razem lewostronny

Pierwszy szablon z serii Clean (typ A) nazwę swoją zawdzięczał nagłówkowi z szablonu "CleanJS - WEB 2.0 look". Pozostając przy tej nazwie i wybranych wtedy kolorach postanowiłam zmienić stronność szablonu 20. Taki układ choć ma istotne wady (w pierwszej kolejności ładują się elementy i treść szpalty bocznej) ale ma jedną całkiem przyzwoitą wizualną zaletę: jeżeli ilustracje będą większe niż 550px nie będą wchodziły w konflikt z żadną treścią umieszczoną po prawej stronie bloga bo jej tam nie będzie. Mimo iż ilustracje w rzeczywistości będą wystawać z bloga wizualnie będzie to wyglądało całkiem przyzwoicie.


33 szablon Clean czerwony

Szablon 33 Clean - czerwony,
na starym kodzie, dla blogów na blox.pl. -550px- 


Szablon przeszedł drobną przebudowę gdy w listopadzie 2011 dodawałam mu górne menu. Najbardziej radykalna zmiana dotyczyła szukacza, który w poprzedniej wersji był w formie graficznej, teraz natomiast jego wygląd to zasługa kodu css i jedyną ilustracja którą wykorzystuje jest lupa. W porównaniu do oryginału prawostronnego górne menu ma wygląd bardziej dopasowany do szukacza.

Adres szablonu: http://33szablonkatemac.blox.pl

fragmenty szablon 33

Uwagi o szablonie 33 Clean (typ A) czerwonym
szerokość szablonu 770px
szerokość części na notkę 560px
szerokość pobocznej szpalty 160px
kolor tła ciemne (#303030)
kolor tekstu jasny (#FFF8DB)
kolor linków czerwony (#CC6666)
pozostałe kolory ciemnoczerwony (#AE3941), brązowy (#c8bc84)
krój użyty w notce Trebuchet MS
wielkość tekstu notki wartość względna: 1.3em z 62.5% (około 13px)
interlinia w notce wartość względna: 1.5em
maksymalna wielość elementów graficznych w notce 550px
css-owe ramki przy grafikach tak
background:#292929;
border:1px solid #2b2b2b;
padding:4px;
wypunktowanie/numerowanie automatyczne
pogrubienie/kursywa automatyczne
blok cytatu (blockquote) przesunięcie, kursywa i lewa przerywana ramka
nagłówki w notce (h1, h2, h3, h4, h5, h6) automatyczne
wyróżnienie akapitów automatyczny odstęp
baza bloksowa stary kod: 0Etheme spokojnystary kod: 0Etheme spokojny
skrypty użytkowników, wklejki avatary w komentarzach, zwijane zakładki, Ostatnie komentarze, delicious

dodatkowe klasy i identyfikatory

#menuTop - górne menu (tylko cztery elementy)
.boks i .tyt - dodatkowe kontenery w bocznej szpalcie

Szablon znacznie popularniejszy w wersji prawostronnej ale i taki jak dzisiaj niektóym się nada. Są też inne wersje, zarówno kolorystyczne jak i związane z układem. Jest bardzo neutralny, pasuje więc do wielu tematów. Proponuję go blogującym o dzieciach, o językach obcych, o komputerach i internecie, o filmie, muzyce, mediach, o motoryzacji... to chyba tyle jeśli chodzi o katalog bloksa.

Nie powiedziałabym, że jego wygląd jest nowoczesny bo jednak ten szablon powstał na początku 2008 roku. Nie jest natomiast staroświecki, nie nawiązuje do rękodzieła, do papierowych książek, nie jest modny... jest bardzo porządny, taki Clean.

20 Clean szukacz i górne menuElementów w górnym menu może być tylko cztery bo tyle mieści się pomiędzy szukaczem a dolną krawędzią części tytułowej. Można ewentualnie zmienić jego wygląd na taki jaki zaimplementowałam w pierwowzorze czyli szablonie 20. O różnych wersjach górnego menu dla szablonu Clean polecam wpis: Górne menu szablonów Clean.

I na koniec alternatywne wzory do body, które decydują o wyglądzie topu. Można sobie wymienić na dowolny plik ale nie powinien być on ani zbyt jasny, ani zbyt wzorzysty - na jego tle wyświetlać się będzie tło tytułu. Szerokość jest dowolna, wzór będzie się powtarzać, wysokość natomiast nie powinna przekraczać 200px

tło oryginalne paski odwrotne paski 2x jednolite ze wzorkiem

niedziela, 21 września 2008, kate_mac

Społecznościowo


Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
3X - czerwony czyli ciemny czerwony szablon po raz trzeci z szablony katemac
Nie wiem czy robiłam to publicznie ale prywatnie dość gorąco zarzekałam się, że będzie się musiało zdarzyć wielkie halo abym ponownie zrobiła ogólnodostępny szablon 3X. Poprzednie trzyszpaltowe zrobiłam dla samej idei co nie zawsze ... »
Wysłany 2008/10/12 20:14:16
Komentarze
chrisapril
2008/09/21 19:10:31
A bedzie ten szablon w wersji green?? ( i prawostronny) ??
-
kate_mac
2008/09/22 15:46:27
@chrisapril
nie wykluczam choć zapewne wyszedłby dość jaskrawy; myślałam raczej o żółtym... zobaczymy - pewnie zrobię ale nie bardzo mogę powiedzieć kiedy;
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...