Ali-grafica

Reply
Immagine che si ingrandisce al passaggio del Mouse
view post Posted on 7/11/2008, 22:55Quote
Avatar


Group: Administrator
Posts: 15911


Status: Offline: ultima azione eseguita il 9/2/2010, 15:00


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 imageimage

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

 
PM WEB Top
view post Posted on 19/11/2008, 12:05Quote
Avatar

Millennium Member

Group: Member
Posts: 2087


Status: Offline: ultima azione eseguita il 25/1/2010, 22:14


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 ^_^

image

imageimageimageimage
imageimage

image

image
 
PM Email WEB MSN Top
view post Posted on 28/11/2008, 15:29Quote
Avatar

Millennium Member

Group: Member
Posts: 2087


Status: Offline: ultima azione eseguita il 25/1/2010, 22:14


ce l'ho fatta ho risolto^^
bastava mettere una scritta al posto della immagine piccolina... semplice! XD

image

imageimageimageimage
imageimage

image

image
 
PM Email WEB MSN Top
view post Posted on 28/11/2008, 16:25Quote
Avatar


Group: Administrator
Posts: 15911


Status: Offline: ultima azione eseguita il 9/2/2010, 15:00


scusami molly ma nn avevo letto il tuo messaggio
:grrr: 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?

 
PM WEB Top
view post Posted on 28/11/2008, 16:56Quote
Avatar

Millennium Member

Group: Member
Posts: 2087


Status: Offline: ultima azione eseguita il 25/1/2010, 22:14


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

image

imageimageimageimage
imageimage

image

image
 
PM Email WEB MSN Top
view post Posted on 1/12/2008, 12:52Quote
Avatar


Group: Administrator
Posts: 15911


Status: Offline: ultima azione eseguita il 9/2/2010, 15:00


grazieeeeeeeeeeee^^ gentilissima

lo aggiungo alla spiegazioni, forse puo servire ad altri^^

 
PM WEB Top
view post Posted on 18/1/2009, 18:10Quote
Avatar

Millennium Member

Group: Member
Posts: 1457


Status: Offline: ultima azione eseguita il 15/11/2009, 12:55


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!

image image image

image


image image image
 
PM Email Top
view post Posted on 18/1/2009, 18:18Quote
Avatar


Group: Administrator
Posts: 15911


Status: Offline: ultima azione eseguita il 9/2/2010, 15:00


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!

 
PM WEB Top
view post Posted on 8/4/2009, 17:49Quote

Valerio Scanu & L'invincibile Armata ~

Group: Member
Posts: 2459
Location: Napoli


Status: Online: ultima azione eseguita alle ore 19:45, 9 minuti fa


Grazie ci sono riuscita ^^

Il mondo è un'altra cosa ..
.. se tu stai con me ..

 
PM Email WEB MSN Top
view post Posted on 8/4/2009, 18:56Quote
Avatar

Cosmo by ;Martina

Group: Member
Posts: 4012
Location: berlino centro...ihih


Status: Offline: ultima azione eseguita il 3/2/2010, 14:49


uh grassie ali!

image
image
image image
image
Gallerie: {X}
Contest: {}
The winner: {X}
Gifts: {X}
image
 
PM Email MSN P_YIM Top
view post Posted on 9/4/2009, 13:05Quote
Avatar

Cosmo by ;Martina

Group: Member
Posts: 4012
Location: berlino centro...ihih


Status: Offline: ultima azione eseguita il 3/2/2010, 14:49


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

image
image
image image
image
Gallerie: {X}
Contest: {}
The winner: {X}
Gifts: {X}
image
 
PM Email MSN P_YIM Top
view post Posted on 9/4/2009, 13:20Quote
Avatar


Group: Administrator
Posts: 15911


Status: Offline: ultima azione eseguita il 9/2/2010, 15:00


allora funziona sola se lo mette in gestione codice html

e poi devi mettere anche la parte allinizio del forum

 
PM WEB Top
icon9  view post Posted on 9/4/2009, 13:40Quote
Avatar

Cosmo by ;Martina

Group: Member
Posts: 4012
Location: berlino centro...ihih


Status: Offline: ultima azione eseguita il 3/2/2010, 14:49


ma se provo in una risposta rapida mi viene giusto...in qst forum...ma è obbligatorio mettere il codice in cima al forum?

image
image
image image
image
Gallerie: {X}
Contest: {}
The winner: {X}
Gifts: {X}
image
 
PM Email MSN P_YIM Top
view post Posted on 9/4/2009, 14:11Quote
Avatar


Group: Administrator
Posts: 15911


Status: Offline: ultima azione eseguita il 9/2/2010, 15:00


basta che nel tuo forum nei codice hai messo la base

 
PM WEB Top
view post Posted on 14/7/2009, 16:59Quote
Avatar

Member

Group: Member
Posts: 26


Status: Offline: ultima azione eseguita il 8/2/2010, 13:53


scusate ma se io vojo mettere la mia immaginetta ma ce n'è gia un'altra come faccio? k cambio nel codice??

image
image
Naruto Ninja Style
 
PM Email Top
14 replies since 7/11/2008, 22:55
 

load
Fast reply

 
 
 

Enable emoticons
Clickable Smilies
Show All


Nickname:      Email:



 

 




Arrivederci
Mascotte Contest Tra forum Affiliazioni
ecco finalmente una Mascotte x il nostro forum^^
l'amata maialina che da tempo si dimena sul tesserino,
la preferita di tutti XD, attento chi la copia
vinto dalle:
...
Risolvi Problemi Image and video hosting by TinyPic GraficareChePassione Jacob & Bella Forum GdR Photobucket Kymera Graphic

Blog affiliati: xxx
Contest vinti
Credits Affiliazione speciale
immag. di personaggi famosi presi da sweetandtalented
alcuni materiali grafici
presi da deviantart
 




"Expensive" skin by ~ L o r e l a i of GGF
Pattern by Velvet Factory || Icons by Sweetie || Brush by Kayimi