CSS ne correspondant pas à l'affichage

2 participants

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

Résolu CSS ne correspondant pas à l'affichage

Message par Flaura Mer 12 Aoû 2015 - 18:27

Bonjour,

peut-être que c'est relatif à ça, mais plus tôt dans la journée, j'ai fait un back-up total du forum (suite à une bêtise que j'avais faite, mais passons) pour qu'il redevienne comme il l'étais hier.

Quelques heures plus tard, je reviens sur le forum, je modifie le CSS, j'actualise la page du forum, et je vois que non seulement une partie du CSS que j'ai appliqué n'est pas présent mais qu'en plus, des couleurs, etc... qui étaient là hier sont revenues. Et en plus, les couleurs et le CSS présents dans l'administration sont toujours ceux que j'avais mis, mais ne prennent pas effet tout de suite.

Voici le lien du forum: http://pdmrv.pokemonrpg.org/

Merci d'avance pour votre aide qui, j'espère, sera assez rapide...


Dernière édition par Flaura le Ven 14 Aoû 2015 - 14:36, édité 1 fois
Flaura

Flaura
****

Féminin
Messages : 358
Inscrit(e) le : 07/06/2014

http://manga-time.forumactif.com
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS ne correspondant pas à l'affichage

Message par néco Mer 12 Aoû 2015 - 20:07

Si tu veux que quelqu'un t'aide tu devrais peut-être coller ici tout ton css afin que les personnes qui s'y connaissent puisse vérifier qu'il ne comporte pas d'erreurs Wink

N'oublie pas de coller ton css entre les deux balises [code] Wink


As tu vérifier que les couleurs mise dans le panneau d'admin ( pa--> affichage--> couleurs ) ne soit pas en ''contradiction'' avec les couleurs mise dans le css ?
Souvent il vaut mieux laisser les cases vide dans le PA pour éviter les ''conflits''


Bizzz
néco

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS ne correspondant pas à l'affichage

Message par Flaura Mer 12 Aoû 2015 - 20:44

Bonjour/bonsoir,

OK, voici mon CSS et une capture d'écran des différentes couleurs, ainsi qu'une autre de mon forum:

Code:
body {
cursor: url('http://www.pixenli.com/images/1436/1436450365034202000.png'), auto;

}
a:hover {
cursor: url('http://www.pixenli.com/images/1436/1436450483013468300.png'), auto;
}

textarea {
  cursor: url('http://www.pixenli.com/images/1437/1437220842099808600.png'), auto;
}

input, select, option {
cursor: url('http://www.pixenli.com/images/1436/1436450483013468300.png'), auto;
}
body{
  margin:auto;
  }

.mainmenu img {
    vertical-align: -2px;
}

a.mainmenu {
border: 1px solid darkblue;
background-color: lightblue;
color: darkblue !important;
font-size: 15px;
}

a.mainmenu:hover {
border: 1px dotted blue;
background-color: darkblue;
color: white !important;
}

a, a:hover {
  text-decoration: none!important;
}
div#banniere{
  background-image:url('http://img15.hostingpics.net/pics/448279pafacer.png');
  background-repeat:repeat-x;
  width:100%;
  height:314px;
  background-position: top center;
  }

.bodyline {
border-bottom: 3px solid #E6F7FF;
border-right: 3px solid #E6F7FF;
border-left: 3px solid #E6F7FF;
border-top: none;
}

#QEEL{
        width:100%;
        padding:0;
        margin:0;
        background: #E6F7FF;
}
p a{
  text-decoration:none;
  color: inherit !important;
}
#QEEL h1{
        text-align:center;
        font-family:Balthazar;
        font-size:20px;
        color:#0093E1;
        background:#BBE9FF;
        line-height:50px;
        font-weight:bold;
        margin:0;
        padding:0;
}
#contenu{
        display:table;
        margin:auto;
       
}
.colonne, #groupe{
        display:table-cell;
        padding:5px;
}
#groupe{
        font-family: Balthazar;
        font-size:20px;
        width:200px;
        text-align:center;
        font-weight:bold;
        vertical-align:bottom;
}
#groupe h2{
        text-align:center;
        font-family: Balthazar;
        font-size:20px;
        color:#0093E1;
        line-height:30px;
        font-weight:bold;

}
.colonne{
        text-align:justify;
        font-family:Calibri;
        font-size:13px;
        vertical-align:top;
}
.image{
        text-align:center;
        width:350px;
        height:200px;
        margin: 3px auto auto auto;
}
#case_1, #case_2{
        padding:5px;
        width:337px;
        height:187px;
        margin:3px;
}

