Area trasparente cliccabile con un link
Author: Francesco P.
Visited 3078,
Followers 2,
Shared 0
Adoperando WebSite5Evo9 ho notato che potrebbe essere utile, in fase di progettazione dell'intestazione del template, una figura (rettangolo, cerchio poligono irregolare, ecc.) trasparente cliccabile e collegabile con un link. In tal modo si avrebbe la possibilità di applicare un link su parti diverse di una immagine. Così facendo si avrebbe un'area perfetta per creare intestazioni di qualità applicando collegamenti su parti dell'immagine che adesso risulta impossibile.
Posted on the
Per parti rettangolari è già fattibile.
Crei delle immagini trasparenti, delle dimensioni opportune, le inserisci nell'Intestazione nelle posizioni volute e vi associ i link del caso.
Puoi fare di più: assegni una leggera opacità alle immagini, in modo che le parti cliccabili siano individuabili.
si, giustissimo, io faccio spesso come ha detto Esse Di, basta crearsi a priori con un programma di grafica le varie forme trasparenti da inserire in qualsiasi punto dell'Intestazione e assegnare così un link all'immagine trasparente che circoscrive una determinata zona che quindi puoi rendere clliccabile... ci impieghi 5 minuti a fare le forme e te le tieni per poi utilizzarle ogni qualvolta ti servono
Anche se in effetti capisco la richiesta di Francesco che preferirebbe che il tutto si possa fare direttamente da website.. Frank, ma devi metterti in coda: ma sai quante e quante richieste di migliorie e funzioni per semplificare la vita agli utilizzatori del programma noi utenti abbiamo chiesto? Uff, non ne hai idea... ma pare che faccia prima ad arrivare un rimborso INPS che non una miglioria (degna di tale nome!) in website
oh porc'.... dimenticavo che è "vietato" esprimere il proprio disappunto... vabbè.... sarà ben presto segnato come abuso il mio commento.... la sparizione è imminente... pazienza......
Ritieniti punito.
Però non capisco "le varie forme trasparenti". Nell'intestazione puoi inserire solo immagini rettangolari. Sinceramente non saprei come rendere cliccabili aree circolari o poligonali con il sistema descritto.
Diverso è il caso della mappatura delle immagini, tipo questa
http://www.essedi.altervista.org/_sito/mappatura-immagine.html
dove è possibile rendere cliccabili anche porzioni circolari o poligonali.
Probabilmente GG fa riferimento a DW che ha la possibilità per ogni immagine inserita di creare dei poligoni o aree a libera definizione per fare la mappatura con dei link.
no, spiego e metto link d'esempio: tu crei un cerchio trasparente e lo inserirsci come immagine sull'Immagine principale di fondo dell'header e lo vai a posizionare dove ti pare e piace, magari se è rotondo, che sò, mettiamo che come header hai una foto con un gruppo di ragazzi che stanno insieme, mettiamo di avere un ragazzo cicciottello,faccia quasi rotondetta, vuoi rendere cliccabile solo la zona del viso e null'altro, bene, posizioni la forma del cerchio trasaparente alla meglio adattandola al viso del ragazzo, in modo tale da delineare solo il viso e non altre aree intorno al viso, e al cerchio trasparente gli assegni il link... sul viso del ragazzo ciccione apparira la classica manina (attivata in realtà dal cerchio trasparente).. se poi utilizzi una seconda forma cerchio un po' meno trasparente, o di colore rosso (per dirne una!), e usi la funzione "File Immagine su passaggio del mouse", vedrai la manina attivarsi sul viso del cicciotello e il viso diventare tutto rosso acceso naturalmente è un esempio tra i milioni che si potevano fare......un po' come ho fatto qui con il viso di BERLUSCONI:
http://www.ggwebtest.altervista.org
in tutto in 1 minuto scarso, avendo già le forme trasparenti pronte da tempo (le forme si possono rimpicciolire, allungare, ruotare in modo da adattarle alle zone che si vogliono rendere cliccabili). Per il viso del Berlusca ho semplicemente usato due volte la forma del cerchio, rendendola un ovale agendo sulle manigliette di trasformazione laterali....naturalmente l'ovale della pelata è più grande dell'altro usato per la bocca, basta ridimensionarli.... si fa tutto in pochi secondi e l'effetto è carino...
ciao ciao
Forse mi sfugge qualcosa.
Nel tuo esempio (molto simpatico), l'area trasparente cliccabile è rettangolare, non circolare, né tantomeno poligonale. Nè è possibile fare altrimenti con l'inserimento di una immagine nell'Intestazione.
Ovviamente nulla impedirebbe di inserire un'area mappata tramite codice HTML.
In quel caso, si potrebbbero definire aree linkabili circolari e poligonali.
Nel mio esempio
http://www.essedi.altervista.org/_sito/mappatura-immagine.html
la manina appare solo all'interno dell'area delimitata dalla linea rossa, circolare per la lampada, poligonale per il mortaio e per il vaso.
O.T. mi dispiace Giuseppe, ma è più bello Monti di te qui: http://www.ggwebtest.altervista.org/pagina-2.html
Author
Grazie tante per i consigli. Siccome sono un novellino rispetto a Voi, Vi chiedo se le aree trasparenti li posso creare con Fireworks o con Photoshop senza scomodare il codice HTML.
Certo che si, poi le inserisci sopra all'immagine normale, e alle trasparenti metti un link...
No Esse Di, l'area con le manigliette di regolazione della forma è rettangolare ma la forma, e quindi la SOLA ZONA cliccabile è ovale... lo noti dalla manina sulla pelata di Berlusca, segui il contorno interno della pelata ma quello della parte superiore, vedrai sempre la manina che segue la "curva" della pelata, ma se vai fuori della curva, sparice: è ovale la forma... si nota molto in piccolo sulla bocca che al passsaggio del mouse fa apparire (perchè voluto da me come effetto) il file immagine sul passaggio del mouse e si nota che è un piccolo ovale che più o meno ricalca il contorno della bocca
Bosketti... gliel'ho detto a nonno Peppe: visto che stai a Trento, domani viene a trovarti con una trentina.... ma non una donna di trento, no: una..trentina di suoi amici vecchietti, sono cavoli tuoi! hihihhihihhi
PARDON, hai ragione ESSE DI, la forma è ovale ma l'area cliccabile è rettangolare intorno alla forma .
allora solo aree rettangolari con il software e per il resto mappe cliccabili.
Io a Trento...????
ma lo so che non stai a Trento, era per non dire dove stai davvero :-)