Immagine che si ingrandisce al passaggio del Mouse

« Older   Newer »
  Share  
Ali-grafica
view post Posted on 7/11/2008, 22:55




per applicare l'effetto delle immagini che si ingrandiscono al passaggio del mause
dovete inserire questo codice in amministrazione> gestione codice html> in cima al forum
CODICE
<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

questo codice nn si deve toccare..ne modificare

poi x far apparire quell'effetto di immag ingrandita
utilizzate questo codice..che potete inserire in una bacheca ..dove volete
CODICE
<a class="thumbnail" href="LINK X CREARE COLLEGAMENTO A UN SITO"target="_blank"><img src="LINK IMMAG CHE APPARE PICCOLA" width="10px" height="11px" border="0"><span><img src="LINK DELLIMMAG CHE APPARE QUANDO SI PASSA IL MAUSE"><br>TESTO CHE APPARIRà INSIEME ALLIMMAG INGRANDITA</span></a>

width="10px" height="11px" (queste sono le misure da impostare x limmag piccola)

ecco un esempio

Founder



c'è anche un altro metodo, con le parole
CODICE
<a class="thumbnail" href="LINK X CREARE COLLEGAMENTO A UN SITO"target="_blank">SCRITTA<span><img src="LINK DELLIMMAG CHE APPARE QUANDO SI PASSA IL MAUSE"><br>TESTO CHE APPARIRà INSIEME ALLIMMAG INGRANDITA</span></a>

esempio: Ali-grafica
Founder




Edited by Ali-grafica - 1/12/2008, 12:58
 
Top
* M o ll y *
view post Posted on 19/11/2008, 12:05




ali ti volevo chiedere... ma io al posto della immagine piccolina, posso mettere anche una scritta? che so... per esempio scrivo: "contest bla bla bla..." e se ci passo il mouse l'immagine si ingrandisce?

grazie in anticipo ^_^
 
Top
* M o ll y *
view post Posted on 28/11/2008, 15:29




ce l'ho fatta ho risolto^^
bastava mettere una scritta al posto della immagine piccolina... semplice! XD
 
Top
Ali-grafica
view post Posted on 28/11/2008, 16:25




scusami molly ma nn avevo letto il tuo messaggio
nn capisco xke ultimamente gli aggiornamenti nn meli da tutti


cmq io nn so, provai una volta ad inserire la scritta ma nn mela dava

te come sei riuscita?
 
Top
* M o ll y *
view post Posted on 28/11/2008, 16:56




anche a me a volte non dà gli aggiornamenti.... boooo!! non so come mai!!

comunque ho provato a farlo sul mio forum!!
se vuoi vai a vedere in home page^^

e questo è il codice che ho usato

CODICE
<a class="thumbnail" href="http://ali-grafica.forumcommunity.net/?t=21339163" "target="_blank">3° posto MIGLIORE FORUM DI OTTOBRE
<span><img src="http://i38.tinypic.com/30lf5t1.png"></span></a>


spero ti possa servire^^
 
Top
Ali-grafica
view post Posted on 1/12/2008, 12:52




grazieeeeeeeeeeee^^ gentilissima

lo aggiungo alla spiegazioni, forse puo servire ad altri^^
 
Top
°pikkola°
view post Posted on 18/1/2009, 18:10




aliiiiiiiiiiiiiiiiiiiiiiiiii
uffa xk quando metto l'immagine piccola mi comapre gigante?
uffa! bhè devo dire che nn ho usato il codice k hai dato tu maun altro... ora proo cn il tuo!

p.s. nn è che compaiono tt giganti:
xò quelle piccoline si diventano 1 volte + grosse


problema risoltoooooooooooooooooooooooooo!
 
Top
Ali-grafica
view post Posted on 18/1/2009, 18:18




ti avevo detto di nn copiare il mio fungo
ma da quello che vedo nn ti importa
e copi

ma io nn capisco.. e che bip
tutti mi copiano il fungo
e ora basta mi sto innervosendo

nel web ci sono migliai di gif
ma xke mi dovete copiare sempre
e basta mò mi sto scocciando!
 
Top
;; Mery
view post Posted on 8/4/2009, 17:49




Grazie ci sono riuscita ^^
 
Top
puffa96
view post Posted on 8/4/2009, 18:56




uh grassie ali!
 
Top
puffa96
view post Posted on 9/4/2009, 13:05




xò se io faccio la prova su un mex xsnale (anke se nn lo mando...) viene fuori l'immi ke voglio piccoline e vicino l'immi grande cn la scritta...xk??
 
Top
Ali-grafica
view post Posted on 9/4/2009, 13:20




allora funziona sola se lo mette in gestione codice html

e poi devi mettere anche la parte allinizio del forum
 
Top
puffa96
icon9  view post Posted on 9/4/2009, 13:40




ma se provo in una risposta rapida mi viene giusto...in qst forum...ma è obbligatorio mettere il codice in cima al forum?
 
Top
Ali-grafica
view post Posted on 9/4/2009, 14:11




basta che nel tuo forum nei codice hai messo la base
 
Top
Spod
view post Posted on 14/7/2009, 16:59




scusate ma se io vojo mettere la mia immaginetta ma ce n'è gia un'altra come faccio? k cambio nel codice??
 
Top
14 replies since 7/11/2008, 22:55   4052 views
  Share