Personnaliser la toolbar

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

Résolu Personnaliser la toolbar

Message par Kaiji le Lun 18 Mar 2013 - 15:30

Bonjour !

Après avoir installé la nouveauté forumactif ( ), 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é Confused (sauf "forumactif" qui a bien été réduit à 10px mais pas le reste) Est-ce que c'est possible ?

Merci d'avance !


Dernière édition par Kaiji le Lun 18 Mar 2013 - 16:38, édité 1 fois

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la toolbar

Message par Matriochka le Lun 18 Mar 2013 - 15:41

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 :
http://www.illiweb.com/fa/i/toolbar/toolbar.png

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Personnaliser la toolbar

Message par Kaiji le Lun 18 Mar 2013 - 15:49

Bonjour !

Merci énormément de ta réponse rapide I love you Ça a bien marché, sauf pour "partager" qui est encore énorme malheureusement reflexion
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 I love you !

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la toolbar

Message par Matriochka le Lun 18 Mar 2013 - 15:58

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 Shocked

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Personnaliser la toolbar

Message par Kaiji le Lun 18 Mar 2013 - 16:34

Me revoilàààà ! La force a été avec moi et j'ai réussi à re-paramétrer toutes les images via le css Arrow 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;}

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser la toolbar

Message par Matriochka le Lun 18 Mar 2013 - 16:37

Félicitations Smile

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka 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