WEBMARK

Szablon 'Webmark'

11 listopada 2006

Prezentowany szablon "chodził" pod Wordpressem stąd jego dość charakterystyczna (aczkolwiek nie do końca) budowa. Ilustracje i logo po lewej można w bardzo prosty sposób zamienić na własne tym bardziej, że na stronie zamieściłem również plik psd. Szablon można również bez problemu poszerzyć zmieniając szerokość dwóch warstw nazwanych 'podstawa' i 'lewa' o taką samą liczbę pikseli.

obrazek

Warstwa 'podstawa' ma w chwili obecnej 778px zaś warstwa 'lewa' 448px. Aby strona zajmowała mniej więcej całą szerokość ekranu w rozdzielczości 1024 na 768 pikseli należy zwiększyć szerokość 'podstawy' na 978px zaś warstwy 'lewa' na 648px. Ponadto należy zmienić nieco plik 'podstawa.jpg' nadając mu odpowiednią szerokość np. 978px zmieniając jednocześnie proporcje kolorów białego i ciemnoszarego.

obrazek

Szablon wyposażyłem w kilka pluginów jQuery m. innymi do kolorowania wierszy, otwierania plików graficznych tzw. lightboxa oraz zbudowania tabbedmenu po prawej. Przy okazji zastosowałem równiez prościutki skrypt do ukrywania wskazanej warstwy po nacisnięciu obrazka z napisem 'info' poniżej.
Biblioteka jQuery w najnowszej wersji jest 'dociągana' z serwera jQuery.com zatem strona będzie działała przy podłączonej do komputera sieci. Oczywiście bibliotekę można ściągnąć na dysk i dołączyć do strony 'na sztywno'.
Bez podstawowej wiedzy nt. budowy stron proszę nie usuwać warstw, klas i identyfikatorów poszczególnych elementów strony

Informacje o wpisie Czytaj dalej...

______________

  • Lorem ipsum sit amet6

    Lorem ipsum dolor sit amet consectetuer leo a ac cursus elit. Phasellus Aliquam iaculis Pellentesque ut est Pellentesque Aenean quis amet id. Habitant nibh lacinia nunc nibh dolor libero ipsum ut pretium In. Nullam sed Nunc Phasellus nec.

  • Vestibulum nec11

    Lorem ipsum dolor sit amet consectetuer augue augue adipiscing et nunc. Eget accumsan malesuada tincidunt sed lacus odio purus felis sagittis venenatis. Interdum augue Donec accumsan.

  • Facilisi carabitur18

    Lorem ipsum dolor sit amet consectetuer libero mus sollicitudin Curabitur nunc. Laoreet mus augue feugiat hendrerit et Mauris netus consequat consequat Nam. Tincidunt et tortor magnis netus convallis vitae tempus elit Vestibulum Nunc. Congue congue egestas id sem elit.

  • Magna maecenas cras3

    Lorem ipsum dolor sit amet consectetuer quis sit at vel laoreet. Tincidunt facilisi Curabitur ipsum eget orci at laoreet in in vitae. Tincidunt Nam leo risus pede porttitor Maecenas tincidunt gravida vestibulum justo. Magna nec lorem at Maecenas Cras.

  • Morbi fusce21

    Lorem ipsum dolor sit amet consectetuer nunc dolor pellentesque volutpat ante. Morbi tellus ipsum felis Fusce id lobortis mauris est Vestibulum pellentesque. Quam ut.

Lorem ipsum dolor sit amet consectetuer condimentum semper Phasellus Morbi platea. Nunc Lorem morbi at id pretium nec habitant a leo dis. Pellentesque quis elit orci ipsum lacinia quis fermentum dolor Praesent ultrices. Magnis non at ante tellus et Maecenas wisi Sed ipsum.

Lorem ipsum dolor sit amet consectetuer Vestibulum Morbi elit purus egestas. Accumsan non netus neque aliquet ac tempus Maecenas wisi nibh sem. Ac auctor Maecenas metus gravida leo lacinia pulvinar Phasellus pede Maecenas. Wisi sodales Pellentesque.

Et vitae malesuada pede vitae urna elit Curabitur interdum mattis magnis. Duis Nunc augue mauris vitae urna adipiscing Nam nibh dui ligula. Feugiat tempor odio pellentesque leo at Vivamus id ipsum magna ut. Et scelerisque sociis montes at justo adipiscing augue ipsum urna accumsan. Vestibulum elit id congue fermentum.

Tristique Ut pede nec vestibulum interdum orci mi quis facilisi Vivamus. Laoreet mus nibh nisl laoreet quam condimentum dignissim Maecenas Quisque sit. In semper Vestibulum Cras elit ut Phasellus tincidunt porta venenatis eleifend.

Copyright © and design by zama 2007
Prace do wykorzystania na licencji linkware