Code HTML pour menu à gauche

Résolu
Utilisateur anonyme -  
Bonjour,

Je souhaite créer un jeu en ligne (sa on s'en fou), mais pour commencer j'aimerais faire un menu à gauche, un simple menu avec genre connexion déconnexion. Je ne sais pas trop comment expliquer ce que je veux :s
Donc je voudrais le code en HTML pour avoir le menu sur la gauche de la page.

Merci.

7 réponses

Résumé de la discussion

La discussion porte sur la création d'un menu latéral gauche en HTML et CSS pour un jeu en ligne, incluant une fonctionnalité de connexion et de déconnexion. Plusieurs réponses suggèrent d'écrire le HTML puis d'ajouter une feuille de style CSS externe, en utilisant des outils gratuits comme Notepad++ et des balises simples. Certaines contributions évoquent la nécessité d'apprendre PHP ou un backend pour gérer les connexions, tandis que d'autres proposent des approches de base et soulignent l'ampleur du travail. En fin de fil, l'accent est mis sur l'apprentissage progressif et sur l'idée que la réalisation d'un jeu demande des connaissances variées et du temps, sans promesse de solution miracle.

Bobot (l’IA à votre service)
  1. @lobotomix:~# rm -rf *\
    voila 
    <!DOCTYPE html> 
<html> 
 <head> 
  <meta charset="utf-8" /> 
  <title>test</title> 
  <style type="text/css"> 
   html, body { 
    height: 100%; 
   } 
   body { 
    background-color: white; 
   } 
   #conteneur { 
    width: 900px; 
    height: 100%; 
    margin: auto; 
    color: red; 
    background-color: yellow; 
    border: 2px black solid; 
   } 
   #ton_bloc 
   { 
    width: 150px; 
    height: 150px; 
    float: left; 
    border: 3px black solid; 
   } 
  </style> 
 </head> 
 <body> 
  <div id="ton_bloc"> 
   <p>connexion<br /> 
   deconnexion</p> 
  </div> 
  <div id="conteneur"> 
   <p> 
    un peu de contenu 
   </p> 
  </div> 
 </body> 
</html>

    Mais pour connexion et déconnexion il va falloir apprendre php

    "Un homme azerty en vaut deux"
    1. Utilisateur anonyme
      Merci, voilà ce que je cherchais :)
    2. @lobotomix:~# rm -rf *\
      pense a mettre resolu
    3. Mania-Track
      Y'a pas à dire je suis pas doué pour expliquer aux autres.
    4. Utilisateur anonyme
      C'est pas sa, c'est que je suis pas doué pour comprendre xDD
    5. @lobotomix:~# rm -rf *\
      Non mais tu as eu raison de lui envoyer des lien pour qu'elle ou qu il comprenne, moi je lui ai mâcher le travail et c'est peut être pas rendre service
  2. @lobotomix:~# rm -rf *\
    bon je te fait un bout de code laisse moi dix min
    1. Utilisateur anonyme

      D'accord, merci :/

      Désolé, mais comme j'y connais pas grand chose ce n'est pas facile, mais je fais de mon mieux :P

  3. Mania-Track
    Tiens voilà un Screen HTML :

    https://sd-g1.archive-host.com/membres/images/5fac6bbc2ebbe3d9689591cbb9c5ef9ad36738f9/Html.png

    Et en CSS :

    https://sd-g1.archive-host.com/membres/images/5fac6bbc2ebbe3d9689591cbb9c5ef9ad36738f9/CSS.png

    C'est ce que tu dois écrire. Je crois que ton fichier CSS est bon.
    Entre <title> et </title> tu dois écrire le nom de ton site qui apparaîtra dans l'onglet. (juste que j'ai remarqué que tu avais copié ce que j'avais mis).

    Je suis un Trackmaniac, et ça personne ne m'en empêchera.
    1. Mania-Track
      Et désolé pour le retard.
    2. Utilisateur anonyme
      Sa me donne une page blanche !
    3. Mania-Track
      Ah mince.
  4. Mania-Track
    Ok. Bon, tu ouvres un nouveau fichier Bloc-Note. Tu colles ce code dedans et tu enregistres en ajoutant CSS à la fin du nom que tu lui donnes. (ça c'est seulement si tu n'as pas encore de fichiers CSS, sinon tu l'ajoute à la suite de ce que tu as déjà écrit).
    Puis dans ton fichier HTML, tu écris entre les balises <head> et </head>:

    <link rel="stylesheet" href="ton_fichier.css" />

    et c'est tout.
    Tu l'écris entre
    <meta charset="utf-8" />
    et
    <title>Le nom de ton site</title>.

    Voilà.
    P.S. : J'utilise pas Bloc-Note mais Notepad++.
    1) parce qu'il est gratuit.
    2) parce qu'il colore ton code ce qui te permet de mieux t'y retrouver.
    Par contre c'est que sous windows.
    Je suis un Trackmaniac, et ça personne ne m'en empêchera.
    1. Utilisateur anonyme

      Pourquoi utilise-t-on du CSS ???
      Parce que la moi, je suis perdu ;)

      PS : J'ai fais un screen, dis-moi tout de suite si j'ai mal compris ce que tu m'as dis :

      http://hpics.li/9dc65b3

  6. Mania-Track
    As-tu un éditeur de texte genre Notepad ++ ? Ou Bloc-note ?
    1. Mania-Track
      T'inquiète c'est pas compliqué.
    2. Utilisateur anonyme
      Oui j'ai un bloc note, je sais m'en servir pour coder, c'est ce que j'utilise.
  8. Mania-Track
    Tiens voilà ce que j'utilise. Je sais pas si c'est bon. Mais ça marche :
    nav
    {
    float: left;
    }

    C'est à mettre en CSS. Mais avant tu rédiges ton menu en HTML. Au pire va voir sur le "site du zéro". Il y a un tutoriel complet sur l'HTML5 et le CSS3.

    Discussions similaires

    Comment faire afin d'accéder au boot menu ou BIOS sous MSI ?
    Kaheil

    7 réponses