Personaliser les flèches de la toolbar

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

Résolu Personaliser les flèches de la toolbar

Message par Digital-fbi le Jeu 31 Juil 2014 - 13:11

Bonjour à toutes et tous,

Ayant suivi le tuto de Tech http://forum.forumactif.com/t370334-personnaliser-entierement-la-toolbar-via-css?highlight=toolbar

je voudrais savoir si il serait possible de changer les flèches haut / bas en haut à droite et les remplacer par d'autres



Bien à vous


Dernière édition par Digital-fbi le Jeu 31 Juil 2014 - 20:51, édité 1 fois

Digital-fbi
**

Masculin
Messages : 50
Inscrit(e) le : 27/04/2013

http://digital-fbi.superforum.fr/forum
Digital-fbi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les flèches de la toolbar

Message par Self le Jeu 31 Juil 2014 - 18:25

Bonjour,

Pour la flèche pointant vers le haut, on peut la modifier avec ce code CSS :
Code:
#fa_toolbar #fa_hide{
    background-image: url('URLDELIMAGE.jpg');
}

Et pour la flèche pointant vers le bas, ce CSS :
Code:
#fa_toolbar_hidden #fa_show{
    background-image: url('URLDELIMAGE.jpg');
}

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: Personaliser les flèches de la toolbar

Message par Digital-fbi le Jeu 31 Juil 2014 - 20:24

bonsoir,

cela ne marche pas  Confused 

Digital-fbi
**

Masculin
Messages : 50
Inscrit(e) le : 27/04/2013

http://digital-fbi.superforum.fr/forum
Digital-fbi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les flèches de la toolbar

Message par Self le Jeu 31 Juil 2014 - 20:26

J'ai oublié de préciser qu'il faut changer ceci dans chaque code : URLDELIMAGE.jpg
Sorry  Embarassed .

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: Personaliser les flèches de la toolbar

Message par Digital-fbi le Jeu 31 Juil 2014 - 20:35

j'ai remplacer et ajouté mes deux images mais cela ne marche pas

voici le code que j'ai mis a la suite de la feuille de style css

Code:
        #fa_toolbar #fa_hide{
            background-image: url (http://i39.servimg.com/u/f39/13/34/62/59/bouton10.png);
        }
        #fa_toolbar_hidden #fa_show{
            background-image: url (http://i39.servimg.com/u/f39/13/34/62/59/bouton11.png);
        }

Digital-fbi
**

Masculin
Messages : 50
Inscrit(e) le : 27/04/2013

http://digital-fbi.superforum.fr/forum
Digital-fbi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personaliser les flèches de la toolbar

Message par Self le Jeu 31 Juil 2014 - 20:45

Essayez comme ceci Wink :
Code:
#fa_toolbar #fa_hide{
  background-image: url(http://i39.servimg.com/u/f39/13/34/62/59/bouton10.png) !important;
   background-repeat: no-repeat;
   background-position: center center;
}

#fa_toolbar_hidden #fa_show{
  background-image: url(http://i39.servimg.com/u/f39/13/34/62/59/bouton11.png) !important;
   background-repeat: no-repeat;
   background-position: center center;
}

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: Personaliser les flèches de la toolbar

Message par Digital-fbi le Jeu 31 Juil 2014 - 20:51

résolu 

ha voila çà marche...!

merci beaucoup.  salut 

Digital-fbi
**

Masculin
Messages : 50
Inscrit(e) le : 27/04/2013

http://digital-fbi.superforum.fr/forum
Digital-fbi 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