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

Żółty szablon z beleczką

Od dawna planowałam pozbyć się szablonów Light. Były całkiem niezłe, szczególnie niebieski, ale już raczej sprawiały przestarzałe wrażenie. Zarówno wersja fioletowa jak i żółta kolorystycznie od początku były co najwyżej zadowalające. Dlatego zdecydowałam się zachować typ Light ale jako przykład dla kilku właściwości z CSS3 a oryginalne Light zamienić na z beleczką. Fioletowy i niebieski znaleźć można w starszych notkach, w dalszej części wpisu umieściłam linki do nich


26 szablon z beleczką, żółty

26 szablon z beleczką, żółty
na starym kodzie, dla blogów na blox.pl. -500px- 


Szablon jest jasny i prosty. Jego głównym ozdobnikiem jest intensywna beleczka, która jest elementem dodatkowym - jest to górne poziome menu. W tym szablonie bardzo łatwo można dodać własną ilustrację tytułową. Szablon jest powtórką z czerwonego sportowego a tam ilustracja już istnieje.

Krój jest nie-całkiem-typowy i nie-w-pełni-dostępny więc nie każdy zobaczy Cambrię, dla reszty przygotowałam równie śliczną lecz znacznie popularniejszą Georgię.

Adres blogu z szablonem: http://26szablonkatemac.blox.pl

fragmenty szablon 26

Uwagi o szablonie
szerokość szablonu 990px
szerokość części na notkę 510px (+120 na datę)
szerokość pobocznej szpalty 258px
kolor tła jasne w szerokiej (#e7e9eb), jaśniejsze w wąskiej (#f4f6f8)
kolor tekstu grafitowy (#444)
kolor linków żółty (#d59904)
pozostałe kolory jaskrawy żółty (#ffc430)
krój użyty w notce Cambria lub Georgia (w zależności od systemu)
wielkość tekstu notki medium (około 16px)
interlinia w notce wartość względna: 130%
maksymalna wielość elementów graficznych w notce 500px
css-owe ramki przy grafikach tak
border:1px solid #cbcbcb;
padding:4px;
background: #ebedf0 url(../resource/s1_gradient.png) repeat-x left bottom;
wypunktowanie/numerowanie automatyczne
pogrubienie/kursywa automatyczne
blok cytatu (blockquote) automatyczne przesunięcie, kursywa
nagłówki w notce (h1, h2, h3, h4, h5, h6) automatyczne
h3 - powiększone o 10%
wyróżnienie akapitów automatyczny odstęp
baza bloksowa stary kod: 0Etheme Spokojnystary kod, szablon Spokojny (0Etheme)
skrypty użytkowników, wklejki avatary w komentarzach, zwijane zakładki, zwinięte archiwum, Ostatnie komentarze, delicious, fotoforum (pionowy)

dodatkowe klasy i identyfikatory

#uStopka - dodawanie udawanej stopki
#menuTop - górne menu (długość 988px)
.boks i .tyt - dodatkowe kontenery w bocznej szpalcie

Dawniej szablon 26 był szablonem Light, był żółty z zaokrągleniami i cieniowaniami. Nic z tego nie zostało ale szablon dużo zyskał na zmianie, jest mniej udziwniony, bardziej stylowy i bezproblemowy. Jego nowa wersja powstała na bazie czerwonego sportowego ale są też wersje fioletowa i niebieska.

Krój wykorzystany w szablonie to windowsowa Cambria, która jest (tak mi się wydaje) dostępna dopiero od wersji Vista więc dla reszty czytelników wyświetlać się będzie śliczna Georgia.

Zdjęcie w topie można bardzo łatwo dodać. Zasada jest zawsze ta sama. Można spróbować po swojemu, już zrobiłam stronę o selektorach opisujących tytuł. Polecam jednak najprostsze z rozwiązań. W arkuszu dodałam opis ilustracji, która nie jest dodana w zasobach więc nie ma co się wyświetlać czy skopiować. Umieściłam ją po prawej stronie, dokładnie tak jak w sportowej czerwonej wersji, wystarczy więc dodać do zasobów bloga plik o nazwie 26_tyt.gif a znajdzie się on właśnie tam.


Notki na powiązane tematy:

niedziela, 29 stycznia 2012, kate_mac

Społecznościowo


Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...