Problème champs de saisie + changement de couleur de texte inopinée

2 participants

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

Résolu Problème champs de saisie + changement de couleur de texte inopinée

Message par DestinyS Jeu 26 Jan 2017 - 9:24

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 25/01/17
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Re-bonjour, re-bonsoir

Après la résolution de mon précédent problème >ici<, un autre semble avoir apparu malheureusement ! Non seulement, certains champs de saisie restent blanc (voir l'image, ça me le fait également lorsque j'écris un nouveau message pour les champs de saisie relatif à l'entrée d'un sondage), mais en plus à présent, en passant mon curseur sur certaines "lignes", le texte à gauche passe du blanc à noir, comme sur l'image pour "Adresse mail" (alors que ce n'est pas un lien et que je n'ai aucune couleur de lien en noir) !

Aussi, ce dernier problème ne semble pas affecter le texte en indigo en dessous, du coup je me demande si ça ne vient pas de mon CSS personnalisé qui pourrait chambouler tout ça, du coup, je vous le met à la suite, au cas ou (ce sont des codes Libre Service, ce ne sont pas mes créations ; je n'y connais rien ou presque moi sinon) :

Code:
/* FOND PA */
.PARCR {
background:#663030!important;
}
/* FOND BLOC STAFF */
.staffRCR {
background:#663030 !important;
}
/* FOND CONTENU STAFF */
.staffRCR div p {
background-color:#C35C5C !important; color:black !important;
}
/* FOND BLOC MEMBRE DU MOIS & EVENEMENT EN COURS */
.mevRCR {
background-color:#663030 !important;
}
/* MEMBRE DU MOIS */
.mdmRCR {
background:#C35C5C !important; color:white !important;
}
/* EVENEMENT EN COURS */
.evRCR {
background:#C35C5C !important; color:white !important;
}
/* BLOC CONTEXTE */
.ctxtRCR {
background-color:#C35C5C !important;
}
/* MESSAGE DE BIENVENUE */
.ctxtRCR span{
color:white !important; border-color:white !important;
}
/* CONTENU CONTEXTE */
.ctxtRCR div{
background:#C35C5C !important; color:black !important;
}
/* BLOC NOUVELLES */
.newsRCR {
background-color:#580D0D !important; color:black !important;
}
/* BLOC LIENS PA */
.lksRCR {
background-color:#C35C5C !important;
}
/* LIENS PA */
.lksRCR a{
background-color:#580D0D !important; color:white !important;
}
/* SURVOL LIEN PA */
.lksRCR a:hover {
background-color:rgba(250,250,250,0.8) !important; color:#CBB1B4 !important;
}
/* FOND BLOC PARTENAIRES */
.partzRCR {
background-color:#663030 !important;
}
/* FOND BLOC TOP-SITES */
.topRCR {
background:#663030 !important;
}
/* LIENS TOP-SITES */
.topRCR a{
background:rgba(0,0,0,0.7) !important;
}

.corners-top, .corners-bottom {display:none !important}

#search-box {display: none;}

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px; width:590px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:100px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
color:white; background:grey; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:30px; padding:5px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
display:inline-block; vertical-align:top;
width:380px; height:27px; padding:13px 10px 0;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE CONTENU DERNIERE VISITE  */
#lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px; 
width:460px; height:350px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:white; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px
width:100px; height:335px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

/* QEEL */
.QEEL {
margin:auto; width:800px; text-align:center;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:185px; height:260px; overflow:auto;
background:#F4F4F4; /* MODIFIABLE */
color:rgba(0,0,0,0); text-align:center; text-transform:uppercase;
}
/* LIEN GROUPE QEEL */
.GQEEL a{
display:block;
font-size:12px; /* MODIFIABLE */
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:0 10px;
width:200px; height:250px; padding:5px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:#EDEDED; /* MODIFIABLE */
}
.dayQEEL .row1 {
background:none; padding:0 !important;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .gensmall {
font-size:12px; color:black; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxQEEL {
display:inline-block; vertical-align:top;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
margin-bottom:10px;
width:120px; height:77px; padding-top:13px;
text-align:center; text-transform:uppercase; font-size:16px; line-height:normal;
background:#dedede; color:black; /* MODIFIABLE */
}
.tlPQEEL b{
font-size:30px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
width:120px; height:77px; padding-top:13px;
text-align:center; text-transform:uppercase; font-size:16px; line-height:normal;
background:white; color:black; /* MODIFIABLE */
}
.tlMQEEL b{
font-size:30px;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-left:10px;
width:235px; height:170px; padding:10px; overflow:auto;
font-size:12px; text-align:justify; text-transform:uppercase;
background:#F4F4F4; color:black; /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:10px;
width:385px; height:40px; padding-top:20px;
background:#191919; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:18px;
}

/* TITRE CATEGORIES */
.tleCAT{
margin:15px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#191919; /* MODIFIABLE */
}
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
#blocFRM{
margin:10px auto;
width:800px; overflow:hidden; text-align:center;
}
.blocFRM {
position:relative; width:800px; overflow:hidden; text-align:center;
}
/* TITRE FORUMS */
.tleFRM {
display:inline-block; vertical-align:top;
margin-right:10px; width:455px; padding:10px 5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#81614b; /* MODIFIABLE */
}
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS ET MESSAGES */
.nbFRM{
display:inline-block; vertical-align:top;
height:20px; width:315px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
font-family:Arial; background:#3E2524; color:white; /* MODIFIABLE */
opacity:0.7;
}
/* BLOC IMAGE/DERNIER MESSAGE */
.itsFRM {
display:inline-block; vertical-align:top; margin-top:10px;
width:150px; height:100px;
}
/* ICÔNES FORUMS */
.imgFRM{
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:100px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
.itsFRM:hover .imgFRM {
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* DERNIER MESSAGE FORUMS */
.lmsgFRM {
width:130px; height:80px; padding:10px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:20px;
background-color:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */
}
/* BLOC DESCRIPTION/SOUS-FORUMS */
.defFRM {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
}
/* DESCRIPTIONS FORUMS */
.descFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:420px; height:90px; padding:5px; overflow:auto;
background:#dedede; font-family:Arial; color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGES DESCRIPTIONS FORUMS FORUMS */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:435px;
width:200px; height:100px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.defFRM:hover .descFRM img{
transform:translatex(200px); -webkit-transform:translatex(200px);
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:190px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#e7eaea; /* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}

/* Alignement des liens footer */
ul.linklist li.rightside {float:none;}
#page-footer, div.navbar, div.navbar ul.linklist {text-align:center;}

/* *********************RETRAIT RÉSEAUX SOCIAUX SUR LA TOOLBAR******************* */
 
        #fa_share { display: none!important; }

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:25px;
}
/* TITRE / DERNIER MESSAGE / AUTEUR  */
.boxSBJ {
display:inline-block; vertical-align:top;
width:590px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:570px; height:35px; padding:10px; overflow:hidden;
font-family:Arial; background:grey; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
line-height:9px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#dedede; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-right:5px;
width:330px; height:23px; padding:12px 0 0 10px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:left;
}
/* AUTEUR */
.nameSBJ {
display:inline-block;
width:245px; height:23px; padding:12px 0 0; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; text-transform:uppercase; line-height:11px;
}
/* BLOC ICÔNES / VUES & REPONSES */
#ivrSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:150px; height:100px;
}
.ivrSBJ {
position:relative;
width:150px; height:100px; overflow:hidden;
}
/* ICÔNES */
.imgSBJ {
width:150px; height:100px;
}
/* VUES */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:150px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .vuesSBJ {
margin-top:-100px; opacity:1;
}
/* REPONSES */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:150px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .repSBJ {
margin-top:-50px; opacity:1;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-5px;
width:580px; padding-right:10px; font-size:10px; text-align:right;
}

/* BLOC LISTE DES MEMBRES */
#LMBER {
width:675px; margin:auto;
}
 /* BLOC MEMBRE */
#MBER {
float:left; width:200px; height:465px; margin:10px;
}
/* PSEUDONYME */
.nameLMBER{
width:180px; height:15px; padding:10px;
text-align:center; text-transform:uppercase;
}
/* AVATAR MINIATURISE */
.imgLMBER img{
width:200px; height:400px;
}
.imgLMBER div {
position:relative; margin-top:-400px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / HUMEUR */
.imgLMBER div div{
width:180px; height:380px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:left;
transform:translateY(800px); -webkit-transform:translateY(800px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div{
transform:translateY(400px); -webkit-transform:translateY(400px);
}
/* IMAGES MP * PROFIL */
.mpwLMBER {
position:relative; z-index:3; margin:-10px auto 0 auto;
}

/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ {
margin:auto; padding:10px 0;
text-transform:uppercase; font-weight:bold;
background:#f0f0ee; color:black; /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:5px; padding:10px;
background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:550px; padding:10px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR */
.avaPOST {
width:200px; height:400px; border:5px solid;
border-color: #13172f; /* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST img {
width:200px; height:400px;
}
/* FICHE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-400px;
width:200px; height:400px; overflow:hidden;
}
/* CONTENU FICHE DE PERSONNAGE */
.avaPOST div div{
width:190px; height:390px; padding:5px; overflow:auto; 
font-size:11px; background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
transform:translateY(-800px); -webkit-transform:translateY(-800px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST:hover div div {
transform:translateY(400px); -webkit-transform:translateY(400px);
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:-200px; margin-top:165px;
width:350px; padding:5px;
text-align:right; text-transform:uppercase;
transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:-63px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* BLOC INFORMATIONS JOUEUR */
.boxPOST {
padding-top:50px; padding-bottom:5px;
background:#13172f; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
color:white;  /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
padding:5px; width:180px; margin:auto;
font-size:10px; color:white;  /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
margin:auto; max-width:180px;
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color:#13172f; /* MODIFIABLE */
}


.postbody {
padding: 0;
line-height: 1.48em;
color: #d6ace0 ;
width: 710px; !important;
float: right;
clear: both;
}

/* FICHE PRESENTATION */
.boxSET {
border-color:#191919 !important;
background-color:grey !important;
}
/* NOM PRENOM */
.lgdSET {
background-color:#191919 !important; color:white !important;
}
/* INFORMATIONS */
.infosSET div{
background-color:rgba(250,250,250,0.9) !important;
}
/* BOITE CARACTERE */
.caraSET {
border-color:#191919 !important;
background-color:rgba(250,250,250,0.3) !important;
}
/* BOITE PHYSIQUE */
.phySET {
border-color:#191919 !important;
background-color:rgba(250,250,250,0.3) !important;
}
/* CREDIT */
.cdtSET {
background-color:black !important;
}
.cdtSET a{
color:grey !important;
}
/* TITRES */
.tSET {
color:white !important; background-color:#191919 !important;
}
.tIISET {
background-color:#191919 !important; color:white !important;
}
/* BOITE HISTOIRE */
.storySET {
background-color:rgba(0,0,0,0.3) !important; color:white !important;
}
/* BOITE A PROPOS */
.aboutSET {
background-color:rgba(0,0,0,0.3) !important; color:white !important;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/*CHAMPS DE SAISIE COULEUR */

input.inputbox{background-color:#580d0d ;}

Voilà, j'espère que c'est assez complet, merci d'avance et bonne journée/soirée !

PS : Pitié, ne parlons pas de mes compétences avec Paint...


Dernière édition par DestinyS le Ven 27 Jan 2017 - 0:54, édité 1 fois
DestinyS

DestinyS
Nouveau membre

Messages : 6
Inscrit(e) le : 24/01/2017

http://rwbyrpg-nd.forumactif.org/
DestinyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème champs de saisie + changement de couleur de texte inopinée

Message par ◦Jay◦ Jeu 26 Jan 2017 - 14:20

Bonjour DestinyS, pour ce qui est de la police d'écriture au passage de la souris, cela devait être déjà comme cela avant de mettre le code que je vous ai donné hier. Vous pouvez le modifier comme ceci(j'ai mis blanc, vous mettrez ce que vous souhaitez) :

Code:
fieldset dl:hover dt label {
    color: #fff;
}

Pour la partie commentaire, vous pouvez changer la couleur comme ceci :

Code:
textarea.inputbox{background-color:#580d0d ;}

Etant donné que le dernier code est identique au premier que je vous ai donné hier, vous pouvez supprimer celui d'hier et le remplacer par :

Code:
input.inputbox,textarea.inputbox{background-color:#580d0d ;}


Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

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

Résolu Re: Problème champs de saisie + changement de couleur de texte inopinée

Message par DestinyS Ven 27 Jan 2017 - 0:53

Bonsoir !

Ça à l'air de tout marcher cette fois ! J'espère que je n'aurais plus à venir vous embêter mais merci beaucoup en tout cas ; bonne journée, bonne soirée cheers
DestinyS

DestinyS
Nouveau membre

Messages : 6
Inscrit(e) le : 24/01/2017

http://rwbyrpg-nd.forumactif.org/
DestinyS 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