Précédent   Planet Emulation Forums > Divers > Hardware et Software

Hardware et Software Un problème de configuration ou autre ?
C'est ici que ca se passe !

Réponse
 
Outils de la discussion Modes d'affichage
Vieux 22/01/2009, 16h20   #1
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
Icon14 Créer un sous-menu...

Salut à tous !

Si je poste ce sujet, c'est parce que j'aimerais créer un sous-menu pour améliorer l'interface de mon site, à savoir http://daxtag.com/.

En fait, mon problème est le suivant. Mon menu étant conçu avec des images, j'aimerais réaliser un sous-menu sans image, et donc seulement avec du code. En gros, j'aimerais que lorsque l'on passe la souris sur une section, cela découvre les sous-sections disponibles, sur le côté droit du menu.

Le rendu serait un peu comme sur Clubic, mais avec un menu vertical et sur la gauche, bien entendu.

J'ai donc tenté différentes aides trouvées sur le net, mais je n'arrive à rien, je suis vraiment pas terrible dans ce domaine. C'est pourquoi je voulais savoir si quelqu'un pouvait me donner le type de code à insérer, pour pouvoir mettre ça en place, parce que là, je sature.

Merci d'avance en tout cas !
__________________
https://twitter.com/Nalaardo

Dernière modification par Bogdan ; 22/01/2009 à 16h22.
Bogdan est déconnecté   Réponse avec citation
Vieux 22/01/2009, 21h34   #2
-Nicolas-
Le joueur du fritkot
 
Avatar de -Nicolas-
 
Date d'inscription: 02/2005
Localisation: Liège
Messages: 4 895
-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui
Il existe des générateurs sur le net, fait une rechercher sur css menu generator par exemple : http://www.highdots.com/css-tab-designer/ ça te donne la base, après c'est à toi de l'adapter à ton site.
__________________
Zapier

ma chaîne Youtube live sur Twitch
-Nicolas- est déconnecté   Réponse avec citation
Vieux 23/01/2009, 03h18   #3
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
Merci Nicolas, j'avais déjà regardé ce genre de logiciel, mais mon problème, c'est que j'ai déjà un menu (que je souhaite conserver), fait avec mes moyens, un code différent, et des images. Donc, ce que je souhaiterais, c'est ajouter les sous-sections au survol de la souris.

Je sais pas si je me fais comprendre, mais c'est assez chiant, je suis blasé avec ce truc, moi...
__________________
https://twitter.com/Nalaardo
Bogdan est déconnecté   Réponse avec citation
Vieux 23/01/2009, 10h29   #4
Kobras
1ier inscrit sur le forum
 
Avatar de Kobras
 
Date d'inscription: 10/2001
Localisation: Lyon
Messages: 8 793
Kobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaît
J'ai un truc qui je pense devrait convenir.
Je regarde ca demain.
__________________
http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif
Kobras est déconnecté   Réponse avec citation
Vieux 23/01/2009, 10h51   #5
ShinSH
Parti en couille
 
Avatar de ShinSH
 
Date d'inscription: 10/2001
Localisation: Paris
Messages: 3 013
ShinSH est précieuxShinSH est précieuxShinSH est précieux
La méthode est simple.

Tu construis tes sous menus tous visibles dans un premier temps (à regrouper dans un <div>), puis tu leur donne la propriété CSS visibility à false.

Tu n'as plus qu'a modifier cette propriété CSS en javascript lors de l'évènement onMouseOver() (quand la souris passe sur l'element) et onMouseOut() (quand la souris part) de l'élément de ton menu principal.

Plus dans le code ca donne que tu fais une fonction "afficherMenu(telMenu)" et "cacherMenu(telMenu)", qui n'aura qu'une seule ligne, telMenu.visibility = true ou false.

Tes différentes fonctions onMouseOver et onMouseOut (une par sous menu) n'auront qu'a appeler les fonctions afficherMenu et cacherMenu avec comme parametre ce que tu veux afficher ou cacher.
ShinSH est déconnecté   Réponse avec citation
Vieux 23/01/2009, 19h28   #6
MatLab
Nouveau Membre
 
Avatar de MatLab
 
Date d'inscription: 08/2004
Messages: 45
MatLab sait se tenir
Salute !

J'essaye avec Bog de faire les sous menus.
J'arrive pas bien à comprendre comment mettre en oeuvre ta technique ShinSH.

J'ai fais une page "TEST.html", et une feuille de tyle "TEST.css", contenant respectivement :

<html>
<head>
<link href="TEST.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="TRUC">BLABLA</div>

</body>
</html>



&


