[AIDE] Petit menu CSS3 + HTML5

Fermé
Camsur - 17 mai 2014 à 20:49
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 18 mai 2014 à 14:20
Salut à tous,

Je fais actuellement un site web et je nage pour faire mon menu. Toutes mes tentatives n'aboutissent pas à mes envies.

Voici donc le menu que j'aimerai (photoshop niveau paint).

http://image.noelshack.com/fichiers/2014/20/1400352517-isn-menu.jpg

En esperant qu'un ami du net pourra mettre favorable.

Cordialement à la toile.

Camsur
A voir également:

2 réponses

TibereTchatcha
18 mai 2014 à 08:30
Salut,
sinon avez vous une question précise?
Parce que si vous voulez faire d'une maquette Photoshop une page HTML il faut:
Apprendre et utiliser HTML
Apprendre et utiliser CSS

Vous pourrez faire des menus déroulants en connaissant cela.
Vous trouverez des exemples de menus déroulants facilement et de comment les faire en utilisant Google.

Votre meilleur ami c'est votre travail et votre cerveau.

Ma réponse peut vous sembler narquoise mais c'est surtout que c'est la seule réponse crédible: ce que vous voulez faire est simple, c'est même la base et plus qu'une réponse ici les tutos et cours que vous trouverez sur Internet qu'il faudra lire et pratiquer sont les seules choses à même de vous apportez ce que vous voulez.
Sinon il faut payer un pro pour le faire et ce n'est pas le but du forum.

Allez parce que j'ai taper Apprendre HTML sur Google je vous donne un lien béton pour les débutants:

http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 18/05/2014 à 14:20
Bonjour
ce que dit pierre tchatcha est vrai

plus précisément voici un tuto pour un menu déroulant
http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

puis tu remplace background-color par une image en background
ici
#menu li {
float:left;
margin:auto;
padding:0;
background:url(image1.jpg) no-repeat top left;
}

et tu ajoute une image en background la dedans
#menu ul li:hover ul {
display:block;
background: url(image2.jpg) no-repeat top left;
background-size:cover;

}

et tu mets background-image:none; la dedans
#menu li:hover ul li {
float:none;
background:none;
}


Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0