[AIDE] Petit menu CSS3 + HTML5

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

2 réponses

  • Votes
  • Date
  • Date décroissante
  1. 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
    1. 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.