.TRUC {
visibility: hidden;
}


Et je ne comprend pas la suite de la procédure.

Imaginons que je veux faire apparaitre un sous menu, qui apparait quand on passe le curseur sur BLABLA, à droite de BLABLA, sous forme d'une liste verticale, de cette forme :

BLIBLI
BLOLBO
BLUBLU


Comment faire avec ta technique stp ?

Merci
__________________
Gomu Gomu Nooo... !
MatLab est déconnecté   Réponse avec citation
Vieux 23/01/2009, 23h32   #7
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
Ouais, c'est le gros bémol... Comment faire en sorte que les différentes sections d'un onglet du menu (je sais pas si je suis très clair...) s'affichent juste à côté de cet onglet ?
__________________
https://twitter.com/Nalaardo
Bogdan est déconnecté   Réponse avec citation
Vieux 24/01/2009, 02h12   #8
ShinSH
Parti en couille
 
Avatar de ShinSH
 
Date d'inscription: 10/2001
Localisation: Paris
Messages: 3 013
ShinSH est précieuxShinSH est précieuxShinSH est précieux
En utilisant la méthode magique de la position absolue.

Enfin y'a plein de moyens, le mieux étant de fouiller dans le site référence http://w3schools.com/

Perso c'est comme ca que je me suis démerdé.
ShinSH est déconnecté   Réponse avec citation
Vieux 24/01/2009, 21h51   #9
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
Icon5

Bah, sincèrement, merci les gars, mais j'y arrive pas...

Ça s'affiche pas où je veux, et ça s'active pas non plus quand je veux, bref, je galère un max.

Kobras, c'était quoi ta possibilité ?
__________________
https://twitter.com/Nalaardo
Bogdan est déconnecté   Réponse avec citation
Vieux 25/01/2009, 00h38   #10
Catw
Moquette du forum
 
Avatar de Catw
 
Date d'inscription: 07/2008
Localisation: dans l'Est, froid et perdu dans le brumes de la nuit.
Messages: 316
Catw sait se tenir
Je ne vais pas t'apporter de réponses à ta question, du moins pas immédiatement... Je suis allé voir ton site, j'aime le design de la chose, je trouve tout ça plus que sympathique mais...

Quand on clique-droite -> afficher la source, on s'aperçoit de quelques petits trucs qui me titillent du html/css...

La première chose qui me fait hausser un sourcil, c'est la présence de css à l'intérieur de la page, j'aurais tendance à préférer mettre en place un fichier css à coté (que j'appellerais, dans un élan d'originalité hors du commun, style.css), en ajoutant entre <head> et </head> :
Code:
<link rel="stylesheet" type="text/css" href="style.css" />
Ceci te permettra d'ajouter des classes plus facilement et t'évitera de surcharger ta page principale.

Ensuite, le menu en pur javascript, je dois avouer que je suis pas fan. Surtout qu'on peut faire le même en utilisant css, y a des tutos partout sur le net, je vais pas surcharger mon post en te disant comment faire. Ce qui nous amène au menu déroulant. En utilisant javascript et css, tu pourras le réaliser (c'est une des raisons pour lesquelles je suggère une refonte de ton menu).

Petit détail, pour alléger ton code, plutôt que d'avoir
Code:
<p align="justify" class="Style6"><span class="Style3">
avant chaque titre, pourquoi ne pas te servir des balises de titres HTML (h1,h2,etc) et définir leurs styles en css ? Genre comme ça :

Code:
h1 {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#005FA9;
}

p {
	font-family:Arial;
	font-size:14px;
}
Voire même donner la font-family dans la balise body, pour alléger un peu les choses...

Dis-moi si je me trompe, mais n'utiliserais-tu pas un éditeur wysiwyg pour faire ton site ?
__________________
http://fc05.deviantart.com/fs31/f/2008/203/e/3/new_banner_by_Catw.png
Ma page sur deviant art

Dernière modification par Catw ; 25/01/2009 à 00h40.
Catw est déconnecté   Réponse avec citation
Vieux 25/01/2009, 01h08   #11
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
D'abord, merci pour ton avis sur le site, c'est sympa !

Ensuite, je suis bien d'accord avec tout ce que tu viens de dire, il faudrait qu'on rafraîchisse tout ça. Faut dire que le site a été pas mal modifié depuis sa création, donc la base n'est pas terrible, terrible. Elle date, quand même...

