Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przeźroczyste elementy
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Peri
Jak się robi coś takiego? Mam jakiś obrazek i na nim przyciski, które są przeźroczyste. Np przyciski w menu. Wydaje mi się, że rysuje się to pod jakimś programem graficznym. Najpierw tło. Wstawia się to tło a potem rysuje się na tym tle w programi przyciski przeźroczyste. Potem na stronę wkładam przyciski wycięte, tak że wyglądają na przeźroczyste, chociaż tak naprawde nie są. Ale nie wiem jak to się robić, żeby one idealnie leżały jak na tym obrazku zrobionym w programie graficznym.

Przykład http://www.andy.isar.pl menu po prawej
scanner
Ryzujesz obrazek i go slice'ujesz tongue.gif
Peri
mógłbyś mi odpowiedzieć nieco dokladniej. Jestem programistą. Znam troche Photoshopa 7. Czasami robię jakąś stronkę i chciałbym umieć to zrobić.
orson
witam smile.gif

robisz obrazek w ps
nakladasz na nowej warstwie przyciski ... ustawiasz opacity na n %
nakladasz na jeszcze jednej warstwie przyciski np ciemniejsze i opacity na n %
ukrywasz jedna z tych warstw
bawisz sie w ps albo wysylasz obrazek do imageready ... dzielisz go na potrzebne kawalki
zapisujesz
ukrywasz aktualna i odkrywasz poprzednia warstwe
zapisujesz [ te same ustawienia slice !! ]
done
piwo biggrin.gif:D

cya
Peri
rozumiem, zę to trzeba tak pociąć, aby wstawić w jakąs tabelkę. Czy jeśli menu jest szersze niz same przyciski, to musze wyciąc caly przycisk lącznie z bokami (tak zeby bylo na cala szerokosc tabelki, czy w wierszu, gdzie bedzie ten przycik zrobic wiecej komorek. Mam na myslicos takiego:
To są tabele i komórki


---------------------
| |
---------------------
| przycisk |
---------------------
| |
---------------------

czy można zrobić tak?
---------------------
| |
---------------------
| | przycisk | |
---------------------
| |
---------------------
Peri
troche nie wyszlo to ale mam nadzieje, że skumaliście na podstawie opisu
xamel
kiedys szalency bawili sie tak :
wrzucali 2 image - jeden z menu + butonami bez najechania
drugi z butonami po najechaniu
oczywiscie drugi niewidoczny ale za to w warstwie wyzszej niz pierwsze
(przykrywajacej)(HTML+CSS)
potem robili mape (1 dla obu obrazkow tylko z innymi podlaczonymi operacjami) (HTML+JS)
a potem w funkcjach JS pokazywali kawalek menu z butonem po najechaniu tylko wlasciwym) ALE TYLKO ODPOWIEDNI KAWALEK (JS)
oczywiscie po zjechaniu znowu ukrywali warstwe (JS)

ale czy to najprostsze rozwiazanie?
BTW jak tniesz to mozesz zrobic bardziej skomplikowana tabelke : w komorce tylko przycisk, reszta w innych komorkach
wiecej malych imagow ale jak robisz programem to nieduzo roboty
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.