Menu déroulant dans la Toobar

[Zeste]

Bonsoir,

Je cherche à savoir comment il est possible d'insérer un/des menu(s) déroulant dans sa Toolbar.

Merci !

[Automne]

Bonjour,

Vous pouvez vous aider de ceci https://forum.forumactif.com/t346318-resolu-mettre-un-menu-deroulant-dans-la-toolbar?highlight=menu+d%E9roulant+toolbar

[Zeste]

Bonjour,
Merci, mais quand j'applique le code, ça me fait quelque chose de bizarre, les éléments sortent de la barre.

Voici ma barre actuelle :
https://i.servimg.com/u/f77/15/75/02/96/2013-013.png

Ce que je souhaiterai en fait, c'est pouvoir mettre 1 menu déroulant à gauche de la barre de recherche..

Cordialement.

[Zeste]

UP

[FANCH 56]

Il te faut retirer la zone de recherche, et les liens réseaux sociaux.

Codes CSS

Code:

/* *********************RETRAIT RÉSEAUX SOCIAUX******************** */

        #fa_share { display: none!important; }

#fa_textarea {display: none!important;}

Code:

/* **************************RETIRER RECHERCHE et LOUPE de la toolbar ********** */

#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }

[Zeste]

Bonsoir FANCH,

Sauf que je ne veux pas les retirer, je veux juste pouvoir mettre un menu déroulant avant la barre de recherche.

Cordialement.

[FANCH 56]

Ce qui fera partir les éléments de droite. Il faut faire un choix.

La recherche et les réseaux, tu peux les mettre dans un widget.

EDIT
Mets ce code CSS

Code:

/* ************************************************TOOLBAR*********************************************************** */
        #fa_right {
        float: right;
        font-size: 14px;
        margin-right: 100px;
        }

[Zeste]

J'ai placé votre code CSS ainsi que le code du menu déroulant que vous aviez proposé dans un autre sujet.

Code:

$(function (){$(function (){
                 
                              $('#fa_right').after(
                                '<span id="toolbar_add">
        <span style="margin-left:12px;text-align: center;">
                          <select class="optionscolored" style="width: 280px;" onchange="location = this.value">
                           
        <option id="titre_option_non_visible">JOINDRE UN ADMINISTRATEUR</option>
 
 <option value ="mailto:ADRESSE EMAIL DU FONDATEUR" style="color:blue"> CONTACT FONDATEUR</option>
                              <option value="http://www.anciens-cols-bleus.net/u908"> Alain  29</option>
                              <option value="http://www.anciens-cols-bleus.net/u997contact"> centime44</option>
                              <option value="http://www.anciens-cols-bleus.net/u2792"> Charly.</option>
                              <option value="http://www.anciens-cols-bleus.net/u658contact"> COLLEMANT Dominique</option>
                              <option value="http://www.anciens-cols-bleus.net/u1327contact"> Franjacq</option>
                              <option value="http://www.anciens-cols-bleus.net/u255contact"> Momo</option>
                              <option value="http://www.anciens-cols-bleus.net/u269contact"> SEGALEN Georges</option>
           
                            </select>
                        </span>
        '
                              )
                 
                        })});

Cependant, j'obtiens ceci :
https://i.servimg.com/u/f77/15/75/02/96/2013-014.png

Savez-vous ce qui faut modifier pour que le menu déroulant soit à droite du lien "Test" et le lien test à gauche du menu déroulant?

[FANCH 56]

Non, mais as-tu payer pour retirer les copyright de Forumactif ?

Pour ma part je l'ai fais, ce qui a libéré de la place.

Essaies dans le code CSS plus haut de remplacer right par left

[Zeste]

Oui, j'ai payé.

Je test de suite ceci :

Code:

/* ************************************************TOOLBAR*********************************************************** */
        #fa_left {
        float: left;
        font-size: 14px;
        margin-right: 100px;
        }

Edit: Ça marche ! Merci.