couleur de fond de l'éditeur qui este blanche

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

Résolu couleur de fond de l'éditeur qui este blanche

Message par chinche Ven 15 Nov 2013 - 2:29

Bonjour, j'ai un petit souci sur mon forum.
J'essaie de passer tout en transparence (fond du forum, fond des cellules etc)
Tout est ok sauf le fond de l'éditeur, pourtant j'ai bien suivi ce tuto:
https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur#3005128
alors j'ai choisi une couleur et je l'ai appliqué à tous les codes dispos, en me disant que quand la couleur s'appliquerait, je n'aurais plus qu'à retourner dans le css et remplacer par transparent.
Sauf que, ce fichu cadre reste désespérement blanc.
je vous fournis une copie de mon css, la plupart des codes couleurs #511E60 sont en fait un transparent que j'ai testé pour l'instant avec un violet qui s'accorde bien en remplacement de la transparence (parce que j'ai pensé aussi que la transparence pouvait être convertie en blanc si elle n'était pas acceptée dans ce bout de css).
Code:
.sharing-cl{overflow:hidden;margin:-20px 0 0 0;padding:0;list-style:none;width:530px;}
.sharing-cl a{overflow:hidden;width:75px;height:20px;float:left;margin-right:5px;text-indent:-200px;
  background:url(http://www.efe.com/efe/images/share16/google-plus.png) no-repeat;}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{margin-right:0;background-position:-350px -40px;}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{background-position:-350px 1px;}

#text{margin-top:5px;font-weight:bold;font-family:helvetica,arial,sans-serif;
  background-color:transparent;}
#text a{text-indent:0;background-color:transparent;
 height:auto;text-align:center;font-size:11px;
  padding-top:35px;color:transparent;text-decoration:none;}