#case_1, #explorateurs{
        background:#EAFDEF;
        border:1px solid #A4F7BA;
        color :#0EA337 ;
}

#case_2, #hors_la_loi{
        background:#FFD7D7;
        border:1px solid #FF7D7D;
        color :#AA0000;
}

#administrateurs p, #moderateurs p, #maitre_du_jeu p, #pnj p, #hors_la_loi p, #explorateurs p{
        margin:0;
        padding:10px;
}
#administrateurs{
        background:#E6F7FF;
        border:1px solid #C1EAFF;
        color :#0093E1;
}
#moderateurs{
        background:#BBE9FF;
        border:1px solid #95DAFF;
        color :#0079BB;
}
#maitre_du_jeu{
        background:#E4D3EF;
        border:1px solid #C7A3DE;
        color :#69328D;
}
#pnj{
        background:#FFFFE6;
        border:1px solid #FFFF9D;
        color :#CCCC00;
}

#case_1 td, #case_1 span{
      background:transparent !important;
      color :#0EA337 !important ;
      font-family:calibri !important;
      font-size:13px !important;
}

/*SCROLL BAR*/
::-webkit-scrollbar{
  width: 10px; /*largeur de la scrollbar verticale*/
  height: 10px; /*hauteur de la scrollbar horizontale*/
}
::-webkit-scrollbar-track {
 background: white; /*couleur du fond de la scrollbar*/
  border: 1px solid lightblue;  /*bordure*/
}
::-webkit-scrollbar-thumb {
  background-color: lightblue; /*couleur de l'ascenseur*/;
  border: 1px solid darkblue;  /*bordure de l'ascenseur*/
}
/*FIN SCROLLBAR*/

http://www.pixenli.com/images/1439/1439405046002392700.png
http://www.pixenli.com/images/1439/1439404975076032200.png
Flaura

Flaura
****

Féminin
Messages : 358
Inscrit(e) le : 07/06/2014

http://manga-time.forumactif.com
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: CSS ne correspondant pas à l'affichage

Message par Invité Mer 12 Aoû 2015 - 22:48

bonsoir ,pour moi tous a l'air ok,

juste ce code a ajouter car votre forum et un poil large , >>>>

Code:
.bodylinewidth {
    width: 98% !important;  /** largeur total du forum **/
}

et celui ci a remplacé >>>>

Code:
div#banniere {
    background-image: url(http://img15.hostingpics.net/pics/448279pafacer.png);
    background-position: top center;
    background-repeat: repeat-x;
    height: 314px;
    width: 100%;
    }

par celui la >>>>

Code:
div#banniere {
    background-image: url(http://img15.hostingpics.net/pics/448279pafacer.png);
    background-position: top center;
    background-repeat: no-repeat;  /** enleve la repetition de l image **/
    height: 314px;
    background-size: 98% auto;  /** auto redimentionnement **/
}

ce qui réglera aussi la largeur et l'auto dimension du logo bannière ,

ensuite vous y verrait plus clair ..car les couleur sont un peut pale ,

exemple pour le bodyline >>>

Code:
.bodyline {
    border-bottom: 3px solid #E6F7FF;
    border-left: 3px solid #E6F7FF;
    border-right: 3px solid #E6F7FF;
    border-top: none;
}

changé le code couleur par #333 ,la vous apercevez les border . ..ou alors ajouter dans ce code
Code:
background-color:#xxxxxx; /** couleur de fond du bodyline **/
changé les xxxxxx par le code couleur de votre chois.

si vous voyer des choses que je ne voie pas ,indiqué moi par une capture d'écran ..., toujours mieux pour comprendre et visualisé ..

bonne soirée ,
Anonymous

Invité
Invité


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

Résolu Re: CSS ne correspondant pas à l'affichage

Message par Flaura Ven 14 Aoû 2015 - 14:36

R-max, je ne demandais pas de correction de CSS, qui d'ailleurs à mon avis n'est pas très nécessaire. C'est sûrement vous qui interprétez mal le thème de mon forum.

D'autre part, j'ai trouvé la solution à mon problème, il suffisait de vider le cache.
Flaura

Flaura
****

Féminin
Messages : 358
Inscrit(e) le : 07/06/2014

http://manga-time.forumactif.com
Flaura 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