Images survolées
mattspider
Messages postés
65
Statut
Membre
-
mattspider -
mattspider -
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
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
A voir également:
- Images survolées
- Des images - Guide
- Extraire images pdf - Guide
- Recherche images - Guide
- Images enregistrées - Forum Windows
- Comment superposer deux images sur word ✓ - Forum Word
12 réponses
On ne le dira jamais assez (moi, de la pub ?) LE site pour tout les effets javascript: http://www.editeurjavascript.com/
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 !!!)
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.
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.
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 !!!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ;-)
Mais bon, même sans, le css s'apprend très vite et en plus, c'est facile ;-)
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 ???
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 ???
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é.
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é.
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 )
derniere question filtre alpha c mettre l'image en négatif ??? (parce que c ca que je veu faire )
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 :
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).
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).
