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

L-O-V-E is just another word I never learned to pronounce

To był bardzo popularny szablon. Wśród wszystkich, które udostępniłam zajmował chyba siódme miejsce. Ciekawe czy to się teraz zmieni bo szablon zmienił się znacznie choć moim zdaniem zachował swe najistotniejsze cechy. To, co przede wszystkim się zmieniło to część tytułowa. Poprzednio tytuł był umieszczony na tle środkowej ramki co nie było najwygodniejszym rozwiązaniem bo w nietypowy sposób ograniczało jego wielkość. Miejsca na tytuł nie ma wcale więcej ale dużo wygodniej zastąpić teraz można te trzy ilustracje w ramkach.


szablon serdeczny 02, purpurowy

Szablon serdeczny 02 - purpurowy,
na starym kodzie, dla blogów na blox.pl. -550px- 


Poprzednio część tytułowa była pocięta na trzy części. Miało to usprawnić ładowanie się topu ale było raczej głupim pomysłem, którego nigdy nie naprawiłam. Jednocześnie jeżeli ktoś pytał się o możliwość zastąpienia ilustracji umieszczonych w ramkach musiałam odpowiadać zawsze, że to jednak większy problem. Teraz nie tylko on nie istnieje ale także przygotowałam alternatywne topy, w tym wersję z pustymi ramkami, w które łatwo wstawić własne ilustracje.

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

fragmenty szablon serdeczny 02

Uwagi o szablonie serdecznym 02 - purpurowym
szerokość szablonu 910px
szerokość części na notkę 560px
szerokość pobocznej szpalty 250px
kolor tła białe (#fff) a w body szare (#827474)
kolor tekstu niemal czarny (#2E0019)
kolor linków purpurowy (#84295E)
pozostałe kolory różowy (#B78C97), brązowy (#775544)
krój użyty w notce Bookman Old Style
wielkość tekstu notki 14px
interlinia w notce wartość względna: 150%
maksymalna wielość elementów graficznych w notce 550px
css-owe ramki przy grafikach tak
 border: 3px double #775544;
 padding: 2px;
wypunktowanie/numerowanie automatyczne
wzmocnienie/emfaza automatyczne
blok cytatu (blockquote) przesunięcie, zmiana koloru na brązowy i kursywa
nagłówki w notce (h1, h2, h3, h4, h5, h6) automatyczne
h3 - kursywa i powiększenie
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 (długość 880px)
.boks i .tyt - dodatkowe kontenery w bocznej szpalcie
#menuIkon - górne menu z małymi obrazkami

Zawsze żałowałam, że rękodzielniczy 02 łososiowy jest lewostronny. W przypadku starego kodu ma to duże znaczenie jeżeli chodzi o sposób ładowania się strony. Dlatego też poprawiając nieco purpurowy postanowiłam dopasować go pod względem wyglądu do serii warstwowej. Układ ilustracji w topie był taki sam, w zasadzie dodałam tylko ciemniejszy fragment tła dookoła bloga.

Tradycyjnie już przygotowałam alternatywne topy. Są równie wspaniałe jak oryginalny i wykorzystują te same ramki, tylko ich zawartość zmieniłam. Wymiany dokonać można poprzez zmianę adresu w arkuszu albo po prostu poprzez nadpisanie pliku w zasobach.

Tym razem plik z topem jest jeden, nazywa się: ser02_tyt.jpg a jego wymiary to: 910×300px. Wystarczy przygotować taki plik graficzny, uwzględniając miejsce na tytuł i opis bloga, nazwać go tak samo i zaznaczając uprzednio opcję nadpisz pliki dodać do zasobów bloga.

Plik przypisany jest jako tło elementowi #BlogTytulBox, jeżeli ktoś nie boi się kodu css to może pogrzebać sobie i w arkuszu (dla zielonych pierwsza podpowiedź: Jak trafić do arkusza? i Jak znaleźć te selektory?)

Przygotowałam kilka propozycji tytułowych o różnym temacie i pasujących na różne blogi. Szablon z gatunku serdecznych więc i serca na stałe są w nim obecne. A kochać można wszystko.

alternatywne topy dla serdecznego 02

Polecam wszystkie: pin up są śliczne i uśmiechnięte, kwiatki kolorowe a gwiazdy filmowe pochodzą ze złotej ery Hollywood: Clark Gable z Marilyn Monroe, Paul Newman z Elizabeth Taylor, George Peppard z Audrey Hepburn.

Jeżeli ktoś ma własne zdjęcia, które chciałby wstawić w szablon to przygotowałam puste ramki.

ramki dla szablonu serdecznego 02 purpurowego

I na koniec wspomniane w tabelce ikonkowe menu - dodatek z małymi obrazkami linkującymi do różnych serwisów. Wkrótce zapewne pojawi się tutaj bardzo dokładna instrukcja ale póki co odsyłam na stronę z szablonem. Tam w jednej z notek opisałam ikonki, których serwisów są już w szablonie, jak z nich skorzystać i co zrobić aby dodać jakąś inną.

soup.ioTumblrpinteresttwitterblipfacebook fanpagekontaktRSSzapisz się na newsletter



post scriptum

Tytuł notki pochodzi z piosenki Starstrukk, którą znam w wykonaniu Marina And The Diamonds. To okropne bo choć wiedziałam, że to cover to dopiero pisząc tą notkę sprawdziłam jak brzmi oryginał. Zdecydowanie wolę moją wersję. 

środa, 22 sierpnia 2012, kate_mac

Społecznościowo


Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
Komentarze
avo_lusion
2012/08/28 18:21:24
Oooo, blogerzy książkowi bardzo się ucieszą z tak pięknego szablonu:)
-
madzialandryna4
2012/09/02 23:09:19
Pobrałam go na swojego bloga :) pozdrawiam
-
pawel-mysliwiec
2012/09/02 23:37:59
Czytam Twoje posty, bo dużo z nich się można nauczyć, a ja mam problem z wieloma rzeczami. Chciałbym wstawić licznik odwiedzin taki jak ma np. Blogger tylko nie wiem jak to zrobić.Pozdrawiam.
-
kate_mac
2012/09/03 10:14:29
@avo_lusion
Te panie piszące są też w alternatywnych topach przy szablonach handmade. Jest już na blogach kilka szablonów 'książkowych' tylko często trzeba najpierw podmienić top. W końcu zapewne zrobię taki wpis zbiorczy ale najpierw chcę skończyć poprawiać stare szablony.
-
kate_mac
2012/09/03 10:21:46
@pawel-mysliwiec
Nie bardzo wiem co masz na myśli pisząc 'taki licznik jak ma Blogger'. Polecam Ci serwis statcounter.com jest naprawdę niezły, można uzyskać tam zarówno statystyki odwiedzin jak i liczniki na bloga. Blox sam z siebie zlicza wejścia na blog z innych stron.

Napisz coś więcej o tym liczniku, co on ma robić. Czy ma zliczać Ci statystyki? a może tylko pokazywać ile osób aktualnie czyta bloga?
-
kate_mac
2012/09/03 10:37:51
@pawel-mysliwiec
a może chodzi Ci o taki licznik whos.amung.us
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...