#textarea.post{background-color:#511E60;background : none ;}
#chatbox p{background-color:transparent;background : none ;font-size:12px;}
#chatbox_members{background-color:transparent;background : none ;}
span.msg span.msg span{background-color:#511E60;background : none ;}
#chatbox{background-color:transparent;background : none ;}
body.chatbox {background-color:transparent;background : none ;}
.chatbox{background-color:transparent;background : none ;}
textarea, .textarea.post, input.post {background-color: #511E60;background : none ;}
.clearfix::after {background-color : #570d56 ;}
  
#text_editor_iframe{background-color:#511E60;background : none ;}
#input.post{background-color:#511E60;background : none ;}
#select{background-color:transparent;background : none ;}
#text_editor_textarea{background-color:#511E60;background : none ;}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {background-color:#511E60;background : none ;}
#input {background-color:#511E60;background : none ;text-indent: 2px;}
#input:-webkit-autofill {background-color:#511E60;background-image:none;}
.headerbar {width:1000;}
.navigation{width:1000px;}
input, select, textarea {background-color: #2B0042;border-width: 1px;}
body.chatbox {background-image: url("http://i38.servimg.com/u/f38/11/38/37/75/fond1210.jpg");}
#chatbox p {#ffffff;}
.chatbox_row_1,.chatbox_row_2 {background-color:transparent;padding:4px;}
        .cb-table { position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index: 999; }
            .cb-pannel { width: 600px; height: 400px; }
            .cb-pannel.cb-closed { display: none; }
                .cb-pannel iframe { width: 600px; height: 400px; margin: 0; border: 0; }
            .cb-button { vertical-align: bottom; }
body {margin-top: 0px!important; padding-top: 0px!important;}
#hitskin_preview {display: none!important; height:0px!important; } * html
.doublepost { border-top: 1px solid #888888 }
.sceditor-container
{
width: 100% !important;
margin: 1px auto !important;
background-color : #511E60 !important;
border: 1px solid #transparent !important;
  .sceditor-container textarea, .sceditor-container iframe
{
  padding: 5px !important;
  background: #511E60 !important;
  border: 1px solid #666666 !important;
}
}
.sceditor-toolbar
{
  background: #511E60 !important;
  border-bottom: 1px solid #000000 !important;
}
.sceditor-group
{
  background: #C996DD !important;
  border: 1px outset #511E60 !important;
  border-radius: 5px !important;
}


Dernière édition par chinche le Dim 17 Nov 2013 - 0:33, édité 1 fois
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond de l'éditeur qui este blanche

Message par chinche Ven 15 Nov 2013 - 3:09

Je mets à jour, j'ai changé le CSS et le resndu est bon, néanmoins, maintenant, j'ai l'impression qu'il y a un genre de marge très large quand on écrit dans la zone de saisie iframe.

Pourriez-vous m'indiquer dans le CSS à quel endroit j'ai fait une bêtise?
J'ai dû faire une autre bétise, car la zone de choix des smileys (un petit menu déroulant pour avoir la liste des classements de smileys) apparait blanche, avec le texte en blanc (le surlignage apparait en bleu clair O_o). Comment lui donner de la transparence ou au pire une couleur de fond en accord avec les couleurs de mon forum (violet)

Merci d'avance:
Code:

 .sharing-cl{overflow:hidden;margin:-20px 0 0 0;padding:0;list-style:none;width:530px;}
.sharing-cl a{overflow:hidden;width:75px;height:20px;float:left;margin-right:5px;text-indent:-200px;
  background:url(http://www.efe.com/efe/images/share16/google-plus.png) no-repeat;}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{margin-right:0;background-position:-350px -40px;}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{background-position:-350px 1px;}

#text{margin-top:5px;font-weight:bold;font-family:helvetica,arial,sans-serif;
  background-color:transparent;}
#text a{text-indent:0;background-color:transparent;
  height:auto;text-align:center;font-size:11px;
  padding-top:35px;color:transparent;text-decoration:none;}
#textarea.post{background-color:#transparent;background : none ;}
#chatbox p{background-color:transparent;background : none ;font-size:12px;}
#chatbox_members{background-color:transparent;background : none ;}
span.msg span.msg span{background-color:#transparent;background : none ;}
#chatbox{background-color:transparent;background : none ;}
body.chatbox {background-color:transparent;background : none ;}
.chatbox{background-color:transparent;background : none ;}
textarea, .textarea.post, input.post {background-color: #transparent;background : none ;}
.clearfix::after {background-color : #570d56 ;}
  
#text_editor_iframe{background-color:#transparent;background : none ;}
#input.post{background-color:#transparent;background : none ;}
#select{background-color:transparent;background : none ;}
#text_editor_textarea{background-color:#transparent;background : none ;}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {background-color:#transparent;background : none ;}
#input {background-color:#transparent;background : none ;text-indent: 2px;}
#input:-webkit-autofill {background-color:#transparent;background-image:none;}
.headerbar {width:1000;}
.navigation{width:1000px;}
input, select, textarea {background-color: #transparent;border-width: 1px;}
body.chatbox {background-image: url("http://i38.servimg.com/u/f38/11/38/37/75/fond1210.jpg");}
#chatbox p {#ffffff;}
.chatbox_row_1,.chatbox_row_2 {background-color:transparent;padding:4px;}
        .cb-table { position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index: 999; }
            .cb-pannel { width: 600px; height: 400px; }
            .cb-pannel.cb-closed { display: none; }
                .cb-pannel iframe { width: 600px; height: 400px; margin: 0; border: 0; }
            .cb-button { vertical-align: bottom; }
body {margin-top: 0px!important; padding-top: 0px!important;}
#hitskin_preview {display: none!important; height:0px!important; } * html
/*---  Partie texte area : fond ---*/
.doublepost { border-top: 1px solid #888888 }
.sceditor-container iframe, .sceditor-container textarea {
background-color: #transparent !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 540px !important;
color: #FFFFFF !important;
font-size:12px !important;
}
.sceditor-container
{
width: 100% !important;
margin: 1px auto !important;
background-color : #transparent !important;
border: 1px solid #transparent !important;
  .sceditor-container textarea, .sceditor-container iframe
{
  padding: 5px !important;
  background: #transparent !important;
  border: 1px solid #666666 !important;
}
}
.sceditor-toolbar
{
  background: #511E60 !important;
  border-bottom: 1px solid #000000 !important;
}
.sceditor-group
{
  background: #C996DD !important;
  border: 1px outset #transparent !important;
  border-radius: 5px !important;
}
/* fond de la zone de saisie de texte */
div.sceditor-container, div.sceditor-container iframe, div.sceditor-container textarea {
background:transparent;
}


Dernière édition par chinche le Ven 15 Nov 2013 - 3:19, édité 1 fois (Raison : ajout infos)
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond de l'éditeur qui este blanche

Message par chinche Ven 15 Nov 2013 - 13:20

Bonjour, j'ai fait le ménage dans le CSS, j'ai réussi à remettre la transparence partout, simplement j'ai un souci, par exemple, dans la chattbox, le bouton envoyer est de couleur grise, mais avec mon écriture en blanc, c'est illisible. Peut-on y pallier?
idem pour la zone de saisie de recherche dans le portail (outil de recherche) qui apparait blanche et le texte idem.
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur de fond de l'éditeur qui este blanche

Message par chinche Dim 17 Nov 2013 - 0:33

problème résolu, j'ai supprimé le template view_topicbody, il semblerait qu'(il y avait conflit avec le nouvel éditeur, depuis tout est ok.
chinche

chinche
*****

Autre / Ne pas divulguer
Messages : 815
Inscrit(e) le : 04/10/2007

http://www.magiemetapsychique.org
chinche 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