Fond Réponse Rapide
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
Fond Réponse Rapide
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tridentcoc.forumofficiel.fr
Description du problème
Bonjour,Je souhaite insérer une image de fond sur la case de réponse rapide, mais cela ne marche pas:
- Code:
#text_editor_textarea
{
background: url('http://i86.servimg.com/u/f86/18/72/53/02/badge_10.png');
}
Dernière édition par Perfectoser le Dim 3 Avr 2016 - 20:32, édité 1 fois
Invité- Invité
Invité- Invité
Re: Fond Réponse Rapide
Bonjour Perfectoser, il faut que votre code soit comme ceci :
Bien à vous.
- Code:
.sceditor-container textarea {
background: url(http://i86.servimg.com/u/f86/18/72/53/02/badge_10.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
Bien à vous.
Invité- Invité
Re: Fond Réponse Rapide
Vous devez avoir un problème dans votre css car ce code fonctionne.
Re: Fond Réponse Rapide
- Code:
#wrap {
background-repeat: repeat-x-y;
background-image: url('');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 0 solid #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.inputbox {
background-color: #3c3c3c;
border: 1px solid #BCBCBC;
color: #ffffff;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
}
.forabg {
background-color: #262627;
margin-bottom: 4px;
clear: both;
border: 2px solid #;
padding: 0px 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://imageshack.com/a/img838/9827/fsga.png');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url('');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.postprofile {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
border-radius: 5px 5px 5px 5px;
color: #999;
display: inline;
margin: 5px 0 0;
min-height: 80px;
position: relative;
text-align: center;
width: 17%;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
padding: 5px;
}
dl.codebox {
background-color: #1E1D1B;
border: 1px solid #878787;
}
ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module {
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.signature {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;
}
.row2 {
background-color: #0D0C0B;
background-image: url("http://imageshack.com/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
.row1 {
background-color: #0D0C0B;
background-image: url("http://imageshack.com/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
blockquote {
background: url("http://imageshack.com/a/img809/2250/voys.png") no-repeat scroll 0 0 #C1A780;
border: 0 none #4C402D;
border-radius: 10px;
padding-right: 25px;
}
.panel {
background-color: #000000;
background-image: url("");
background-repeat: repeat-x;
border-radius: 10px;
margin-bottom: 4px;
padding: 0 10px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #1E1D1B;
background-image: url("http://imageshack.com/a/img849/7503/zow4.png");
border: 0 none;
color: #B89E7D;
}
.navbar ul{
border-bottom:none;
}
#search-box{
visibility:hidden;
}
#search-box{
height:1px;
visibility:hidden;
}
h2.chatbox-title:after { content: "ChatBox Du Fou"; }
a.chat-title { display: none; }
#page-footer .linklist:last-of-type a{
font-size: 16px;
font-weight: bold;
}
div#fa_toolbar {
background-color: #DEB06A; /* Couleur de fond */
border-radius: 0 0 50px 50px; /* Arrondis les bords de la toolbar */
box-shadow: 0 0 5px #000000; /* Affiche une ombre */
margin: auto; /* Centre la toolbar */
width: 98%; /* Modifie la longueur de la toolbar */
}
div#fa_toolbar div, div#fa_toolbar span {
margin: 0 15px; /* Repositionne correctement le contenu de la toolbar */
}
span#fa_share {display:none!important;}
#av_quickreply img {
left: 15px;
position: relative;
top: 35px;
}
#av_quickreply {
float: left;
position : absolute;
}
#av_quickreply img {
left: 15px;
position: relative;
top: 35px;
}
#av_quickreply {
float: left;
position : absolute;
}
a#fa_hide {display: none!important;}
.bouhautbas {
bottom: 40px;
right: 10px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
.qeel_container{
text-align: center;
}
.doublepost { border-top: 1px solid #888888 }
#page-footer {
color: #FFD86E;
text-align: center;
font-size: 13px;
}
.chatbox span.chatbox-username.chatbox-message-username[data-user="1"]:before {
content: "C'ptaine ";
}
.chatbox .msg span[style="color:green"] strong {
color:#0000FF;
}
.chatbox .msg span[style="color:red"] strong {
color:#FFFF00;
}
.chatbox .msg span[style="color:green"] strong:before {
content:" Un nouveau matelot a rejoint le chat ! ";
}
label.fontbutton[title="Ital."], label.fontbutton[title="Soulig."], label.fontbutton[title="Barré"], div#divcolor {
display: none;
}
div#logo-desc p{
font-weight:bold;
color: orange
}
.forumtitle {
color: #54DAF5 ;
}
.sceditor-container textarea {
background: url(http://i86.servimg.com/u/f86/18/72/53/02/badge_10.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
Voici mon CSS
Invité- Invité
Re: Fond Réponse Rapide
- Code:
#wrap {
background-repeat: repeat-x-y;
background-image: url('');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 0 solid #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.inputbox {
background-color: #3c3c3c;
border: 1px solid #BCBCBC;
color: #ffffff;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
}
.forabg {
background-color: #262627;
margin-bottom: 4px;
clear: both;
border: 2px solid #;
padding: 0px 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://imageshack.com/a/img838/9827/fsga.png');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url('');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.postprofile {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
border-radius: 5px 5px 5px 5px;
color: #999;
display: inline;
margin: 5px 0 0;
min-height: 80px;
position: relative;
text-align: center;
width: 17%;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
padding: 5px;
}
dl.codebox {
background-color: #1E1D1B;
border: 1px solid #878787;
}
ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module {
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.signature {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;
}
.row2 {
background-color: #0D0C0B;
background-image: url("http://imageshack.com/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
.row1 {
background-color: #0D0C0B;
background-image: url("http://imageshack.com/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
blockquote {
background: url("http://imageshack.com/a/img809/2250/voys.png") no-repeat scroll 0 0 #C1A780;
border: 0 none #4C402D;
border-radius: 10px;
padding-right: 25px;
}
.panel {
background-color: #000000;
background-image: url("");
background-repeat: repeat-x;
border-radius: 10px;
margin-bottom: 4px;
padding: 0 10px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #1E1D1B;
background-image: url("http://imageshack.com/a/img849/7503/zow4.png");
border: 0 none;
color: #B89E7D;
}
.navbar ul{
border-bottom:none;
}
#search-box{
visibility:hidden;
}
#search-box{
height:1px;
visibility:hidden;
}
h2.chatbox-title:after { content: "ChatBox Du Fou"; }
a.chat-title { display: none; }
#page-footer .linklist:last-of-type a{
font-size: 16px;
font-weight: bold;
}
div#fa_toolbar {
background-color: #DEB06A; /* Couleur de fond */
border-radius: 0 0 50px 50px; /* Arrondis les bords de la toolbar */
box-shadow: 0 0 5px #000000; /* Affiche une ombre */
margin: auto; /* Centre la toolbar */
width: 98%; /* Modifie la longueur de la toolbar */
}
div#fa_toolbar div, div#fa_toolbar span {
margin: 0 15px; /* Repositionne correctement le contenu de la toolbar */
}
span#fa_share {display:none!important;}
#av_quickreply img {
left: 15px;
position: relative;
top: 35px;
}
#av_quickreply {
float: left;
position : absolute;
}
#av_quickreply img {
left: 15px;
position: relative;
top: 35px;
}
#av_quickreply {
float: left;
position : absolute;
}
a#fa_hide {display: none!important;}
.bouhautbas {
bottom: 40px;
right: 10px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
.qeel_container{
text-align: center;
}
.doublepost { border-top: 1px solid #888888 }
#page-footer {
color: #FFD86E;
text-align: center;
font-size: 13px;
}
.chatbox span.chatbox-username.chatbox-message-username[data-user="1"]:before {
content: "C'ptaine ";
}
.chatbox .msg span[style="color:green"] strong {
color:#0000FF;
}
.chatbox .msg span[style="color:red"] strong {
color:#FFFF00;
}
.chatbox .msg span[style="color:green"] strong:before {
content:" Un nouveau matelot a rejoint le chat ! ";
}
label.fontbutton[title="Ital."], label.fontbutton[title="Soulig."], label.fontbutton[title="Barré"], div#divcolor {
display: none;
}
div#logo-desc p{
font-weight:bold;
color: orange
}
.forumtitle {
color: #54DAF5 ;
}
.sceditor-container textarea {
background: url(http://i86.servimg.com/u/f86/18/72/53/02/badge_10.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
Voici mon CSS
Invité- Invité
Re: Fond Réponse Rapide
J'ai mis votre css sur un forum d'essai et l'image apparait bien.
Re: Fond Réponse Rapide
Je ne comprends pas pourquoi cela ne marche pas dans ce cas.
http://prntscr.com/ann7bm
http://prntscr.com/ann7bm
Invité- Invité
Re: Fond Réponse Rapide
Avez-vous essayé de vider votre cache ?
Re: Fond Réponse Rapide
Je mets cela là étant donné que cela touche à la case réponse, lorsque un message est envoyé, l'écriture est de couleur blanche. Mais lors de l'écriture du message, cela est en noir. Savez-vous comment rendre la couleur noire en couleur blanche ?
Même en vidant le cache, l'image n'apparaît pas.
Même en vidant le cache, l'image n'apparaît pas.
Invité- Invité
Re: Fond Réponse Rapide
Vous pouvez ajouter ce code mais comme vous ne voyez déjà pas l'autre ...
- Code:
.sceditor-container textarea{color:#fff;}
Re: Fond Réponse Rapide
En effet, cela ne marche pas :/
Invité- Invité
Re: Fond Réponse Rapide
Auriez-vous un compte test sur ce forum que je puisse me rendre compte s'il vous plait ?
Re: Fond Réponse Rapide
Nom : Test
Mdp : ABC123
Mdp : ABC123
Invité- Invité
Re: Fond Réponse Rapide
Salut Perfectoser,
désolé de passer devant toi °Jay° ,
il faut remplacer la css donnée par:
Il faut activer la css pour les deux modes de rédaction .
a++
désolé de passer devant toi °Jay° ,
il faut remplacer la css donnée par:
- Code:
.sceditor-container textarea ,.sceditor-container iframe {
background: url(http://i86.servimg.com/u/f86/18/72/53/02/badge_10.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
Il faut activer la css pour les deux modes de rédaction .
a++
Invité- Invité
Re: Fond Réponse Rapide
Bonsoir, cela marche !
Savez-vous comment le diminuer de taille, ainsi que de le rendre transparent à 50% ?
Savez-vous comment le diminuer de taille, ainsi que de le rendre transparent à 50% ?
Invité- Invité
Re: Fond Réponse Rapide
Re,
hum il faut voir avec ton image pour la rendre opaque,
le background ne pouvant être modifié
testes avec ce style , ayant modifié l'opacité de ton image:
a++
hum il faut voir avec ton image pour la rendre opaque,
le background ne pouvant être modifié
testes avec ce style , ayant modifié l'opacité de ton image:
- Code:
.sceditor-container textarea ,.sceditor-container iframe {
background: url(http://i86.servimg.com/u/f86/11/26/21/37/badge_10.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
a++
Invité- Invité
Re: Fond Réponse Rapide
Merci c'est super ! Et savez-vous pour l'écriture du coup ?Perfectoser a écrit:Je mets cela là étant donné que cela touche à la case réponse, lorsque un message est envoyé, l'écriture est de couleur blanche. Mais lors de l'écriture du message, cela est en noir. Savez-vous comment rendre la couleur noire en couleur blanche ?
Même en vidant le cache, l'image n'apparaît pas.
Invité- Invité
Re: Fond Réponse Rapide
Re,
a++
ton message initial mentionne le fond, il faudrait ouvrir un nouveau sujet .Je souhaite insérer une image de fond sur la case de réponse rapide, mais cela ne marche pas:
a++
Invité- Invité
Re: Fond Réponse Rapide
Voilà qui est fait
Merci
Merci
Invité- Invité
Sujets similaires
» Supprimer le fond de la réponse rapide
» Couleur du fond de la "réponse rapide"
» Image dans fond réponse rapide
» image de fond dans reponse rapide
» Comment retirer le texte "réponse rapide" et centrer la zone de la réponse rapide ?
» Couleur du fond de la "réponse rapide"
» Image dans fond réponse rapide
» image de fond dans reponse rapide
» Comment retirer le texte "réponse rapide" et centrer la zone de la réponse rapide ?
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