couleur de fond de l'éditeur qui este blanche
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
couleur de fond de l'éditeur qui este blanche
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).
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
Re: couleur de fond de l'éditeur qui este blanche
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:
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)
Re: couleur de fond de l'éditeur qui este blanche
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.
idem pour la zone de saisie de recherche dans le portail (outil de recherche) qui apparait blanche et le texte idem.
Re: couleur de fond de l'éditeur qui este blanche
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.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum