h1

41 - Html/CSS

maj 24th, 2008

W ostatnich dniach większość czasu spędzam przy tworzeniu stronki na mój nowy komiks “Pokolenie JPZ”. Niedługo opublikuję stronę, ale póki co polecam naprawdę ciekawy link, dzięki któremu można wykonać bardzo użyteczny i ładny efekt. Polega on na połączeniu trzech rzeczy (że to tak nieprofesjonalnie ujmę) - mapowanie obrazka (1), który jest w tle (2) + efekt rollover (3). Chodzi o to, że przykładową grafikę możemy umieścić w tle (2), a dodatkowo gdy w dowolnym miejscu najedziemy kursorem (1) to zmienia się jej wyznaczona przez nas część tej grafiki (3). Oczywiście do tych części można dodać hiperłącza. Dzięki temu skryptowi można wykonać mnóstwo ciekawych efektów, wystarczy odrobina fantazji i trochę umiejętności graficznych (no i podstawy w tworzeniu stron..). Ja użyłem go jedynie do wykonania menu na stronie. Piszę o tym, ponieważ znalezienie tego skryptu zajęło mi wieeeleee czasu a myślę, że jest on naprawdę świetny :)

(Zacząłem szukanie nie znając nazewnictwa. Musiałem dochodzić do tego malutkimi krokami, aż w końcu - po wpisaniu w Google: “map rollover background example” - eureka ;) ) ,

http://www.freecssmenus.co.uk/css_rollover_uk_map.php

Polecam również inne efekty z tej strony.

Oczywiście można dowolnie podmienić grafikę i rozmieszczenie elementów (do tego potrzebna jest jakaś znajomość html’a. Ja oczywiście robiłem to metodą prób i błędów - jak zawsze ;) )

2 komentarze do “41 - Html/CSS”

  1. Dużo ciekawych skryptów w CSS jest na http://cssplay.co.uk. Polecam.


  2. Dzięki. Dopiero co zacząłem interesować się CSS’em i bardzo mi się podoba. Nie wiedziałem, że w taki łatwy sposób można zrobić ładną stronkę. Dziwię się, że w necie jest tyle brzydkich stron..


Zostaw Komentarz