[AIDE] Petit menu CSS3 + HTML5

Camsur -  
animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   -
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

  1. TibereTchatcha
     
    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
  2. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    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