Translate

Inserire testo cliccabile sopra un'immagine

Per questo tutorial ho usato l' Editor JCE che vi consiglio sempre di usare come editor predefinito.

Una volta aperto un nuovo articolo o modulo (HTML) create una tabella con una o con più colonne necessarie al vostro progetto (es.4) , UNA sola riga, centrate e non scrivete nessuna misura, cliccate su Inserisci per salvare e chiudete la finestra.
Cliccate ora in una cella qualsiasi, tasto destro e cliccate su su Cella » "Propietà celle della tabella" ed inserite le misure dell'immagine, su Allineamento Verticale scegliete Centra, se volete che il testo sia centrato rispetto all'immagine scegliete questa opzione da "Centra", spostatevi sul tab "Avanzate" e scegliete la vostra immagine su Immagine di sfondo.
scritta su immagineScegli di applicare i cambiamenti su tutte le celle della tabella in basso a destra, quindi cliccate su Aggiorna.

Cliccate nuovamente su una cella, tasto destro e cliccate su su Cella » "Propietà celle della tabella » Avanzate" aggiungete nella riga Stile: background-repeat: no-repeat; chiudete con Aggiorna, ricordatevi di aver settato nuovamente i cabiamenti per tutte le celle!

Adesso se preferite potete usare le scritte come un menu linkandole ad altre pagine o per aprire delle pop-up (plugin Mediabox installato).

 

 

 

demo 1 

 VIDEO   MUSIC  GAGS   PRANK
 POP-UP  POP-UP   POP-UP   POP-UP