Menu déroulant dans la Toobar

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

Résolu Menu déroulant dans la Toobar

Message par Zeste le 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
avatar

Zeste
Membre habitué(e)

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 le Mar 26 Fév 2013 - 0:27

avatar

Automne
Membre actif

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

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

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

Message par Zeste le 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 :
http://i77.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.
avatar

Zeste
Membre habitué(e)

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 le Dim 3 Mar 2013 - 17:39

UP
avatar

Zeste
Membre habitué(e)

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 le 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; }
avatar

FANCH 56
Membre actif

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

http://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 le 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.
avatar

Zeste
Membre habitué(e)

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 le 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;
        }
avatar

FANCH 56
Membre actif

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

http://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 le 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 :
http://i77.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?

avatar

Zeste
Membre habitué(e)

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 le 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
avatar

FANCH 56
Membre actif

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

http://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 le 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
avatar

Zeste
Membre habitué(e)

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


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