High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Bouton qui change

Dernière réponse le 18 fév 2009 à 09:54:10 keriatsu, le 26 jun 2007 à 00:08:46 
 Signaler ce message aux modérateurs

Bonsoir.

J'ai crée un site internet avec plusieur page. Pour le rendre plus attractif j'ai décidé de faire des bouton dans la barre de navigation qui change de couleur quand on survolle l'image. Mon problème est que je n'arrive pas à trouver de cript qui permet de faire cela.

Merci de votre aide !

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « bouton qui change » dans :
Comment changer mon mot de passe sous WLM/MSN VoirPour changer son mot de passe Windows Live Messenger, il suffit d'utiliser l'interface prévue à cet effet : http://memberservicesnet.passport.net/memberservice.srf?lc=1036 Si vous avez perdu votre mot de passe, merci de vous référer à...
Changer de fond d'écran VoirPour Windows XP et versions antérieures Pour Windows Vista Obtenir des fonds d'écran Solution plus rapide Comment changer l'arrière-plan du Bureau ? Un fond d'écran est une image utilisée en arrière-plan de votre bureau. Lors d'une...
Comment changer son adresse IP ? VoirDeux cas possibles Connaître son IP Changer d'IP (cas d'une IP dynamique) Solution alternative : masquer son IP L'adresse IP est une série de chiffres, soit: L'adresse IP que vous utilisez pour vous connecter au routeur (Réseau...
Télécharger Caledos Automatic Wallpaper Changer VoirCaledos Automatic Wallpaper Changer est comme son nom l'indique, un gestionnaire de fond d'écran. Les principales caractéristiques de Caledos : - il supporte les formats d'images BMP, GIF, JPG, TIF, - la sélection facile de dossiers ou fichiers à...
Télécharger Change Extension Voir
Télécharger Change Folder Icons Voir
Conduite du changement VoirConduite du changement L'environnement évolue dans un environnement évoluant très rapidement, elle doit donc évoluer, innover, pour être en position de compétitivité. Les projets informatiques sont par nature au cœur de l'innovation de...
Résistance au changement VoirRésistance au changement Pour être en mesure d'anticiper le changement, il est essentiel de connaître les facteurs de risque et en particulier les causes du frein au changement. Outre les causes individuelles, devant faire l'objet d'une attention...
Conduite du changement - Equipe projet VoirConduite du changement Tout le monde s'accorde aujourd'hui à dire que les projets e-Business doivent nécessairement être accompagnés d'une démarche de conduite du changement pour pouvoir aboutir. En revanche, les avis sur les modalités de mise...
Posez votre question Répondre

1

falcor, le 26 jun 2007 à 00:25:17

Hello.
3 solutions.
sous flash
relover
ou en css

   
Répondre à falcor

2

keriatsu, le 26 jun 2007 à 00:31:41

Merci, mais pourrais tu être plus explicite ?

   
Répondre à keriatsu

3

Devatoria, le 26 jun 2007 à 01:01:50

Bonjours toi !

Alors voila la solution CSS que j'utilise. Elle est assez simple, il te suffit de la modifier a ton aise.

a { /* Ici le bouton normal * /
display:block;
background:url("adressedetonimage") 0 0 no-repeat;
text-decoration: none;
}

a:hover { */ Ici le bouton a afficher lors du survol */
background:url("adressedetonimage") 0 0 no-repeat;
}

NOTE : L'image du bouton par défault et l'image au survol sont deux images differente. Tu dois donc créer une image pour ton bouton par défault et une pour quand le bouton sera survolé !

Voila c'est mon tout premier post sur ce forum alors j'espere t'aider :) bye

   
Répondre à Devatoria

7

Pichenotte, le 4 fév 2009 à 16:03:37

Si j'utilise ce code :
a { /* Ici le bouton normal * /
display:block;
background:url("adressedetonimage") 0 0 no-repeat;
text-decoration: none;
}

a:hover { */ Ici le bouton a afficher lors du survol */
background:url("adressedetonimage") 0 0 no-repeat;
}

Où dois-je le placer? Je suis un peu débutante ^^ Je n'y connais pas grands chose au CSS, html. Mais je connais bien le BBcode (C'est un code très simple pour les forum ^^) Mais bon ça pas du tout rapport ^^

Es ce que je met ce code dans le code de ma barre de navigation ?

Merci de m'aider^^

   
Répondre à Pichenotte

8

 Chris33, le 18 fév 2009 à 09:54:10

Heu, si? c'est très ressemblant le BBcode et le html !
Tu trouveras facilement pleins de cours, de tutoriaux ou de scripts et notamment sur http://www.siteduzero.com/.

Pour insérer ces codes, va voir par-là: http://www.siteduzero.com/tutoriel-3-13517-mettre-en-place-l­e-css.html

   
Répondre à Chris33

4

falcor, le 26 jun 2007 à 10:30:35

La solution css reste légère et efficaces pour authant que les images que tu veux utiliser soient pas trop
lourdes, sinon tu peut jouer avec les couleures sans images se qui te feras gagner du poids.

le resultat: http://www.rank-design.ch/client/menu.html

fichier css:

div.bord {
border: solid 1px #000000;
width: 142px;
}
a.bouton:link{
width: 140px;
display: block;
color: #006BB5;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
background-color: #FFFF00;
}
a.bouton:visited{
width: 140px;
display: block;
color: #006BB5;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
background-color: #FFFF00;
}
a.bouton:hover{
width: 140px;
display: block;
color: #EEDC00;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
background-color: #3366FF;
}
.bouton{text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#006BB5;}

fichier html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="<!-- chemin de ton fichier css -->" rel="stylesheet" type="text/css" />
</head>

<body>
<!-- ton bouton -->
<div class="bord"><a href="http://www.google.ch" class="bouton">Accueil</a></div>
</body>
</html>

   
Répondre à falcor

5

Devatoria, le 26 jun 2007 à 11:32:03

Oui car en effet, et j'ai oublié de le preciser, le probleme dans mon solution CSS est celui-ci :

L'image du bouton qui sera afficher au survol est telecharger QUE lors du survol, donc selon la connection du visiteur et le poids de l'image, le bouton de survol peut mettre un certain temps avant de s'afficher.

Apres si tu veux quelques chose de plus estetique et qui n'encombre pas le site, prends du flash. Certe plus dur mais beaucoup mieux ^^

Voila, a partir d'ici je ne peux pas t'aider car je ne connais rien en flash xD désolé !

Bye et bonne continuation ^^

   
Répondre à Devatoria

6

alex, le 20 jan 2009 à 16:40:38

Bonjour,

Je cherche en xhtml comment faire un bouton qui cache de l'écriture et que des que l'on clique dessus l'écriture s'affiche par exemple mon bouton s'apelle sommaire, quand je clique dessus le sommaire apparaît

Merci d'avance

   
Répondre à alex
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net