WebSite X5Help Center

 
Francesco P.
Francesco P.
User

Area trasparente cliccabile con un link  it

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
16 ANSWERS
Esse Di
Esse Di
User

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.

Read more
Posted on the from Esse Di
Giuseppe Guida
Giuseppe Guida
User

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  Smile

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 

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

oh porc'.... dimenticavo che è "vietato" esprimere il proprio disappunto... vabbè.... sarà ben presto segnato come abuso il mio commento.... la sparizione è imminente... pazienza...... Embarassed

Read more
Posted on the from Giuseppe Guida
Esse Di
Esse Di
User
Giuseppe Guida
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.

Read more
Posted on the from Esse Di
Esse Di
Esse Di
User
Giuseppe Guida
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...

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.

Read more
Posted on the from Esse Di
Mi Lux
Mi Lux
User
Esse Di
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.

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.

Read more
Posted on the from Mi Lux
Giuseppe Guida
Giuseppe Guida
User

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 Wink 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

Read more
Posted on the from Giuseppe Guida
Esse Di
Esse Di
User

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.

Read more
Posted on the from Esse Di
Francesco P.
Francesco P.
User
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.

Read more
Posted on the from Francesco P.
Mirko Boschetti
Mirko Boschetti
Moderator

Certo che si, poi le inserisci sopra all'immagine normale, e alle trasparenti metti un link... Wink

Read more
Posted on the from Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User

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

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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! Tongue out hihihhihihhi

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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. 

Read more
Posted on the from Giuseppe Guida
Mirko Boschetti
Mirko Boschetti
Moderator
Giuseppe Guida
Bosketti... gliel'ho detto a nonno Peppe: visto che stai a Trento.......

Io a Trento...????

Read more
Posted on the from Mirko Boschetti
Giuseppe Guida
Giuseppe Guida
User

ma lo so che non stai a Trento, era per non dire dove stai davvero :-)

Read more
Posted on the from Giuseppe Guida