personalisation de la toolbar dans le css

3 participants

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

Résolu personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 16:45

bonjour j'ouvre ce post afin d'avoir de l'aide pour personnaliser la toolbar sur mon forum comme ici sur le votre


Dernière édition par anais79 le Ven 5 Avr 2013 - 18:04, édité 1 fois
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Résolu Re: personalisation de la toolbar dans le css

Message par Matriochka Ven 5 Avr 2013 - 17:00

Bonjour,

Que désires-tu modifier dessus exactement ? Smile
avatar

Matriochka
Membre actif

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

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

Résolu Re: personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 17:24

faire comme vous en faite pourvoir y mettre une image
c'est zen qui m'as demander d'ouvrir un post ici il m'as dit qu'apparemment c'est possible mais que ca se passait dans le css ensuite
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Résolu Re: personalisation de la toolbar dans le css

Message par Matriochka Ven 5 Avr 2013 - 17:25

D’accord, je comprends mieux Smile

Dans ce cas, il faut utiliser ce code, à placer dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS :
Code:
div#fa_toolbar, div#fa_toolbar_hidden {
  background-image:url(URL);}

En remplaçant évidemment URL par l’URL de l’image que tu veux voir apparaître en fond.
avatar

Matriochka
Membre actif

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

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

Résolu Re: personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 17:30

ok sachant que j'ai un css personnalisé déjà je place des ligne a quel endroit tout a la fin ?
la fin de mon css se presente comme ca
Code:
/*titre tableau*/
.titretableau {
color: #FFFFFF;
font-size:11px;
font-weight: 700;
letter-spacing: 2px;
}
.forumline .row1 {background: none !important;}
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Résolu Re: personalisation de la toolbar dans le css

Message par Matriochka Ven 5 Avr 2013 - 17:30

Il n’y a pas de problème, tu peux placer ça tout au début comme tout à la fin, ça n’aura pas d’importance ^^
avatar

Matriochka
Membre actif

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

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

Résolu Re: personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 17:38

oki
je te remerci
je teste
et si no problème j'édite pour mettre résolu
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Résolu Re: personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 17:52

ca n'as pas l'air d'avoir marcher
Code:
/*titre tableau*/
.titretableau {
color: #FFFFFF;
font-size:11px;
font-weight: 700;
letter-spacing: 2px;
}
        div#fa_toolbar, div#fa_toolbar_hidden {
          background-image:url[url=http://www.servimg.com/image_preview.php?i=4004&u=11641412][img]http://i71.servimg.com/u/f71/11/64/14/12/test_t10.png[/img][/url];}
.forumline .row1 {background: none !important;}
l'imprim ecran plus l'image que j'avais réalisé
taille 30 x700
personalisation de la toolbar dans le css  Sans_t13
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Résolu Re: personalisation de la toolbar dans le css

Message par silas Ven 5 Avr 2013 - 17:58

normal tu as une grosse erreur dans ton code ^^
change le par ça :
Code:
       
/*titre tableau*/
.titretableau {
    color: #FFFFFF;
    font-size:11px;
    font-weight: 700;
    letter-spacing: 2px;
}

/*toolbar*/
div#fa_toolbar, div#fa_toolbar_hidden {
    background-image:url("http://i71.servimg.com/u/f71/11/64/14/12/test_t10.png");
}

.forumline .row1 {background: none !important;}

l'url est le lien direct de l'image Wink


Dernière édition par silas le Ven 5 Avr 2013 - 17:59, édité 1 fois
avatar

silas
Nouveau membre

Masculin
Messages : 23
Inscrit(e) le : 29/07/2006

https://Infinitas.forumactif.com
silas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personalisation de la toolbar dans le css

Message par Matriochka Ven 5 Avr 2013 - 17:58

C’est normal, tu n’as pas suivi le code que je t’ai donné Smile

div#fa_toolbar, div#fa_toolbar_hidden {
background-image:url(URL);}
À la place de URL, tu copies simplement l’URL de ton image, donc sans quelconque balise img :

Code:
div#fa_toolbar, div#fa_toolbar_hidden {
  background-image:url(http://i71.servimg.com/u/f71/11/64/14/12/test_t10.png);}
avatar

Matriochka
Membre actif

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

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

Résolu Re: personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 18:01

oki je refait alors
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Résolu Re: personalisation de la toolbar dans le css

Message par anais79 Ven 5 Avr 2013 - 18:03

ca marche je te remercie beaucoup
j'édite le premier mess et je met résolu
anais79

anais79
*****

Féminin
Messages : 510
Inscrit(e) le : 17/03/2009

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum