[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
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
A voir également:
- [AIDE] Petit menu CSS3 + HTML5
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Télécommande tcl touche menu - Forum Téléviseurs
2 réponses
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
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
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 18/05/2014 à 14:20
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.
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.
