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

Connections w pięciu odsłonach

Urodziny szablony kate_macConnections to ciekawy szablon. Kiedyś go używałam i początkowo większość szablonów robiłam właśnie „na nim”. Przerabiając Connections postanowiłam zachować kremowe ramki i wymienić tyko elementy zielonkawe i brązowe. Mimo to zmian w szablonie było sporo. Bloksowy Connections ma określone kolory w wielu miejscach. Na początku 2012 roku uaktualniałam szablony i notki i postanowiłam kod szablonów zupełnie pozmieniać, tak aby było po mojemu.


szablon connections 1
Szablon connections 1 - Beretta,
na starym kodzie, dla blogów na blox.pl. -500px-


szablon connections 2
Szablon connections 2 - Berry,
na starym kodzie, dla blogów na blox.pl. -500px-


szablon connections 3
Szablon connections 3 - Biblioteka,
na starym kodzie, dla blogów na blox.pl. -500px-


Od 2008 w tej notce było pięć szablonów jednak w 2012 zmieniłam im nie tylko kod ale i wygląd więc postanowiłam zostawić tutaj tylko trzy, bo faktycznie cała seria wywodzi się z tych właśnie pierwszych urodzin. Resztę dodam we wpisach w 2012.

Stare Connections też są dostępne choć nie zamierzam już za nie odpowiadać.

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

fragmenty

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

fragmenty

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

fragmenty

Uwagi o szablonie Connections:
Beretta (1), Berry (2), Biblioteka (3)
szerokość szablonu 747px
szerokość części na notkę 510px
szerokość pobocznej szpalty 195px (2×5px)
kolor tła jasne (#fff)
kolor tekstu ciemne (#333)
kolor linków c1 Pistolet granatowy (MidnightBlue)
c2 Berry czerwonawy (#c3512d)
c3 Biblioteka brązowy (#614413)
pozostałe kolory c1 Pistolet jasno brązowy (#6d5f54)
c2 Berry zielony (#598527), zielony (#8dc63f)
c3 Biblioteka brązowy (#8c6e3a)
krój użyty w notce Georgia
wielkość tekstu notki 0.9em z medium (około 14px)
interlinia w notce wartość względna: 1.6em
maksymalna wielość elementów graficznych w notce 500px
css-owe ramki przy grafikach tak
 background:#f9f3ec;
 border:#dfdad6 1px solid;
 padding:4px;
wypunktowanie/numerowanie automatyczne
pogrubienie/kursywa automatyczne
blok cytatu (blockquote) przesunięcie, kursywa, ramka, wcięcie akapitowe, ozdobny ornament
nagłówki w notce
(h1, h2, h3, h4, h5, h6)
automatyczne
wyróżnienie akapitów automatyczny odstęp
baza bloksowa stary kod: 2themeDstary kod: 2themeD Connections
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 topy to raczej kwestia przypadku ale starałam się aby pasowały do różnych tematów.

  • W pierwszym szablonie umieściłam zdjęcie Beretty jest jednak ono tak fragmentaryczne, że nie narzuca tematu. Kolorystyka jest neutralna: beże z dodatkiem atramentowego granatu.
  • Drugi Connections ma w topie rysunek rośliny, jest to mącznica. Jej owoce są jadalne, mają cierpko-kwaśny smak. Roślinę wykorzystywać można zarówno jako ozdobę w ogrodzie jak i w zielarstwie. Dawniej używano jej nawet w garbarstwie. Bardziej ogólne jako roślina z jagódkami idealnie będzie też pasować na blogi kulinarne.
  • Trzeci szablon jest bardzo brązowy. W winiecie jest zdjęcie półek w staroświeckiej eleganckiej bibliotece. Szablon pasować więc będzie zarówno na blogi literackie, recenzenckie, jaki na naukowe czy polityczne (konserwatywne).

Każdy z tych szablonów może mieć inny top, wg twojego uznania. Ja zrobiłam swoje na wzór oryginalnego Connections a więc z paskiem na menu. Górne menu dodawane jest osobno i ma w arkuszu określone tło więc nawet jeżeli zmienisz je w grafice a używasz tego menu to pamiętaj o zmianie numeru koloru także w CSS.

Zdjęcie w topie można bardzo łatwo wymienić. Zasada jest zawsze ta sama. Można też spróbować po swojemu, już zrobiłam stronę o selektorach opisujących tytuł. Polecam jednak najprostsze z rozwiązań: nadpisanie w zasobach bloga . Pliki z topem nazywają się mniej więcej tak samo, różni je tylko numer (będący numerem szablonu): c1_top.jpg, c2_top.jpg, c3_top.jpg. Pliki mają wymiary: 745×170px, dwupikselowa biała ramka jest ich częścią ale już ta ciemniejsza szarawa pochodzi z kodu CSS.


Connections w wersji poprzedniej

Starsze wersje szablonu nadal są dostępne choć w nie całkiem tradycyjnej formie. Zarówno plik szablonu jak i jego kod są do pobrania/skopiowania i po zmianie na bloksowy szablon Connections do umieszczenia w zasobach własnego blogu.

cnnections szablon na bloga z chmurami Connections 01

żółto-niebieskie niebo,
linki niebieskie

bordowy fioletowy szablon na blogaConnections 02 

bordowe krople/kleksy;
linki bordowe

zielony zółty brązowy szablon na blogaConnections 03

butelkowo zielona obdrapana ściana,
linki zielone

zielony uliczny bruk szablon na blogaConnections 04

uliczny bruk w zielonkawym świetle;
linki zielone

czarny brązowy szablon na blogaConnections 05

brązowe wzorki na czarnym tle;
linki brązowe


wtorek, 22 lipca 2008, kate_mac

Społecznościowo


Polecane wpisy

TrackBack
TrackBack w tym blogu jest moderowany. TrackBack URL do wpisu:
zielonkawe connections z szablon_team
connections z chmurami connections z obdrapaną ścianą connections z brukiem »
Wysłany 2008/07/30 16:13:40
Follow Me on Pinterest
Related Posts Plugin for WordPress, Blogger...