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

Zeste
# Tropactif #

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


Automne
+ Hyperactif +

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 :
https://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.

Zeste
# Tropactif #

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

Zeste
# Tropactif #

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

FANCH 56
+ Hyperactif +

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.

Zeste
# Tropactif #

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

FANCH 56
+ Hyperactif +

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 :
https://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?


Zeste
# Tropactif #

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

FANCH 56
+ Hyperactif +

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

Zeste
# Tropactif #

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