images survolées

Question

bonjour jai un site perso et je trouve que son look manque d'originalité
c pourquoi en page d'accueil jaimerais faire mon menu sur une image.
Je me demande donc comment faire pour mettre plusieurs liens sur une seule image ( ca a la limite je c le faire par carte graphique sur dreamweaver ) mais j'aimerais bien que quand le curseur passe sur un des liens de l'image , l'image s'anime .

faire plusieurs images survolées sur une meme image koi
un peu comme sur la deuxieme page de ce site : http://www.famylis.new.fr/

je remercie d'avance celui qui répondra a ma question
salu

legend666 · Answer

On ne le dira jamais assez (moi, de la pub ?) LE site pour tout les effets javascript: http://www.editeurjavascript.com/

mattspider · Answer

je suis désolé mais j'ai pas trouvé mon bonheur sur ton site ( enfin ce n'est pas le tien,celui que tu ma conseillé sans faire de pub !!!)

koala · Answer

Salut !!

Que nenni !!

Pas besoin de javascript pour faire un menu sur une image.
En css, c'est faisable, voir ici :
http://www.cssplay.co.uk/menus/flickerfree.html

Pour un effet de rollover :
http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript

Ca devrait te satisfaire.

mattspider · Answer

super merci le lien anglais que tu ma donné semble etre la solution a mon probleme mais je comprend pas bien comment on l'obtient avec un code ??? un logiciel??? je c je suis peut etre un peut long a la détente mais c serai simpa, je touche au but !!!

koala · Answer

Eh bien, tu regardes le code source de la page, et tu t'en inspire pour faire ta mise en page, il faut bien sûr que tu es quelques connaissances en css, sinon cela risque d'être dur pour toi de comprendre le fonctionnement de ce type de menu.

Mais bon, même sans, le css s'apprend très vite et en plus, c'est facile ;-)

mattspider · Answer

ok ben maintenant je c ce qui me reste a faire

je pensai quand meme que ce serai plus simple
il existe pas de logiciel qui permettent de faire ca ???
on peut pas le faire avec photoshop par exemple ???

koala · Answer

Je ne connais pas photoshop, mais il ne réalisera sans doute pas ton code html/css.

Un logiciel, hum, je ne pense pas non plus.

Mais tu sais, ce n'est pas si compliqué que ça à faire, tu découpe ton image en fonction du nombre de tes menus, et ensuite tu leur affecte cet image comme background, et un petit filtre alpha pour le survol et le tour est joué.

mattspider · Answer

ok c bon je comprend je pense que sa va le, soyons fou ca va le faire derniere question filtre alpha c mettre l'image en négatif ??? (parce que c ca que je veu faire )

mattspider · Answer

a oui ossi jai oublié, ca marche quand meme si la découpe et pas de forme rectangulaire ???

mattspider · Answer

personne ???

koala · Answer

Pour le filtre alpha, regardes le code du site que je t'ai donné :
http://www.cssplay.co.uk/opacity/index.html

C'est à dire :

a img{
filter: alpha(opacity=40);
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40;
opacity: 0.4;
}

Pour le css.

ca marche quand meme si la découpe et pas de forme rectangulaire ???

Oui, mais faut que tes images soit en gif, pour faire rendre transparent ton contour, car les navigateurs eux ne connaissent que des formes rectangulaires (coins à angles droits).

mattspider · Answer

di moi koala ta une adresse msn messenger ??? c sera plus facile si jamais jai un prob !!! lol moi c mattspider@hotmail.com

Images survolées

12 réponses

Discussions similaires

Newsletters