Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Mapa obrazków w CSS 2.1

18 września 2005

Bawiłem się w nocy CSSem i wyszło coś takiego. CSS jest świetny! :) Zdjęcie przedstawia moich dobrych znajomych (no i mnie - ale włosy mam dłuższe teraz :P), rok temu na wakacjach w Niedźwiedziu, koło Rabki.

Ustawilem application/xhtml+xml, żeby nikomu nie przyszło do głowy otwierać to w IE. Czytałem gdzieś, że można pohackować taką mapę dla IE, ale ja używam przezroczystości, więc to by się mijało z celem.

Tagi wpisu:

Informacje i hiperłącza

To ja! Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 18 września 2005 o 05:22

Kategorie: CSS

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

Komentarze

  1. Ja-Joanna 1 18 września 2005, 07:08

    Niezły efekt!

  2. fascik 2 18 września 2005, 08:29

    :-) Tak się migam od CSS-a jak mogę ale chyba zacznę czytać dokumentację :-) Fajny efekcik.

  3. Kuba 3 18 września 2005, 09:56

    nice nice ! ;)

  4. Pooshh 4 18 września 2005, 11:02

    Kurna, Rid! Ale ty ładne dziewczyny znasz.... :)

  5. helmucik 5 18 września 2005, 11:14

    Efekt niezły, szkoda, że ie tego nie obsłuży. BTW strona jest przesyłana jako text/html [przynajmniej tak mi ją FF przedstawia]. Content-type nie ma tu nic do rzeczy. BTW2 w iluminati przydałby się kod do wysłania komenta :D

  6. Ktos 6 18 września 2005, 11:38

    text/html, jak nic :) i BOM jest też.
    Fajny efekt, fajni ludzie na fotce ;)

    @pooshh: a tych dziewczyn tam taki tłum :)

  7. Pooshh 7 18 września 2005, 11:42

    @ktos: może nie tłum, ale przynajmniej ładne :P

    @riddle: pozdrów Chomiq'a :)

  8. Paool 8 18 września 2005, 11:55

    ale Ty wydziwiasz z tymi stronami... ;D

  9. Riddle 9 18 września 2005, 13:34

    Hehe, no ładne a co. :P

    Text/html? Więc jak to ustawić? :|

  10. helmucik 10 18 września 2005, 13:51

    Kwestia konfiguracji serwera. Luknij na http://www.schillmania.com/content/entries/2004/10/24/application-xhtml+xml/

  11. yanq 11 18 września 2005, 16:48

    Fajne ^^

  12. rew 12 18 września 2005, 19:30

    rid jest sexy :D
    chlopie, cuda z tymi stronami robisz :D

  13. Ktos 13 18 września 2005, 19:43

    Do zmiany Content-type można też użyć PHP - header() i sprawa załatwiona.

    Zgadzam się z rewem, cuda robisz chłopie normalnie :)

    @pooshh: czy ja mówiłem, że nie ładne? :)

  14. Pooshh 14 18 września 2005, 20:33

    @ktos: nie, ale mówiłeś, że tłum :P

  15. sebas86 15 18 września 2005, 20:58

    Wow, jestem pod wrażeniem, pokłony dla autora. :-)

  16. yanq 16 18 września 2005, 21:45

    Żeby nie było niedomówień, autorem nie jest riddle. Ale tak czy siak efekt fajny.

    http://www.webreference.com/programming/image_map/index.html

  17. Riddle 17 18 września 2005, 21:47

    No tak, tak… ale tak w ogóle to dziwne jest to "autorstwo". "Wymyśliłem" jak zrobić licznik w <ol/> raz po jednej, raz po drugiej (w Illuminati CSS jest) ale może się okazać że już ktoś to zrobił. :) Weird… but who cares.

  18. Ktos 18 18 września 2005, 21:50

    Koło też pewnie wymyślono kilka razy ;)

  19. Riddle 19 18 września 2005, 21:51

    No słuchaj, pewnie tak. :) Mam jakiś pomysł to siadam i zaczynam pisać, co z tego że już ktoś to zrobił, pohackował (jak widzę na tej stronie). :D Dla mnie liczy się, że coś umiem więcej. O. :)

  20. yanq 20 18 września 2005, 21:51

    riddle: No ale nie mów, że sam na ten efekt wpadłeś podczas, jak to piszesz, nocnych zabaw CSSem.

  21. yanq 21 18 września 2005, 21:52

    Zabrakło znaku zapytania na końcu tamtego zdania "?"

  22. Riddle 22 18 września 2005, 21:52

    Nie napisałem tego nigdzie. :) Stronę widziałem jakiś czas temu. A efekt bardziej kojarzę z flicker, ale tam było to na flashu.

  23. Yano 23 18 września 2005, 23:09

    Jej, jakie dzieci na tym zdjęciu! :>
    Ale efekt ciekawy. :)

  24. XyC 24 19 września 2005, 00:19

    riddle: Można "zapożyczyć" rozwiązanie?

  25. Riddle 25 19 września 2005, 06:43

    Xyc: Why not? :>
    Yano: Odezwał się, dziadek. ;) Trzeba się cieszyć młodością. :D

  26. Yano 26 19 września 2005, 19:02

    No mnie to już coraz bliżej do dziadka niż do młodzieńca. :P
    A być młodym to można nawet i w wieku 50 lat. Zresztą faceci to ponoć wieczne dzieci.
    A wracając do tematu — niech mi ktoś teraz powie, że ciekawe efekty na stronach można zrobić tylko w technologii Flash, to mu osobiście zrobię #leftEye{background-color:#727} :>

  27. XyC 27 19 września 2005, 19:04

    yano: ROTFL z #leftEye :]

  28. Yano 28 19 września 2005, 21:00

    No proszę. Dziś odwiedziłem kilka zaległych serwisów, a tam: http://www.frankmanno.com/ideas/css-imagemap/

    Zmówiliście się, czy co? :|

  29. Loonatic 29 03 lutego 2007, 22:17

    W IE7 (sprawdziłem z ciekawości) wygląda i działa tak samo jak w FF20, czyli wydaje mi się, że dobrze ;).

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.