Redimensionner la toolbar

[cescedric21]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 05/01/2016
Lien du forum : http://www.vectra-gts.com/

Description du problème

Bonjour,

Je viens d'installer la toolbar mais je trouve qu'elle est trop grosse

Après recherche sur FDF, j'ai trouvé ce script pour la redimensionner mais ça ne fonctionne pas

Code:

div#fa_toolbar {
                background-color: #E5E5E5;  /* Couleur de fond */
                border-radius: 0 0 50px 50px;  /* Arrondis les bords de la toolbar */
                box-shadow: 0 0 5px #000000;  /* Affiche une ombre */
                margin: auto;  /* Centre la toolbar */
                width: 50%;  /* Modifie la longueur de la toolbar */
            }
           
            div#fa_toolbar div, div#fa_toolbar span {
                margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
            }

Je précise que je veux la réduire en hauteur

Voici la capture de l'actuelle toolbar

toolbar:

Merci d'avance pour votre aide

[Feuilla']

Bonjour,
ce code change la hauteur de la ToolBar (celle-ci est changeable) :

Code:

#fa_toolbar {height:80px !important}

Bonne journée !

[cescedric21]

Bonjour,
ce code change la hauteur de la ToolBar (celle-ci est changeable) :

Code:

#fa_toolbar {height:80px !important}

Bonne journée !

Bonjour

Merci, c'est ce qu'il me fallait

Par contre je ne peux pas la réduire car les bouton facebook, tweeter, le logo FDF et la fonction recherche sont trop grand

Comment peut on les réduire tous ce qui est dans la toolbar

Mercii

[Self]

Bonjour,

Pour la mettre à la même largeur que votre forum, utilisez le code suivant :

Code:

#fa_toolbar{
   width: 90%;
   margin: auto;
   left: none;
   right: none;
}

Si vous désirez qu'elle soit plus petite il suffit de réduire la valeur 90% .

[cescedric21]

Bonjour,

Pour la mettre à la même largeur que votre forum, utilisez le code suivant :


Si vous désirez qu'elle soit plus petite il suffit de réduire la valeur 90% .

Merci mais en faite ce sont les différent boutons et zone de recherche qui ne se réduisent pas en hauteur quand je réduit la toolbar.

Ce qui donne une toolbar mince avec des boutons qui sorte

toolbar:

[Self]

Bonjour,

J'avais mal lu votre sujet et avais compris que vous désiriez la réduire en largeur..
Il va falloir un peu plus de code alors .
Essayez avec ceci :

Code:

#fa_toolbar{ height: 20px !important; }
#fa_toolbar #fa_left, #fa_toolbar #fa_right, #fa_toolbar #fa_share{ line-height: 20px !important; }
#fa_search{ height: 20px !important; }
#fa_search #fa_textarea{ height: 15px !important; }
#fa_search #fa_magnifier{ margin-top: 3px; }
#fa_notifications, #fa_welcome{ line-height: 20px !important; }
#fa_toolbar_hidden{ width: 15px !important; height: 15px !important; }
#fa_hide{ margin-top: 2px; }

#fa_toolbar #fa_magnifier,
#fa_toolbar #fa_fb,
#fa_toolbar #fa_twitter,
#fa_toolbar #fa_gp,
#fa_toolbar #fa_mail,
#fa_toolbar #fa_rss,
#fa_toolbar #fa_hide,
#fa_toolbar_hidden #fa_show,
#fa_icon {
   height: 15px !important;
   width: 15px !important;
   -webkit-background-size: auto 15px !important;
   background-size: auto 15px !important;
}

#fa_toolbar #fa_magnifier{ background-position: -15px 0px !important; }
#fa_toolbar #fa_fb{ background-position: -30px 0px; }
#fa_toolbar #fa_twitter{ background-position: -45px 0px; }
#fa_toolbar #fa_gp{ background-position: -60px 0px; }
#fa_toolbar #fa_mail{ background-position: -75px 0px; }
#fa_toolbar #fa_rss{ background-position: -90px 0px; }
#fa_toolbar #fa_hide{ background-position: -105px 0px; }
#fa_toolbar_hidden #fa_show{ background-position: -120px 0px; }

[cescedric21]

Bonjour,

Super c'est bien ce que je recherchais à faire

Merci beaucoup, je mets le sujet en résolu