Et puis, je vais te répondre non ! On utilise essentiellement Dreamweaver pour la conception du site. D'ailleurs, jamais entendu parler de cet éditeur au nom "qu'on dirait que t'as tapé n'importe quoi sur ton clavier".
__________________
https://twitter.com/Nalaardo
Bogdan est déconnecté   Réponse avec citation
Vieux 25/01/2009, 03h03   #12
tfoth
Gif Master
 
Avatar de tfoth
 
Date d'inscription: 10/2002
Localisation: Vernon
Messages: 6 666
tfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de luitfoth peut être fier de lui
Envoyer un message via ICQ à tfoth Envoyer un message via MSN à tfoth Envoyer un message via Yahoo à tfoth
L'éditeur "wysiwyg", c'est un éditeur qui t'affiches ce que tu es censé voir sur ton site. What You See Is What You Get. Comme iWeb, NVU, ou Dreamweaver . Le souci étant qu'ils font "souvent" du code crade ^^"
__________________
La vie, c'est bon, mangez-en!
tfoth est déconnecté   Réponse avec citation
Vieux 25/01/2009, 12h30   #13
-Nicolas-
Le joueur du fritkot
 
Avatar de -Nicolas-
 
Date d'inscription: 02/2005
Localisation: Liège
Messages: 4 895
-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui-Nicolas- peut être fier de lui
Je n'ai pas encore eu l'utilité de ce genre de menu donc je n'en ai pas sous la main mais puisqu'il t'en faut un tout fait, si tu n'es pas pressé j'en ferais un quand j'aurais le temps de m'y mettre.
__________________
Zapier

ma chaîne Youtube live sur Twitch
-Nicolas- est déconnecté   Réponse avec citation
Vieux 25/01/2009, 15h52   #14
Catw
Moquette du forum
 
Avatar de Catw
 
Date d'inscription: 07/2008
Localisation: dans l'Est, froid et perdu dans le brumes de la nuit.
Messages: 316
Catw sait se tenir
Citation:
Envoyé par tfoth Voir le message
L'éditeur "wysiwyg", c'est un éditeur qui t'affiches ce que tu es censé voir sur ton site. What You See Is What You Get. Comme iWeb, NVU, ou Dreamweaver . Le souci étant qu'ils font "souvent" du code crade ^^"
... tout en déclarant les pages en XHTML...
__________________
http://fc05.deviantart.com/fs31/f/2008/203/e/3/new_banner_by_Catw.png
Ma page sur deviant art
Catw est déconnecté   Réponse avec citation
Vieux 25/01/2009, 17h42   #15
Kobras
1ier inscrit sur le forum
 
Avatar de Kobras
 
Date d'inscription: 10/2001
Localisation: Lyon
Messages: 8 793
Kobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaît
Dans le fichier js :
Code:
var blnOk=true;


function Chargement()
{  
  CacherMenus();
}

function MontrerMenu(strMenu)
{  
  if(blnOk)
  {
    CacherMenus();
  	if (window.innerWidth)
    {
  		largeur = window.innerWidth;
  	}
  	else if (document.body && document.body.offsetWidth)
    {
  		largeur = document.body.offsetWidth;
  	}
   	else
     {
  		largeur = 1024;
  	}
  	if (largeur<1024)
    {
  		largeur = 1024;
  	}
  	for(i=1;i<=1;i++)
    {
      with(document.getElementById("ssmenu"+i).style)
      {
        position="absolute";
        top=30.4+(1.88*(i-2))+"em";
        left=((largeur-1024)/32)+1+"em";
        width="1em";
        margin="0";
        padding="0";
        zIndex="3";
      }
    }
    document.getElementById("ssmenu1").style.top="2.8em";
    
    document.getElementById(strMenu).style.display="inline";
  }
}

function CacherMenus()
{
  if(blnOk)
  {
    for(i=1;i<=1;i++)
    {
      with(document.getElementById("ssmenu"+i).style)
      {
        display="none";
      }
    }
  }
}
Dans la page elle même :
Code:
<html>
<head>
<title>Menu</title>
<script type="text/javascript" src="menu-test.js"></script>
</head>
<body>
<table>
  <tr>
    <td>
      <p id="menu1" class="menu"><a href="#" onmouseover="MontrerMenu('ssmenu1');" onfocus="MontrerMenu('ssmenu1');" onmouseout="CacherMenus();" style="cursor:default;">Menu principale</a></td>
  </tr>
  <tr>
    <td>
      <div id="ssmenu1" style="display:none;">
       sous menu
      </div>
    </td>
  </tr>
