Forum archives - Guppy 5 - Topic #131072
Bonjour, Est-il possible d'avoir un menu déroulant dans un article et non dans les menus pré-définis dans l'interface. En clair, dans un article, je souhaiterais avoir en haut au centre un menu déroulant avec autant de sélection possible qui lorsque je sélectionne l'une d'entre elle me renvoie vers un lien extérieur ou intérieur. Merci pour votre aide.
Bonjour,
Bien entendu c'est possible, à condition d'avoir quelques notions en HTML5.
Il faut ajouter en tête de ton article dans l'éditeur en admin le code html nécessaire, voici un exemple complet repris du pack de démonstration de GuppY :
<form name="selnavart" action="#" method="post" class="displayInline valignMiddle"> <select size="1" onchange="document.selnavart.action=this.value; document.selnavart.submit();" class="selArtNavbar" title=""> <optgroup label="GuppY"> <option value="articles.php?lng=fr&pg=43&mnuid=363&tconfig=0#z2">LISEZ-MOI</option> <option value="articles.php?lng=fr&pg=8&mnuid=363&tconfig=0#z2" selected="selected">Présentation</option> <option value="articles.php?lng=fr&pg=9&mnuid=363&tconfig=0#z2">Première Installation</option> </optgroup> <optgroup label="Communauté GuppY"> <option value="articles.php?lng=fr&pg=16&mnuid=363&tconfig=0#z2">L'équipe informelle</option> <option value="articles.php?lng=fr&pg=15&mnuid=363&tconfig=0#z2">Nous rejoindre ?</option> <option value="articles.php?lng=fr&pg=412&mnuid=363&tconfig=0#z2">Remerciements</option> </optgroup> </select> </form>
Pour les liens externes mettre dans "value" l'adresse complète de la page, pour les liens internes faire comme ci-dessus.
Rappel: pour les skins et plugins poster sur le site de leurs auteurs.
Cordialement, Saxbar.
Merci Saxbar,
çà fonctionne nickel, juste une petite chose, comment peut-on régler une largeur du menu déroulant à notre guise?
Bonjour,
Citation : « admincave »
comment peut-on régler une largeur du menu déroulant à notre guise?
Avec un peu de css dans styleplus comme il se doit.
Par exemple supposons que tu veuilles afficher ton menu déroulant sur une ligne du top, sans rien d'autre sur cette ligne.
1. mettre le menu dans un emplacement quelconque de la ligne avec une largeur de 100%
2. dans Config style > styleplus mettre ceci :
.tbl.DDH460, .tblover.DDH460 { background: transparent; max-width: 1050px; margin: auto; }
DDH460 est le nom du menu déroulant du pack de démo de GuppY 5.03.03, il faudra l'adapter.
La largeur de 1050px est aussi à adapter, on peut aussi utiliser les %.
Rappel: pour les skins et plugins poster sur le site de leurs auteurs.
Cordialement, Saxbar.
OK merci !