Redimensionner la toolbar

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

Résolu Redimensionner la toolbar

Message par cescedric21 le Mer 6 Jan 2016 - 10:41

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:
[img][/img]

Merci d'avance pour votre aide


Dernière édition par cescedric21 le Jeu 7 Jan 2016 - 18:04, édité 1 fois

cescedric21
***

Masculin
Messages : 166
Inscrit(e) le : 14/01/2013

http://www.vectra-gts.com/
cescedric21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Redimensionner la toolbar

Message par Feuilla' le Mer 6 Jan 2016 - 13:23

Bonjour,
ce code change la hauteur de la ToolBar (celle-ci est changeable) : Smile
Code:
#fa_toolbar {height:80px !important}
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: Redimensionner la toolbar

Message par cescedric21 le Mer 6 Jan 2016 - 13:32

@Feuilla' a écrit:Bonjour,
ce code change la hauteur de la ToolBar (celle-ci est changeable) : Smile
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

cescedric21
***

Masculin
Messages : 166
Inscrit(e) le : 14/01/2013

http://www.vectra-gts.com/
cescedric21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Redimensionner la toolbar

Message par Self le Mer 6 Jan 2016 - 14:10

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Redimensionner la toolbar

Message par cescedric21 le Mer 6 Jan 2016 - 14:32

SeLfde4Th7 a écrit: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% Wink .

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:
[img][/img]

cescedric21
***

Masculin
Messages : 166
Inscrit(e) le : 14/01/2013

http://www.vectra-gts.com/
cescedric21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Redimensionner la toolbar

Message par Self le Jeu 7 Jan 2016 - 15:28

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Redimensionner la toolbar

Message par cescedric21 le Jeu 7 Jan 2016 - 18:03

Bonjour,

Super c'est bien ce que je recherchais à faire

Merci beaucoup, je mets le sujet en résolu

cescedric21
***

Masculin
Messages : 166
Inscrit(e) le : 14/01/2013

http://www.vectra-gts.com/
cescedric21 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