Domanda su sfondi cliccabili
Domanda su sfondi cliccabili postato il 20/08/2008 17:48:58 nel forum programmazione, open source e hosting e modificato da hjoral il 20/08/2008 19:37:52
è possibile poter cliccare una parte dell'immagine di background??
ho in mente una cosa del genere: nella prima pagina del sito ho una immagine come sfondo.. con un elenco (Entra, Registrati, Regolamento, ecc..) che fa parte dell'immagine.. se, per esempio, clicco su "entra", mi si apre un'altra pagina con i campi per effettuare il login..
però nn so come si possa fare.. se si può fare spiegatemelo x favore!!!!
grazie in anticipo..
Pagine → 1
20/08/2008 17:57:34
non credo si possa cliccare un immagine inpostata come background ma dovrebbe essere molto semplice metterci qualcosa sopra e cliccare poi quello :l
20/08/2008 18:55:24 e modificato da jnash il 20/08/2008 18:58:27
è un approccio che ti sconsiglio vivamente e che ti sconsiglierebbe qualunque webmaster. Molto meglio fare a pezzi l'immagine e ricostruirla con una tabella.
Ad ogni modo, se proprio vuoi perseverare in quest'approccio che, ti ripeto, è secondo me del tutto sbagliato, puoi fare una cosa del genere
<body>
<div id="bg" style="position:absolute;z-index:1;>
<img src="la/tua/immagine" alt="" usemap="#map">
</div>
<div id="body" style="position:absolute;z-index:2;">
<!-- qui va il contenuto della pagina. Questo div va posizionato in modo che non stia sopra il menu integrato nell'immagine -->
</div>
<map name="map" id="map">
<area href="login" shape="rect" coords="x1,y1,x2,y2">
<!-- ... -->
</map>
</body>
Nell'esempio sopra, il primo div è impostato su un livello inferiore, in modo tale da apparire come un background. I due div si sovrapporranno pacificamente grazie alla proprietà position:absolute, inoltre puoi usare tranquillamente il mapping dell'immagine in background per creare i tuoi link.
Per saperne di più sui livelli e le proprietà di stile che sono nell'esempio sopra, e anche per capire meglio come utilizzare il mapping dell'immagine, ti consiglio questo http://www.w3schools.com ↗ (è in inglese)
20/08/2008 19:18:15
è un approccio che ti sconsiglio vivamente e che ti sconsiglierebbe qualunque webmaster. Molto meglio fare a pezzi l'immagine e ricostruirla con una tabella.
Ad ogni modo, se proprio vuoi perseverare in quest'approccio che, ti ripeto, è secondo me del tutto sbagliato, puoi fare una cosa del genere
<body>
<div id="bg" style="position:absolute;z-index:1;>
<img src="la/tua/immagine" alt="" usemap="#map">
</div>
<div id="body" style="position:absolute;z-index:2;">
<!-- qui va il contenuto della pagina. Questo div va posizionato in modo che non stia sopra il menu integrato nell'immagine -->
</div>
<map name="map" id="map">
<area href="login" shape="rect" coords="x1,y1,x2,y2">
<!-- ... -->
</map>
</body>
grazie per la risposta.. ho deciso di utilizzare la tua prima soluzione.. cioè quella di spezzettare l'immagine..
grazie
25/08/2008 16:36:44
grazie a tutti...
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
Tiles Survive ↗
Wuthering Waves ↗
Sea of Conquest ↗
World of Warship ↗