Connections 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 - Beretta,
na starym kodzie, dla blogów na blox.pl. -500px-
Szablon connections 2 - Berry,
na starym kodzie, dla blogów na blox.pl. -500px-
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ć.
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: 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.
żółto-niebieskie niebo,
linki niebieskie
bordowe krople/kleksy;
linki bordowe
butelkowo zielona obdrapana ściana,
linki zielone
uliczny bruk w zielonkawym świetle;
linki zielone
brązowe wzorki na czarnym tle;
linki brązowe
