Personnaliser la toolbar

[Kaiji]

Bonjour !

Après avoir installé la nouveauté forumactif ( là ), j'ai voulu voir si c'était possible de la modifier un peu plus via css parce que je trouve les écritures trop imposantes, de même pour les images... Sans les enlever, je voulais essayer de les réduire mais tous les codes que j'ai essayés n'ont rien changé (sauf "forumactif" qui a bien été réduit à 10px mais pas le reste) Est-ce que c'est possible ?

Merci d'avance !

[Matriochka]

Bonjour,

C’est bien sûr possible. Pour ça, il suffit d’utiliser ceci dans ton CSS :

Pour la taille des écritures

Code:

#fa_toolbar, #fa_share, #fa_toolbar a {font-size:10px;}

Pour les images en revanche, c’est un peu plus délicat car la toolbar utilise une seule et même image pour toutes les icônes :
https://2img.net/i/fa/i/toolbar/toolbar.png

[Kaiji]

Bonjour !

Merci énormément de ta réponse rapide Ça a bien marché, sauf pour "partager" qui est encore énorme malheureusement
Je vois pour l'image... Il n'y a pas moyen de la réduire d'un coup avec un max-height ?

EDIT : J'ai trouvé pour partager, c'était fa_share_text !

[Matriochka]

Pour le "Partager", essaye peut-être avec ceci :

Code:

#fa_toolbar, #fa_share_text, #fa_toolbar a {
font-size:10px;}

Concernant les images, j’ai essayé, mais ça ne change rien… Les images ne sont pas appliquées via la balise img en fait, elle ont été appliquées en background dans le CSS. Là comme ça, je ne vois pas trop de solution, mis à part redimensionner l’image de fond que je t’ai montrée plus haut et re-paramétrer tout le CSS des images de la toolbar

[Kaiji]

Me revoilàààà ! La force a été avec moi et j'ai réussi à re-paramétrer toutes les images via le css Voilà mon code ♥ (et le résultat final là)

Code:

#fa_toolbar, #fa_toolbar_hidden {
  background-image: url('http://image.noelshack.com/fichiers/2013/11/1363556271-fond2.jpg');
text-decoration: none!important;}

        #fa_toolbar, #fa_share_text, #fa_toolbar a {font-size:9px;}

        #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
   {background-image: url('http://image.noelshack.com/fichiers/2013/12/1363618669-toolbar.png') !important;
     background-repeat: no-repeat;
     height: 15px !important;
   width: 15px !important;}

   #fa_share {line-height: 15px !important;}
   #fa_fb {background-position: -43px -2px !important;}
   #fa_twitter {background-position: -62px -2px !important;}
   #fa_gp {background-position: -81px -1px !important;}
   #fa_mail {background-position: -102px -1px !important;}
   #fa_rss {background-position: -123px -1px !important;}
   #fa_magnifier {background-position: -23px 0px !important;}
   #fa_hide {background-position: -142px -2px !important;}
   #fa_show {background-position: -162px -2px !important; margin-left: 12px;}

[Matriochka]

Félicitations

Je sais pas si j’aurai eu la patience de le faire, perso…