Taille de la toolbar

[Louchita]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : http://fukusha-jinsei-test.superforum.fr

Description du problème

Bonsoir,

je cherche actuellement à modifier la toolbar pour que celle-ci s'accorde au reste du design, mais malgré mes tentative impossible de changer la couleur de la police sur la toolbar, celle-ci reste blanche.

Edit: Je ne peu également pas réduire la taille de la barre en dessous d'un certain seuil, j'aimerais qu'elle soie de la même taille que mon forum =x
J'ai pourtant suici le tuto ici
Quelqu'un pourrait-il m'aider?

Merci d'avance

[Invité]

Bonsoir Louchita,

D'après ta photo jointe tu as choisi d'intégrer dans ton CSS ce code du tutoriel:

Code:

        div#fa_toolbar {
            background-color: #24384c;  /* 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: 98%;  /* Modifie la longueur de la toolbar */
        }
       
        div#fa_toolbar div, div#fa_toolbar span {
            margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
        }

La couleur se modifie ici: #24384c (2e ligne du code) . Attention ne pas oublier le # et vlider la feuille de style (CSS).

Tu peux choisir le code couleur dans PA>affichage> couleur.


Cordialement, Tony

[Louchita]

Merci de ta réponse rapide Tony, mais ce que je souhaite modifier est la couleur de la police qui est blanche et non le fond de la toolbar qui est un genre de beige

[Invité]

Pour changer la couleur de la police:

PA (panneau d'administration) > module > Toolbar > Configuration > Couleur du texte, puis enregistrer si tu n'as pas encore essayer.

Tony

[Louchita]

Mon dieu c'est tellement simple que je n'y ai absolument pas pensé !
Merci beaucoup, sa me fais un problème de moins à réglé, plus qu'a trouver comment réduire d'avantage la taille de la toolbar

[Invité]

Pour la longueur modifie ce chiffre dans la ligne 6 du code : "width: 98%; /* Modifie la longueur de la toolbar */"

[Louchita]

C'est ce que j'ai fais mais au bout d'une certaine taille elle ne réduit plus

[Invité]

Essaye en modifiant cette valeur: margin: 0 15px; dans le code.

Sinon à quelle taille veux tu la mettre?

[Louchita]

Non sa ne change que l'emplacement du texte =x
Je voudrais la mettre de la même taille que mon forum qui est de 900px pour que se soie dans la continuité de celui-ci (comme la barre de navigation qui apparais lorsque l'on cache la toolbar)

[Invité]

Il te faut peut être enlever des éléments de la toolbar comme indiqué dans le tutoriel pour quelle se réduise d'avantage.

[Louchita]

c'est ce que j'ai déjà fais, j'ai retiré 2 éléments de partage qui ne m’étais pas utile mais la taille n'as pas changé =x

http://fukusha-jinsei-test.forumactif.org/

[Invité]

Essaye ceci:

Code:

width: xx% ! impotant;

Tu peux aussi enlever le "Partager:" si tu le souhaites, j'ai le code pour le faire.

[Invité]

Le voici:

Code:

span#fa_share_text {display:none!important;}

[Louchita]

Même en retirant le partager la toolbar garde la même taille =(

[Invité]

je débute aussi.. si j'ai une autre idée je te la transmettrais.

Des codeurs du forum des forums pourront certainement trouver une solution.

[Louchita]

Pas de souci Tony, merci de ton aide

[Invité]

La deuxième fois que j'essaye d'aidé, ça m'a fait plaisir .

[Invité]

bonsoir ,pour ajusté la taille ,tu peut essayé avec ce code dans ton css

Code:

.fa_toolbar_XL_Sized {
  min-width: 905px !important;
 }

ajuste le 905 px.si besoin.
cdl,

[Louchita]

Oh merci c'est parfait !