Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS][PHP]Jak zrobić coś takiego?
Forum PHP.pl > Forum > Przedszkole
kubw19
Witam!!! Ni wiem czy w dobrym miejscu to pisze ale nie wiem jak zrobić takie zdjęcia jak na stronie http://www.amnezja.art.pl/sklad.php questionmark.gifquestionmark.gif Jeszcze jestem ciekaw jak zrobić taką przezroczystość. Proszę o pomoc!!!

Pozdrawiam

Z góry dziękuje!!! headsetsmiley.png
krzywy36
całkiem możliwe, że da się taki efekt zrobić z mapą obrazkową i :hover a jak nie to js. Co do przezroczystości to możesz np. zrobić w photoshopie wypełnienie i zmiejszyć krycie.
Edit: zobacz w kod strony, to są po prostu podmieniane obrazki.
konole
Obrazek:
http://www.amnezja.art.pl/img/bartek0.png

Kod
Kod
<a href="bartek.php" title="Bas" id="sklad"><img src="img/bartek0.png" alt="Bas" id="sklad" border="0"  /></a


Cytat
a#sklad {
display: block;
width: 150px;
height: 446px;
overflow: hidden;
}
a img#sklad {
display: block;
}
a:hover img#sklad {
margin-left: -150px;
}


Jakby nie patrzeć, "niemęskie" rozwiązanie. ^^
krzywy36
mały offtop co do efektu rollover: http://riddle.jogger.pl/2006/06/08/jeszcze...rollover-w-css/
Kujski
Jeżeli chodzi o przezroczystość tła to jak wspomniał Krzywy36 najlepiej ustawić ją w programie graficznym - atrybut opticaly. Później odpowiedni zapis w formacie *.png powinien całą sprawę załatwić.

Odnośnie zdjęć jaki pokazują się na stronie jest wiele sposobów. Wszystko zależy do czego mają Ci one posłużyć. Najprostszy lecz nie zawsze działający jest sposób z dodaniem js i wartości w onmouse - jeżeli dobrze kojarzę powinno to wyglądać tak:

  1. <td onmouseover="this.style.background-images='url'" onmouseout="this.style.background-image='url'">
krzywy36
jeśli coś można zrobić bez js, to zrób to bez js wink.gif
kubw19
Dzięki za wszystkie odpowiedzi!!!
Pozdrawiam!!!!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.