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

Kolorowo czyli ciemny czerwony szablon po raz czwarty

Dzisiaj odsłona czwarta szablonu typu A Clean. Prezentuję cztery nowe kolory szablonu Clean: żółty, zielony, niebieski i fioletowy. Są ciekawe, są stonowane ale równocześnie intensywne. Wszystkie są prawostronne ale to nie problem, łatwo zmienić ich stronność czy przenieść zakładki do trzeciej kolumny.


szablon 34
Szablon 34 Clean (typ A) - żółty,
na starym kodzie, dla blogów na blox.pl. -550px-


szablon 35
Szablon 35 Clean (typ A) - zielony,
na starym kodzie, dla blogów na blox.pl. -550px-


szablon 36
Szablon 36 Clean (typ A) - niebieski,
na starym kodzie, dla blogów na blox.pl. -550px-


szablon 37
Szablon 37 Clean (typ A) - fioletowy,
na starym kodzie, dla blogów na blox.pl. -550px-


Zdecydowanie mniej robię szablonów ciemnych więc te są do pewnego stopnia nietypowe. Łatwo w nich zmienić stronność czy przenieść do trzeciej kolumny zakładki są więc też wygodne. Na koniec zaś gratka dodatkowe wzorki do wymiany topu.

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

Link do natychmiastowego pobrania szablonu: skopiuj szablon

fragmenty

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

Link do natychmiastowego pobrania szablonu: skopiuj szablon

fragmenty

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

Link do natychmiastowego pobrania szablonu: skopiuj szablon

fragmenty

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

Link do natychmiastowego pobrania szablonu: skopiuj szablon

fragmenty

Uwagi o szablonie Clean (typ A):
żółtym (34), zielonym (35), niebieskim (36), fioletowym (37)
szerokość szablonu 770px
szerokość części na notkę 560px
szerokość pobocznej szpalty 170px
kolor tła ciemne (#303030)
kolor tekstu jasne (#FFF8DB)
kolor linków 34 żółty żółty (#DDBB00)
35 zielony zielony (#889933)
36 niebieski niebieski (#66AAAA)
37 fioletowy fioletowy (#9966AA)
pozostałe kolory 34 żółty żółty (#EEEE44), szary (#aaa)
35 zielony oliwkowy (#999955), brązowy (#c8bc84)
36 niebieski niebieski (#559999), brązowy (#c8bc84)
37 fioletowy fioletowy (#774499), brązowy (#c8bc84)
krój użyty w notce Trebuchet MS
wielkość tekstu notki 1.2em z 1.3em z 62.5% (około 16px)
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 kolorowa ramka po lewej
nagłówki w notce
(h1, h2, h3, h4, h5, h6)
automatyczne
h3 - pogrubienie i powiększenie o 10%
wyróżnienie akapitów automatyczny odstęp
baza bloksowa stary kod: 0Ethemestary kod: 0Etheme Spokojny
skrypty użytkowników, wklejki zwijane archiwum, avatary w komentarzach, zwijane zakładki, Ostatnie komentarze, delicious, wklejka fotoforum na bloga

dodatkowe klasy i identyfikatory

#menuTop - górne menu (w układzie poziomym)
#uStopka - udawana stopka
.boks i .tyt - dodatkowe kontenery w bocznej szpalcie

Wybrane kolory to raczej kwestia przypadku. Od początku wiedziałam, że jednym z nich powinien być żółty, niestety nie wzięłam pod uwagę, że żółty i beżowy raczej nie pasują do siebie stąd też szablon żółty dodatki ma wyjątkowo szare. Zielony i jasnobrązowy to połączenie kolorów, które się podoba wieku użytkownikom (wnioskuje po popularności oliwkowych szablonów). Niebieski i fioletowy zrobiłam już do kompletu.

Top inspirowany jest nieistniejącym już szablonem więc nie mogę podać linku. Dodatkowo dla każdego koloru przygotowałam alternatywne wzorki w odpowiednim kolorze. Pozwala to bardzo łatwo zmienić klimat szablonu. Są wzorki tradycyjne, eleganckie, jaskrawe, subtelne, naturalne...


Każdy z tych szablonów łatwo przekształcić w lewostronny. Trzeba być ostrożnym ale tylko trochę. Szybka instrukcja zmiany szablonu Clean na lewostronny:

  1. Kopiujemy zawartość okna edycji CSS (najpierw upewniamy się, że jest w nim szablon Clean).
  2. Przechodzimy do szablonów podstawowych i zmieniamy Spokojny (0Ftheme) na Biały, klikamy wybierz.
  3. Wracamy do edycji CSS i kasujemy znajdujący się tam kod Białego zastępując go uprzednio skopiowanych kodem szablonu Clean. Klikamy zapisz i stronność zmieniona.
  4. Odszukujemy w arkuszu opis szerokiej szpalty i zmieniamy lewe dopełnienie na prawe. Nowy opis kolumny z główną treścią ma wyglądać tak:

#BlogSzerokaSzpalta {
width:560px;
padding:50px 0 30px 40px;
margin:0;
font-size:1.3em;
}

  • pozostaje jeszcze zrobić coś z RSSem, wystarczą dwie poprawki

#BlogRss a {
 left:0px;
 padding:0 55px 0 0;
}

Jeszcze prostsze jest przeniesienie zakładek do trzeciej kolumny. Wystarczy dodać w arkuszu kilka dodatkowych linijek kodu. Najlepiej odszukać wspomniane tu selektory ale jeżeli z tym będzie problem to wystarczy poniższy kod wkleić na końcu arkusza.

#BlogGlownyBox {
 position:relative;
 padding-right:220px;
}

#BlogZakladkiBox, #ZakladkiOPML {
 position:absolute;
 top:270px;
 left:790px;
 width:200px;
 padding:0;
}


niedziela, 19 października 2008, kate_mac

Społecznościowo


Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Po raz dwudziesty drugi kolorowo z szablon_team
35 szablon zielony 36 szablon niebieski 37 szablon fioletowy »
Wysłany 2008/10/22 14:17:28
Komentarze
2010/08/26 14:01:39
Biorę szablon nr 36 :) Jest świetny! Dzięki :)
czytansko.blox.pl/html
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...