Menu avec bouton sur le forum Création de sites web - 15-08-2007 18:00:59

Liste des sujets

Menu avec bouton

Aigle21

Niveau 9

15 août 2007 à 18:00:59

Salut voila, j´ai chercher partout mais je ne trouve pas comment faire un menu avec des bouton puis uneffet rollovers ...

http://badminton42.free.fr

c´est le site, a gauche il y a le menu mais moi je veux rajouter les bouton avec un effet de roolovers, et aussi metre le lien corespondant au bouton ...

bref je sais pas faire, j´ai juste trouver la balise<li> mais qui sert a faire une liste , sinon j´y arrive pas

Voila si quelqu´un pouvait m´aider :P

Merci bonne soirée.

deepblue

Niveau 16

15 août 2007 à 18:31:20

j´ai rien compris à ce que tu demandes :/

.menu li {

}
.menu li:hover {

}

c´est ça que tu demandes ?

Aigle21

Niveau 9

15 août 2007 à 19:53:25

déjà ca peut m´aider ^^

alors j´ai mon menu le fond quoi ^^
et comme dans tout menu y´a des liens avec des boutons ( je le veux avec un effet onmouse ...)
sauf que je n´arrive pas a mettre les bouton sur le fond du menu, et ensuite je ne sais pas non plus comment faire pour mettre le lien sur le bouton

^^ voila, sois je me prendsla tete sois je sais pas, mais en tout cas je comprends po

je vais essayer avec le code du dessus ;)
et aussi, comment on enlève le cadre bleu quand on insere une image ? (a pars avec border=0)

Aigle21

Niveau 9

15 août 2007 à 19:54:02

merci pour la réponse au faite :P

PS : un avis sur le design ?

axeee

Niveau 9

15 août 2007 à 20:35:20

je vois ce que tu veux faire, en css c´est possible

J´ai trouvé un truc sur internet que j´ai gardé précieusement dans mon bureau

<html>
<head>
<title>Afficher Masquer des calques sans javascript</title>

<body>

<a href="">Menu 1<span>Description détaillée du menu 1<br />texte et images peuvent être placés ici On peut aussi y mettre des listes avec des liens (<li></li>)</span></a>
<a href="">Menu 2<span>Description détaillée du menu 2<br />texte et images peuvent être placés ici</span></a>
<a href="">Menu 3<span>Description détaillée du menu 3<br />texte et images peuvent être placés ici</span></a>

</body>
</html>

deepblue

Niveau 16

15 août 2007 à 20:35:57

"pour mettre le lien sur le bouton " > tu utilises des input pour tes boutons ?

"et aussi, comment on enlève le cadre bleu quand on insere une image ? (a pars avec border=0)" > en css : img, a img { border:0; }

"PS : un avis sur le design ?" ça commence bien, faut voir avec le contenu

Aigle21

Niveau 9

15 août 2007 à 23:59:48

axee :s pas trop compris ^^ faut que j´y jette un coup do´eil de plus près :P

deep blue enfaite j´ai juste pmon bouton et quand je passe la souris desuus bah la couleur change, il n´uy a aucun effet quand on appui dessus ....

brefvoila ^^ , si demain soir j´y arrive toujours pas avec vos aides, je vous demanderais de me le faire :s , c´est trop galère, au moin que je vois l´exemple du code pour le erfaire moi meme , car je comprends rien comme ça :P

merci

Aigle21

Niveau 9

16 août 2007 à 10:20:09

bon j´y arriv pas :´(

alors voila un exemple

http://img512.imageshack.us/img512/8991/designessaieoz0.png

donc a gauche bah il y a 2 menu , avec les boutons déjà, mais c´est pas du code (juste une image ...) donc j´aimerais pouvoir mettre ces bouton au meme emplacement garce au css ou html , et faire un effet de passage de souris (le bouton change de couleur ) , et ensuite metttre le titre de chaque bouton

voila j´espere que je me suis fais comprendre car la je peux pas mieu expliquer :s

voila le code ^^
mon premier bouton se situe dans le dossier images/bouton.png
l´effet se situe en images/rollovers.png
et je crois que c´est tout ce qu´il faut savoir (pour le titre des menus bah ca faut mettre n´importe quoi, histoire que je puisse tout retoucher pour apprendre ...

^^ en tout cas merci si quelqu´un me le fait car la je desespere

body
{
width: 800px;
height: 820px;
background-color: white;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

conteneur

{
width: 790px;
height: 810px;
background-image: url("images/conteneur.png");
margin-bottom: 10px;
margin-top: 10px;
}

en_tete

{
width: 780px;
height: 130px;
background-image: url("images/header.png");
margin: auto;
}

menu1

{
width: 175px;
height: 275px;
background-image: url("images/menuaccueil.png");
margin-left: 2px;

}

menu2

{
width: 175px;
height: 275px;
background-image: url("images/menuleclub.png");
margin-left: 2px;
margin-top: 3px;

}

corps

{
margin-left: 185px;
margin-bottom: 20px;

}

PS : je n´arrive pas non plus a placer le corps a droite du menu, il reste toujours en dessous, et les float ne marchent pas o_0

voila ^^

bonne journée

Aigle21

Niveau 9

16 août 2007 à 18:18:50

^^ jevais me tuer la^^, j´en ai marre, je n´y arrive pas :´( , je comprends pas ... j´ai meme essayer de le faire juste en mettant le lien, et les bouton incrusté, mais j´arrive meme pas a placer les lien au milieu des bouton je sais pas comment faire

alal j´en peux plus lol ... je reup donc si quelqu´un peutme le coder , je dois finir le site demain ^^ j´en suis loin :P

Aigle21

Niveau 9

16 août 2007 à 18:43:44

http://badminton42.free.fr/

comme vous pouvez voir j´ai juste réussis a metre un bouton ,sauf que je ne sais pas comment faire pour le déplacer :´( et pour mettre le roollovers , voila le code de ce que j´ai fais .....

</div>

voila merci ...

Aide à l'achat Mac
Internet
Macintosh
Création de sites web
Création de Jeux
Linux
Programmation
Steam Deck
Hardware

La vidéo du moment

News jeu

154 421 spectateurs

Halo: Campaign Evolved fait de la coopération sa plus grande force

Loin de se limiter à une simple refonte graphique, Halo: Campaign Evolved reconstruit la campagne du premier Halo en accordant une place centrale à la coopération. Que ce soit pour découvrir l'aventure une première fois ou la parcourir à nouveau, le titre multiplie les options pour permettre aux joueurs de former facilement une escouade, tout en ajoutant de nouvelles mécaniques qui encouragent la rejouabilité.

Toutes les news jeu