Discussion :

[antoine974]

Bonjour,

J'aimerais savoir si quelqu'un pourrait me faire un petit bout de code javascripts ( je ne le connais pas ) afin de me faire une "transition" ...

je m'explique en photos

afin de passer de ça http://pix.nofrag.com/9/7/b/efed67af...b005b4581.html


a ça http://pix.nofrag.com/0/1/0/bafadd22...92d462643.html

et le tout en transition comme sur ce site la http://revolution.re/
lorsque l'on clique sur Disques Dur dans le meme style

Je ne sais pas si c'est dur ou pas a faire ...

Merci ça serait sympa de me le faire

et apres si possible me dire comment l'integrer dans ma page HTML ou CSS ( dans le hover je suppose ?? )

Merci bien a vous

[le_chomeur]

Bonjour , tu es ici sur un forum d'entraide et non de demande de développement, pour ton sujet , une recherche sur le forum CSS t'aurais donnée une réponse rapide , mais a ce que je vois tu es novice, voici donc un code que je te laisserais adapter a tes besoins :

coté css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.lienBase{
display:block;
width:150px;/*taille du lien*/
padding-left:20px /*décalage intérieur du texte*/
background-image:url("tonimagedefond.jpg");
}
lienBase:hover{
width:180px;/*taille du lien*/
font-weight:bold;/*met le texte en gras*/
}

et dans ta page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div style="width:200px;">
<a href="#">premier lien </a>
<a href="#">second  lien </a>
</div>

bon courage

[SpaceFrog]

à noter que hover ne fonctionne que pour la balise a de façon universelle ...

[le_chomeur]

effectivement , le hover, interprèté en css , ne l'est que pour les lien ( balise A ) mais fonctionne également sur la plupart des navigateurs sur les DIV

[SpaceFrog]

IE

[antoine974]

ce que tu m'as donné comme code fait ce que j'ai deja fait ...

En fait moi je veu qu'entre l'endroit de depart et le decalage il y est une sorte de fondu et pas que ça se fasse directement ( comme ça se passe en ce moment
En fait j'aimerais avoir l'effet de fondu comme dans le lien propose plus haut

Un ami m'a dit que ça devrait etre du javascripts ( raison pour laquelle je poste ici )

Walla

merci de votre comprehension

[antoine974]

Bonjour j'ai exactement trouvé l'effet voulu sauf que je ne sais pas le realiser

ici http://www.logicielmac.com/

le menu a gauche avec le decalage et tout

ça serait sympa que quelqu'un puisse me faire ça

Merci

[SpaceFrog]

augmente le padding-left sur le hover ...

[antoine974]

argh j'arrive pas a me faire comprendre :p

j'arrive a faire ça ( j'ai mis un margin-left moi c'est grave ?? )
je cherche a reproduire l'"effet" de déplacement vers la gauche du texte je cherche pas a déplacer le texte vers la gauche ( je le fais deja ) je cherche l'effet qui se trouve dans le menu a gauche du post précédente ...

Je crois que je vais faire une petite video car j'arrive pas a me faire comprendre ...

walla la video en esperant que ce soit plus parlant ^^

http://www.dailymotion.com/Hypnos_Trinity/video/9910849

Merci

[le_chomeur]

il y a juste un fading ajouté ...
va voir dans les contributions pour l'effet de fading

[antoine974]

Merci