Liste déroulante dans un widget
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Liste déroulante dans un widget
Bonjour à tous!
J'ai un petit problème avec mes codes. Présentement, j'ai sur mon portail un Widget Menu Vertical
que j'ai modifié avec des codes. Mon seul problème c'est qu'il m'affiche tous le menu avec une barre
de défilement dans l'encadré du widget alors que je voulais une liste déroulante qui s'active au passage
de la souris (hover).
Voici mon Forum: http://zone.1fr1.net/
Voici mes codes:
Code HTML:
Code Javascript:
Code CSS:
Cordialement!
J'ai un petit problème avec mes codes. Présentement, j'ai sur mon portail un Widget Menu Vertical
que j'ai modifié avec des codes. Mon seul problème c'est qu'il m'affiche tous le menu avec une barre
de défilement dans l'encadré du widget alors que je voulais une liste déroulante qui s'active au passage
de la souris (hover).
Voici mon Forum: http://zone.1fr1.net/
Voici mes codes:
Code HTML:
- Code:
Replier
Actualité
[list]
[*][url=http://zone.1fr1.net/f38-international]Sous-Menu 1.1[/url]
[*][url=http://zone.1fr1.net/f39-national]Sous-Menu 1.2[/url]
[*][url=http://zone.1fr1.net/f40-regional]Sous-Menu 1.3[/url]
[*][url=http://zone.1fr1.net/f41-archives]Sous-Menu 1.4[/url]
[/list]
Menu 2
[list]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.1[/url]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.2[/url]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.3[/url]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.4[/url]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.5[/url]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 2.6[/url]
[/list]
Menu 3
[list]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 3.1[/url]
[*][url=http://forum.forumactif.com/url-de-renvoi]Sous-Menu 3.2[/url]
[/list]
Code Javascript:
$(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });
Code CSS:
- Code:
a.mainmenu {
font-size:16px; /* taille du texte */
font-weight:bold; /* texte en gras */
font-style:italic; /* texte en italic */
font-family: Georgia, Arial, serif; /* police du texte */
letter-spacing:-1px; /* espace les lettres */
color:#404040; /* couleur texte */
}
.barre_nav {
background-color: #000000 ; /* couleur du fond */
border-bottom: 3px #000 solid; /* bordure du bas */
position: fixed; /* on fixe le menu en haut */
top: 0px; /* place le menu en haut a 0px */
left: 0px;
width: 100%;
z-index: 999;
padding: 3px;
}
/* texte au survol */
.navig a:hover{color: #000;}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
width: 150px;
margin: 1px;
padding: 0;
list-style-type: none;}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
margin: 0;
padding: 0;
list-style-type: none;}
#menu dd {
border: 1px solid gray;
margin: 0;
padding: 0;
list-style-type: none;}
#menu li {
text-align: center;
background: #fff;
margin: 0;
padding: 0;
list-style-type: none;}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;}
#menu li a:hover, #menu dt a:hover {
background: #eee;
margin: 0;
padding: 0;
list-style-type: none;}
Cordialement!
Dernière édition par J-CHamel le Dim 30 Sep 2012 - 4:26, édité 1 fois
Re: Liste déroulante dans un widget
Bonjour
Vous avez bien activé le javascript sur toutes les pages?
Car votre code fonctionne bien.
http://jsfiddle.net/adam_sfp/ZdyrH/
Cordialement.
Vous avez bien activé le javascript sur toutes les pages?
Car votre code fonctionne bien.
http://jsfiddle.net/adam_sfp/ZdyrH/
Cordialement.
Re: Liste déroulante dans un widget
Salut Adam_sfp!
Oupsss! Et bien voilà, tu as trouvé! Tu peux m'expliquer plus clairement ce que je dois faire s.v.p? Je ne vois pas d'autres endroits pour le mettre (le code Javascript).
Merci et à+
J-C
Oupsss! Et bien voilà, tu as trouvé! Tu peux m'expliquer plus clairement ce que je dois faire s.v.p? Je ne vois pas d'autres endroits pour le mettre (le code Javascript).
Merci et à+
J-C
Re: Liste déroulante dans un widget
Bonsoir
Mettre la partie html fans votre widget.
le CSS dans votre feuille de style CSS
le javascript dans
Modules->gestion des codes javascript
Activer la gestion des codes Javascript :cocher oui
Creer un nouveau javascript cocher l'endroit ou vous voulez que le script fonctionne...
Mettez un titre.
Cordialement.
Mettre la partie html fans votre widget.
le CSS dans votre feuille de style CSS
le javascript dans
Modules->gestion des codes javascript
Activer la gestion des codes Javascript :cocher oui
Creer un nouveau javascript cocher l'endroit ou vous voulez que le script fonctionne...
Mettez un titre.
Cordialement.
Re: Liste déroulante dans un widget
Bonsoir Adam_sfp!
Bon alors je reprends mon dernier post car je pense que nous ne nous comprenons pas bien.
Merci à l'avance !
Bon alors je reprends mon dernier post car je pense que nous ne nous comprenons pas bien.
Tu peux m'expliquer plus clairement ce que je dois faire s.v.p?
Désolé mais pour moi ce n'ai pas très explicatif. Comme tu pouvais le vérifier (tu l'as déjà testé), mon code est déjà tout installé et il fonctionne chez toi mais ce n'est pas ce que j'obtiens sur mon portail même après avoir coché (sur toutes les pages). Peux-tu me dire où trouver où est mon erreur?Créer un nouveau javascript cocher l'endroit où vous voulez que le script fonctionne...
Mettez un titre.
Merci à l'avance !
Re: Liste déroulante dans un widget
Bonsoir
Pourriez vous détailler quel élément vous mettez à quel endroit?
Cordialement.
Re: Liste déroulante dans un widget
Salut Adam_sfp
Ben...je mais des codes html, dans le html, les codes CSS, dans le CSS et pour finir, les JS, dans le JS.
Désolé mais je ne suis pas devin. Comment savoir de quel élément tu parle?
À+
Ben...je mais des codes html, dans le html, les codes CSS, dans le CSS et pour finir, les JS, dans le JS.
Désolé mais je ne suis pas devin. Comment savoir de quel élément tu parle?
À+
Re: Liste déroulante dans un widget
Bonjour
ce que Adam voulait vous demander c'est de savoir ou le JS agit -il ?
sur l'index ? sur toutes les pages ?
Car vous devez le renseigner quand vous créer un JS via votre panneau d'admin.
Cordialement,
ce que Adam voulait vous demander c'est de savoir ou le JS agit -il ?
sur l'index ? sur toutes les pages ?
Car vous devez le renseigner quand vous créer un JS via votre panneau d'admin.
Cordialement,
Pinguino- Adminactif
-
Messages : 13622
Inscrit(e) le : 02/05/2004
Re: Liste déroulante dans un widget
Bonsoir à vous!
Pour ce qui est du JS, j'ai fais plusieurs test; Sur l'index, Sur le portail et sur toutes les pages. Mais rien à faire, c'est toujours pareil. En passant, oui j'ai cocher la case:
Activer la gestion des codes Javascript sur le OUI.
Vous pouvez maintenant ajouter un autre problème (J'en suis maintenant à 3). Je viens de faire un test pour avoir un Menu Accordéon. OUFFFF! Voir le résultat:http://zone.1fr1.net/
Pour finir, la cerise sur le gâteau, (j'ai un sujet déjà en attente de réponse/d'aide: Infobulle pour les sujets de forum) j'ai deux sujets de forum, deux infobulles, mais un emplacement pour les deux.
Pour tous vous dire, je commence sérieusement à en avoir mare! Un Menu Déroulant qui Déroule pas, un Menu Accordéon sensé être à l'horizontal mais qui est, sur mon forum, à la vertical. Et pour finir, des infobulles qui se partagent l'emplacement du texte.
Mais soyons positif, la vie est belle!
Bonne soirée!
À
J-C
Pour ce qui est du JS, j'ai fais plusieurs test; Sur l'index, Sur le portail et sur toutes les pages. Mais rien à faire, c'est toujours pareil. En passant, oui j'ai cocher la case:
Activer la gestion des codes Javascript sur le OUI.
Vous pouvez maintenant ajouter un autre problème (J'en suis maintenant à 3). Je viens de faire un test pour avoir un Menu Accordéon. OUFFFF! Voir le résultat:http://zone.1fr1.net/
Pour finir, la cerise sur le gâteau, (j'ai un sujet déjà en attente de réponse/d'aide: Infobulle pour les sujets de forum) j'ai deux sujets de forum, deux infobulles, mais un emplacement pour les deux.
Pour tous vous dire, je commence sérieusement à en avoir mare! Un Menu Déroulant qui Déroule pas, un Menu Accordéon sensé être à l'horizontal mais qui est, sur mon forum, à la vertical. Et pour finir, des infobulles qui se partagent l'emplacement du texte.
Mais soyons positif, la vie est belle!
Bonne soirée!
À
J-C
Sujets similaires
» Faire en sorte que le widget "dernier sujet" soit une liste déroulante manuelle et non automatique
» Créer une liste déroulante dans un widgets
» recherche de membres dans liste déroulante
» Ajouter une police à la liste déroulante dans l'écriture des messages
» Insérer un lien ouvrant dans une nouvelle fenêtre sur une liste déroulante
» Créer une liste déroulante dans un widgets
» recherche de membres dans liste déroulante
» Ajouter une police à la liste déroulante dans l'écriture des messages
» Insérer un lien ouvrant dans une nouvelle fenêtre sur une liste déroulante
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum