Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 https://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
avatar

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');
}
avatar

Self
Membre actif

Masculin
Messages : 3717
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 
avatar

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 .
avatar

Self
Membre actif

Masculin
Messages : 3717
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);
        }
avatar

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;
}
avatar

Self
Membre actif

Masculin
Messages : 3717
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 
avatar

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