</table>
</body>
</html>
Après à toi de modifier le contenu du Div pour y présenter comme tu le souhaite et à toi de modifier les valeurs dans le js pour le positionnement. des sous menus
__________________
http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif
Kobras est déconnecté   Réponse avec citation
Vieux 25/01/2009, 18h45   #16
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
Okay, merci à tous, c'est super sympa de votre part, on va essayer de faire quelque chose grâce à tous ces précieux renseignements.
__________________
https://twitter.com/Nalaardo
Bogdan est déconnecté   Réponse avec citation
Vieux 25/01/2009, 20h41   #17
MatLab
Nouveau Membre
 
Avatar de MatLab
 
Date d'inscription: 08/2004
Messages: 45
MatLab sait se tenir
Merci beaucoup Kobras, je viens de tester et ça ma l'air du bon tout ça.

Par contre j'ai l'impression que le sous menu disparait quand on veut cliquer dessus. En fait, le but serait que l'on glisse le curseur sur le sous menu pour aller directement dans une catégorie.
Pour imager, voici des sous menus sympa :
- Clubic : http://www.clubic.com/
Celui-là est cool, mais horizontale et non vertical.

- Emunova : http://www.emunova.net/
Celui-là est pareil, mais en plus il apparait en progressif, donc stylé, mais si c'est trop compliqué, pas la peine de se prendre la tête.

Saurais-tu comment faire s'il te plait ?

Merci beaucoup encore une fois, pour ton aide précieuse.
__________________
Gomu Gomu Nooo... !
MatLab est déconnecté   Réponse avec citation
Vieux 25/01/2009, 21h44   #18
Kobras
1ier inscrit sur le forum
 
Avatar de Kobras
 
Date d'inscription: 10/2001
Localisation: Lyon
Messages: 8 793
Kobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaîtKobras a un nom que tout le monde connaît
Ha oui désolé en simplifiant mon code j'ai merdé.
Faut enlever le onmouseout du menu principale
Par contre faut mettre des onmouseover="CacherMenus();" sur les éléments entourant ton menu.
De plus faut que le sous menu touche le menu pour pouvoir glisser dessus
__________________
http://forums.planetemu.net/picture.php?albumid=17&pictureid=206
http://zapier.planetemu.net/planetars/2013/bannieres-2013/kobras-planetars2013-bannieres.gif
Kobras est déconnecté   Réponse avec citation
Vieux 27/01/2009, 15h11   #19
Bogdan
Eternal Fun
 
Avatar de Bogdan
 
Date d'inscription: 02/2003
Localisation: Rennes
Messages: 1 634
Bogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumièreBogdan est une lumière
Bon, on va s'atteler à la tâche dans les prochains jours, en ce qui concerne le sous-menu, mais là, mon post est carrément HS...

Je peux savoir pourquoi des tas de robots s'inscrivent sur mon forum (http://daxtag.com/forum/) ?

C'est dangereux ces conneries ? J'ai beau les supprimer, y en a au moins 5 par jour qui s'inscrivent, ça devient alarmant, je sais plus quoi faire avec ça, moi...

Quelqu'un a une solution, svp ?
__________________
https://twitter.com/Nalaardo
Bogdan est déconnecté   Réponse avec citation
Vieux 27/01/2009, 15h36   #20
ChemicalStöf
autiste
 
Avatar de ChemicalStöf
 
Date d'inscription: 12/2002
Localisation: jm'appelle Kimi, jviens d'Paris
Messages: 7 392
ChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèleChemicalStöf devrait être votre modèle
Envoyer un message via MSN à ChemicalStöf
t'as pas un module de captchar sur ton forum? Tu sais le truc qui te demande de taper des lettres qui sont sur une image. Ca évite les robots de s'inscrire.
__________________
t'énerve pas, jt'explique.
ChemicalStöf est déconnecté   Réponse avec citation
Réponse


Utilisateurs regardant la discussion actuelle : 1 (0 membre(s) et 1 invité(s))
 
Outils de la discussion
Modes d'affichage

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non

Navigation rapide

Discussions similaires
Discussion Auteur Forum Réponses Dernier message
Sauvegarde et menu DVD spoonch1 Utilitaires 5 28/01/2008 22h33
Menu combat (ISO FFIX) kahlizarth Emulateurs Consoles 2 15/07/2007 16h17
Pj64/zeldaoot/menu mqaze ROMs 0 31/01/2005 21h16
Menu En Javascript Kobras Hardware et Software 45 22/07/2004 17h29
creer disque dur sous steem2.4? lodosswar Emulateurs Ordinateurs 6 31/03/2003 21h57


Fuseau horaire GMT +2. Il est actuellement 11h21.


vBulletin® v.3.8.7, Copyright ©2000-2024, Jelsoft Enterprises Ltd.