Myspace Music : faire des liens "réactifs"
Résolu
andesite1
Messages postés
206
Date d'inscription
Statut
Membre
Dernière intervention
-
andesite1 Messages postés 206 Date d'inscription Statut Membre Dernière intervention -
andesite1 Messages postés 206 Date d'inscription Statut Membre Dernière intervention -
Bonsoir,
Je voudrais ajouter des images qui mènent a des liens sur le myspace music de mon groupe, j'ai déjà accompli cette étape, mais je voudrais que au passage de la souris, une autre image remplace la première et que celle-ci soit à nouveau remplacée par la première après la fin du passage, merci d'avance de vos réponses !
Je voudrais ajouter des images qui mènent a des liens sur le myspace music de mon groupe, j'ai déjà accompli cette étape, mais je voudrais que au passage de la souris, une autre image remplace la première et que celle-ci soit à nouveau remplacée par la première après la fin du passage, merci d'avance de vos réponses !
A voir également:
- Myspace Music : faire des liens "réactifs"
- Nuclear music - Télécharger - Streaming audio
- Telecharger music sur pc - Télécharger - Conversion & Extraction
- Music audio - Télécharger - Lecture & Playlists
- Soulseek music - Télécharger - Téléchargement & Transfert
- Music speed changer pc - Télécharger - Lecture & Playlists
7 réponses
Salut,
Pour faire simple, d'abord tu mets t'es deux image comme ça:
<div class="Image01">
<table id="Image01" width="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<img src="http://ton-image" />
</tr>
</table>
</div>
<div class="Image02">
<table id="Image02" width="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<a href="http://ton-lien"><img src="http://ton-image" /></a>
</tr>
</table>
</div>
ensuite il faut un peut de css pour placer et controler ça:
<style>
.Image01{
position: absolute;
top: 50px;
margin-left: 473px;
left:50%;
width:50px;
text-align: left;
z-index:1;
}
.Image02{
position: absolute;
top: 50px;
margin-left: 473px;
left:50%;
width:50px;
text-align: left;
z-index:1;
}
div.Image02 a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:8;
}
</style>
voilà voilà, en gros c'est comme ça que sa fonctionne !
maintenant a toi de réfléchir, de comprendre le fonctionnement et faire quelque tests :)
Pour faire simple, d'abord tu mets t'es deux image comme ça:
<div class="Image01">
<table id="Image01" width="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<img src="http://ton-image" />
</tr>
</table>
</div>
<div class="Image02">
<table id="Image02" width="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<a href="http://ton-lien"><img src="http://ton-image" /></a>
</tr>
</table>
</div>
ensuite il faut un peut de css pour placer et controler ça:
<style>
.Image01{
position: absolute;
top: 50px;
margin-left: 473px;
left:50%;
width:50px;
text-align: left;
z-index:1;
}
.Image02{
position: absolute;
top: 50px;
margin-left: 473px;
left:50%;
width:50px;
text-align: left;
z-index:1;
}
div.Image02 a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:8;
}
</style>
voilà voilà, en gros c'est comme ça que sa fonctionne !
maintenant a toi de réfléchir, de comprendre le fonctionnement et faire quelque tests :)
Salut,
je trouve sa pas mal !
sinon pour la pub, en fait, c'est un peu bizarre
Parce que sur les myspace que j'ai fait, une fois la pub apparait au dessus, une autre fois elle est en dessous...
Et sur le tien aussi, j'ai réactualiser quelque fois ton myspace, et maintenant la pub est au dessus et je peux cliquer dessus.
En fait j'ai remarquer que c'est un peut le cas sur tout les myspace qui ont été refais. Donc ne te soucis pas pour ça ;)
je trouve sa pas mal !
sinon pour la pub, en fait, c'est un peu bizarre
Parce que sur les myspace que j'ai fait, une fois la pub apparait au dessus, une autre fois elle est en dessous...
Et sur le tien aussi, j'ai réactualiser quelque fois ton myspace, et maintenant la pub est au dessus et je peux cliquer dessus.
En fait j'ai remarquer que c'est un peut le cas sur tout les myspace qui ont été refais. Donc ne te soucis pas pour ça ;)
Merci beaucoup :p, j'ai finis par faire plus simple ;).
http://www.myspace.com/amoebametal
Je trouve que ça rends bien ^^, mais dis-moi, je sais que j'ai été long ^^, mais serais-t-il possible de trouver un code permettant de mettre la bannière de pub au dessus du "masthead" ? Parce que j'utilise du png pour la transparence et c'est énorme ! Mon fond fait du 6.3 mo en png et 763 ko en jpeg :s, donc si tu as une solution, je t'en serrais reconnaissant :).
http://www.myspace.com/amoebametal
Je trouve que ça rends bien ^^, mais dis-moi, je sais que j'ai été long ^^, mais serais-t-il possible de trouver un code permettant de mettre la bannière de pub au dessus du "masthead" ? Parce que j'utilise du png pour la transparence et c'est énorme ! Mon fond fait du 6.3 mo en png et 763 ko en jpeg :s, donc si tu as une solution, je t'en serrais reconnaissant :).
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ok, merci :), je vais donc remettre du jpeg pour l'optimisation de l'affichage ;), merci beaucoup pour ton aide :), bonne continuation !