couleur de fond des categorie

[reikimeditation]

bonjour je n'arrive pas a changer la couleur de fond de chaque "catégorie"

pour mieux vous situer : le fond des cadres bleu  je veux les changer en marron, j'essaye depuis ce matin mais rien !

http://lereikiattitude.forumactif.org/

merci !!

[néco]

on as pas le même forum alors j'espère que ce sera pareil chez toi ^^

dans le panneau d'adimn >>> onglet affichage >>> gestion des images ---> mode avancé

là , sur la 1er page tu descends un peu et en dessous de la bannière et du fond , tu devrais voir des "petites images bleu" , tu les enlèves et tu en mets une marron de même dimension à la place !
(tu peux facilement faire ça avec le PAINT de ton ordi ^^ )

en espérant que ce soit juste ça ^^

bizzz

[reikimeditation]

bonjour néco

humm??....un peu etrange comme solution....dans la mesure où lorsque l'on desactive l'image en question dans la gestion des image(https://2img.net/i/fa/empty.gif), on doit pouvoir choisir a la place une couleur de remplissage de fond dans la feuille de style css ? non?

Fichiers joints

capture.png Vous n'avez pas la permission de télécharger les fichiers joints.(198 Ko) Téléchargé 3 fois

[néco]

en laissant l'image https://2img.net/i/fa/empty.gif dans la gestion des images , ça empêche d'avoir la couleur que tu as choisi dans la gestion des couleurs

supprime le https://2img.net/i/fa/empty.gif
et remplace le juste par un # tout seul (ou un x ou un h ou ce que tu veux ^^)
et là ça devrait fonctionner !


j'ai tester chez moi , et cela marche sur mon forum
et si cela ne fonctionne pas chez toi , alors continue à up jusqu’à ce que quelqu’un d'autre te réponde ^^

bizzz

[reikimeditation]

merci néco ...jai testé mais ca ne fonctionne pas ....
j'attends une autre idée....

[néco]

arg zut alors , chez moi ça marche , bon bref !

es ce que a tout hasard , tu n'aurais pas dans ton css une partie qui concernerait ces cadres justement ?

(là où je t'ai dis de mettre juste un # , je suppose que si tu tentes de laisser entièrement vide , le lien se remet tout seul , c'est ça ? , si il ne se remet pas , laisse entièrement vide ! ^^
autre idée de tentative , à la place du # , mets un ou deux caractère vide , c'est à dire , tu maintient la touche Ctrl enfoncé et pendant ce temps tu tapes 255 sur le pavé numérique , ça coute rien de tenter ^^)
(et n'oublie évidement pas d'enregistrer en cliquant sur   en haut de la page de gestion des images )


mais si jamais tu as du css qui concerne ces encadrement , c'est normale de ne pas y arriver de façon "normale"


bizzz

[reikimeditation]

arg

es ce que a tout hasard , tu n'aurais pas dans ton css une partie qui concernerait ces cadres justement ?



bizzz

oui je suis allé voir, j'ai deja apporté quelque modif dans le css (bien plus simple lol genre couleur de pop up )

mais la , connais tu le nom de la "partie" a changer ?

[néco]

non désolé !

mais tu devrais mettre l'entièreté de ton css ici entre balise [code]

si ce n'est pas moi c'est quelqu'un d'autre qui trouvera le soucis !
(plus probablement quelqu'un d'autre d'ailleurs )

bizzz

[reikimeditation]

merci du conseil néco .as tu un conseil pour captuer mon css d'un coup?

[néco]

tu clic ta souris à l'intérieur de la case ou le css est écris pour mettre le curseur dedans comme-ci tu allais écrire des choses en plus ,
puis tu fais Ctrl+a (ça vas tout selectionner d'un coup)
puis Ctrl+c (ça vas tout copier)

puis ici , tu écrit [code]
tu fais Ctrl+v (ça vas tout coller)
puis tu ferme la balise de [ /code]

mais tu me fais peur là , il est si énorme que ça ?

colle le quand même de toute façon
(ne fais pas des captures d'écran hein , c'est impossible de "travailler" dessus )

bizzz

[reikimeditation]

rhhho suis trop nul mais bon je debute...non le css est assez court lol merci encore

Code:


body
{ background-attachment: scroll;
background-repeat:repeat;
background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
.forumbg {
background-color: #;
background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
font-weight: bold;
border: 1px solid #156389;
}
a.button2, input.button2, button.button2 {
border: 1px solid #156389;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}
.navbar a:hover:after {
 content: ".";
}div#login_popup{
 background-color:DarkSalmon;
 border:2p2 TYPE white;}


[néco]

s'il te plait édite ton message juste pour enlever l'espace entre le [ et le / de [ /code]
ça dois être [/code]
(je pensais que tu le savais , désolé de pas avoir précisé avant ^^ )

[reikimeditation]

j'y etais presque lol cest bon c'est fait

[néco]

retourne sur ta feuille de style css
et refais Ctrl+a pour tout selectionner
puis clic sur supprimer (touche du clavier au dessus de "entrée" ) pour tout effacer

puis re colle en entier ce code-ci-dessous
(ici dans la case du code , en haut à droite tu clic sur " sélectionner le contenu " (ça reviens au même que ctrl+A )

puis tu fais ctrol+C pour copier

et dans ta feuille tu refais ctrl+V pour coller le tout

tu n'oublie pas d'enregistrer bien évidemment !

c'est le même code que le tiens j'ai juste retirer 4 lignes , dis moi si ça donne le résultat que tu voulais ?

bizzz

Code:


       
        body
        { background-attachment: scroll;
        background-repeat:repeat;
        background-position: top center;
        }
        ul.navlinks { border: none; }
        #wrap {
        background-attachment: scroll;
        background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
        background-repeat: no-repeat;
        background-position: bottom right;
        }
        .topiclist dl.icon {
        min-height: 30px;
        background-position: 2px 50%;
        }
        * html .topiclist dl.icon {
        height: 30px;
        }
        ul.topics dt,ul.topics dd.dterm {
        padding-left: 30px;
        }
        ul.pmlist dt {
        padding-left: 30px;
        }
        .forabg {
        margin-bottom: 4px;
        clear: both;
        background-color: #;
        background-position: 0 0;
        border: 2px solid #;
        padding: 0px 5px;
        }
        .forumbg {
        background-color: #;
        background-position: 0 0;
        border: 2px solid #;
        padding: 0px 5px;
        margin-bottom: 4px;
        clear: both;
        }
        .navbar span.corners-top { background-image: none; }
        .navbar span.corners-top span { background-image: none; }
        .navbar span.corners-bottom { background-image: none; }
        .navbar span.corners-bottom span { background-image: none; }
       
        .headerbar span.corners-top { background-image: none; }
        .headerbar span.corners-top span { background-image: none; }
        .headerbar span.corners-bottom { background-image: none; }
        .headerbar span.corners-bottom span { background-image: none; }
       
        a.button1, input.button1 {
        font-weight: bold;
        border: 1px solid #156389;
        }
        a.button2, input.button2, button.button2 {
        border: 1px solid #156389;
        }
        a.button1, input.button1, a.button2, input.button2, button.button2 {
        background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf112.jpg");
        background-repeat: repeat;
        background-position: top left;
        }
        a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
        background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf212.jpg");
        background-repeat: repeat;
        background-position: top left;
        }
        .navbar a:hover:after {
        content: ".";
        }div#login_popup{
        background-color:DarkSalmon;
        border:2p2 TYPE white;}


[reikimeditation]

ohhh !!! merci tu es ma déesse !! lol !! j'y en ai passé des heures!! (j'ai plus qu'a choisir/changer la couleur car la pas top....mais ca je sais faire)

juste pour voir l'erreur tu peux me noter les 2 lignes qui deconnaient ?

encore merci

[néco]

et bien c'est bien de demander , j'aurais du expliquer d'office d'ailleurs ^^

dans cette partie :

Code:

.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
.forumbg {
background-color: #;
background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}

j'ai retirer les deux fois
ceci :
(car ça y était une fois dans le .forabg et une fois dans le .forumbg )

Code:

background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;

en fait , c'est cette image qui servait de fond , et qui était "répéter" , donc la 1er ligne c'est l'image et la seconde ligne c'est la répétition

et ça y était deux fois parce que je suppose que c'est pour les forums et les sous forum ou un truc comme ça ^^



par contre j'avoue que je ne sais pas si "on peux" en enlever plus ou pas (des lignes qui ne servirait à rien par exemple) , là je m'y connais pas assez pour savoir ^^
mais si ça marche , c'est bon alors !

je suis contente pour toi

bizzz

ps : n'oublie pas d'éditer ton 1er post pour cocher le "résolu" si tu penses ne plus avoir de question

bizzz

[reikimeditation]

ok 1000 merci pour le coup de main et pour l'info complementaire ! mon probleme est resolu ! je cloture
biz

[néco]

bizzz à toi également !