Menu déroulant dans la Toobar

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Menu déroulant dans la Toobar

Message par Zeste Lun 25 Fév 2013 - 20:49

Bonsoir,

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

Merci ! Very Happy


Dernière édition par Daylaton le Dim 3 Mar 2013 - 19:06, édité 1 fois
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par Automne Mar 26 Fév 2013 - 0:27

Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par Zeste Sam 2 Mar 2013 - 17:48

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

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par Zeste Dim 3 Mar 2013 - 17:39

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par FANCH 56 Dim 3 Mar 2013 - 18:19

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; }
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par Zeste Dim 3 Mar 2013 - 18:23

Bonsoir FANCH,

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

Cordialement.
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par FANCH 56 Dim 3 Mar 2013 - 18:25

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;
        }
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par Zeste Dim 3 Mar 2013 - 18:47

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?

Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par FANCH 56 Dim 3 Mar 2013 - 19:02

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
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu déroulant dans la Toobar

Message par Zeste Dim 3 Mar 2013 - 19:04

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. Wink
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum