Desiderate ottenere l'effetto che al passaggio del mouse l'immagine della vostra tabella si ingrandisca? Seguite il tutorial e riuscirete a farlo.
Procediamo spiegando i vari passi da seguire.
Inserire il codice seguente in Gestione codici HTML, nel box Codice html che verrà visualizzato in ogni pagina in cima :
CODICE:
Passiamo ora all'analisi del codice, delle sue parti, per poterlo personalizzare come meglio si vuole.
Il background-color fa riferimento allo sfondo del testo, per modificarlo si deve sostituire transparent col codice di un colore.
# background-color: lightyellow; indica il colore di sfondo del box contenente l'immagine ingrandita, modificando lightyellow si modificherà tale colore.
# padding: 5px è la grandezza della cornice dell'immagine ingrandita, per cambiare tale grandezza modificare il numero 5 con uno a proprio piacimento.
# left: 30px fa riferimento alla posizione che avrà l'immagine ingrandita.
# border: 1px dotted gray è il codice della cornice che avrà l'immagine ingrandita, per aumentare la grandezza modificare 1px con un valore a piacimento, per modificare il tipo di cornice cambiare dotted con uno dei seguenti valori: none; dashed; solid; double; groove.
# Per modificare il colore della cornice modificare color: black; col colore che si desidera.
# text-decoration: none indica la decorazione che possiamo dare al testo sotto all'immagine ingrandita, per esempio sottolineato, lampeggiante, sbarrato, per modificarlo bisogna sostituire none con uno dei valori seguenti:
underline: linea sotto il testo -sottolineato-
overline: linea sopra il testo
line-trough: linea che attraversa il testo -sbarrato-
blink: testo lampeggiante.
# top: 0 si riferisce all'altezza dove si proietterà l'immagine ingrandita, modificare 0 con un numero.
Passo finale:
Una volta personalizzato il codice, per fare funzionare l'ingrandimento bisogna inserire le immagini, e il codice che le farà ingrandire.
Il codice da inserire è il seguente:
CODICE:
Come è intuibile al posto di http://immagine_piccola bisogna mettere il link dell'immagine piccola, mentre al posto di http://immagine_ingrandita il link dell'immagine ingrandita.
Portale internet libero ed indipendente creato grazie alla passione grafica di Alessio,Luca,Antonio e Lucia, che si sono sempre impegnati nella realizzazione di lavori e richieste grafiche.
Quì, trovate materiale grafico per abbellire le vostre pagine web/blog e anche risorse pronte da utilizzare per le vostre creazioni grafiche! Ci auguriamo sia per te un luogo piacevole ed ospitale dove passare un pò di tempo. Ogni frammento di esso rappresenta un'esperienza, un attimo di vita, un sorriso, una lacrima... Buona navigazione...
Sito on-line dal 20.11.2008, grazie a tutti gli amici che sono passati a trovarci.
oppure via e-mail Qui..Grazie
