Fond Réponse Rapide

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

Résolu Fond Réponse Rapide

Message par Invité le Sam 2 Avr 2016 - 12:57

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é a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 15:37

Up

Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par ◦Jay◦ le Dim 3 Avr 2016 - 15:46

Bonjour Perfectoser, il faut que votre code soit comme ceci :


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.



◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 17:45

Bonjour,

Cela ne marche pas :
http://prntscr.com/anmm2y

Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par ◦Jay◦ le Dim 3 Avr 2016 - 17:50

Vous devez avoir un problème dans votre css car ce code fonctionne. Confused



◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 18:23

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é


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

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 18:23

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é


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

Résolu Re: Fond Réponse Rapide

Message par ◦Jay◦ le Dim 3 Avr 2016 - 18:25

J'ai mis votre css sur un forum d'essai et l'image apparait bien.




◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 18:30

Je ne comprends pas pourquoi cela ne marche pas dans ce cas.
http://prntscr.com/ann7bm

Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par ◦Jay◦ le Dim 3 Avr 2016 - 18:32

Avez-vous essayé de vider votre cache ?



◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 18:32

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é


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

Résolu Re: Fond Réponse Rapide

Message par ◦Jay◦ le Dim 3 Avr 2016 - 18:38

Vous pouvez ajouter ce code mais comme vous ne voyez déjà pas l'autre ...

Code:
.sceditor-container textarea{color:#fff;}



◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 18:48

En effet, cela ne marche pas :/

Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par ◦Jay◦ le Dim 3 Avr 2016 - 19:29

Auriez-vous un compte test sur ce forum que je puisse me rendre compte s'il vous plait ?



◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 19:49

Nom : Test
Mdp : ABC123

Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par Milouze14 le Dim 3 Avr 2016 - 19:51

Salut Perfectoser,

désolé de passer devant toi °Jay° Wink ,

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 Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 19:56

Bonsoir, cela marche !
Savez-vous comment le diminuer de taille, ainsi que de le rendre transparent à 50% ? Smile

Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par Milouze14 le Dim 3 Avr 2016 - 20:25

Re,
hum il faut voir avec ton image pour la rendre opaque,
le background ne pouvant être modifié Wink

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 20:28

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.
Merci c'est super ! Et savez-vous pour l'écriture du coup ? Smile


Invité
Invité


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

Résolu Re: Fond Réponse Rapide

Message par Milouze14 le Dim 3 Avr 2016 - 20:30

Re,
Je souhaite insérer une image de fond sur la case de réponse rapide, mais cela ne marche pas:
ton message initial mentionne le fond, il faudrait ouvrir un nouveau sujet Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Réponse Rapide

Message par Invité le Dim 3 Avr 2016 - 20:35

Voilà qui est fait Wink
Merci Very Happy

Invité
Invité


Invité 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