Fundo de Chatbox

3 participantes

Ir para baixo

Tópico resolvido Fundo de Chatbox

Mensagem por BichodoMato 01.04.16 21:01

Detalhes da questão


Endereço do fórum: http://naruto-survival.forumeiros.com/forum
Versão do fórum: PhpBB2

Descrição


Eu sei que esse assunto já é uma tecla bem batida, eu realmente pesquisei em muitos outros tópicos e FAQs para me ajudarem nisso, mas mesmo assim não estou conseguindo realizar uma coisa:

Deixar a imagem meio transparente no fundo das mensagens do chatbox.

Alguém poderia me ajudar? Eu até tenho o código, mas ele está mostrando a imagem de fundo apenas quando o usuário está desconectado do chatbox.

Código:
#chatbox {
background-image: url(http://i86.servimg.com/u/f86/19/08/53/62/oie_ky10.png);
background-repeat: no-repeat;
background-attachment: scroll;
}
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny 01.04.16 22:11

E aí, amigo? Tudo tranquilo?

Bom, o seu problema é bem simples de se resolver. A questão é que você está usando o id errado. Substitua o seu código por esse:
Código:
body.chatbox {
background: transparent url(http://i86.servimg.com/u/f86/19/08/53/62/oie_ky10.png);
background-repeat: no-repeat;
background-attachment: scroll;
}
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato 01.04.16 22:30

Agora ele está dentro do chat, mas só aparece no campo dos nicks dos usuários....
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny 01.04.16 23:22

Entendo.

Substitua o código que lhe passei por esse
Código:
body.chatbox {
background-image: url(http://i86.servimg.com/u/f86/19/08/53/62/oie_ky10.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 780px 350px;
}

E coloque esses dois códigos no topo da sua folha de estilo CSS.
Código:
.chatbox_row_1 .chatbox_row_2 {
background-color: transparent;
}
#chatbox > p {
border: none;
}
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato 02.04.16 0:51

Não resultou...
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny 02.04.16 0:52

Hum, pode mandar um print de como ficou com o código? E se possível, me passe sua folha de estilo CSS.
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato 02.04.16 0:58

Sim, aqui está:

Fundo de Chatbox OULDjDa

Código:
body.chatbox {
background-image: url(http://i86.servimg.com/u/f86/19/08/53/62/oie_1211.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 780px 350px;
}

.chatbox_row_1 .chatbox_row_2 {
background-color: transparent;
}
#chatbox > p {
border: none;
}

jQuery(document).ready(function(){jQuery('.postbody table,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','1500px').css('max-width','1500px').css('cursor','')});
.module-title {
padding-right: 65px !important;
}
.module-title {
position: relative !important;
top: -15px !important;
}
a[href="/u33"] {
text-shadow:0 0 3px #F02727;
}
a[href="/u242"]{text-shadow:0 0 3px #42ada8}
a[href="/u81"]{text-shadow:0 0 3px #F02727}
a[href="/u124"]{text-shadow:0 0 3px #1AA36C}
a[href="/u222"]{text-shadow: 0 0 3px #499476}
a[href="/u172"]{text-shadow: 0 0 3px #499476}

.module-title {
    font-weight: 700;
    margin: 10 -15 0 0;
    text-align: center;
    padding: 36;
    background: url('http://i.imgur.com/rM5fvbM.png');
   background-repeat: no-repeat;
}
#left table.forumline:first-child {
        border: 0px !important;
        background: url(http://i.imgur.com/iwaOoJD.png) no-repeat!important;
}
#left table.forumline:first-child td.catHead, #left table.forumline:first-child .row1 {
        border: 0px !important;
        background: none;
}
#left table.forumline:first-child td.catHead {
        padding-top: 20px;
}
#left table.forumline:first-child .row1 {
        padding-top: 40px !important;
        padding: 45px;
}
#left {
        width: 255px !important;
}

.spoiler_content {
  max-width: 400px;
}
.postbody img {
max-width: 390px;
max-height: 252px;
}

dl.codebox.spoiler {
background: url(http://i39.servimg.com/u/f39/19/08/53/62/oie_2310.png);
background-repeat: no-repeat;
padding: 109px 65px 0 10px;
}
.spoiler_content {
position: relative;
background-position-x: 0px;
top: -28px;
left: -15px;
}
.spoiler_content {
background-image: url(http://i39.servimg.com/u/f39/19/08/53/62/oie_kb12.png);
background-repeat: repeat-y;
color: #10pt;
padding: 20px 80px 40px 71px;
text-align: justify;
}
.colorpicker {
                      width: 356px;
                      height: 176px;
                      overflow: hidden;
                      position: absolute;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                      font-family: Arial, Helvetica, sans-serif;
                      display: none;
                    }
                    .colorpicker_color {
                      width: 150px;
                      height: 150px;
                      left: 14px;
                      top: 13px;
                      position: absolute;
                      background: #f00;
                      overflow: hidden;
                      cursor: crosshair;
                    }
                    .colorpicker_color div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 150px;
                      height: 150px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                    }
                    .colorpicker_color div div {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 11px;
                      height: 11px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                      margin: -5px 0 0 -5px;
                    }
                    .colorpicker_hue {
                      position: absolute;
                      top: 13px;
                      left: 171px;
                      width: 35px;
                      height: 150px;
                      cursor: n-resize;
                    }
                    .colorpicker_hue div {
                      position: absolute;
                      width: 35px;
                      height: 9px;
                      overflow: hidden;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                      margin: -4px 0 0 0;
                      left: 0px;
                    }
                    .colorpicker_new_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 213px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker_current_color {
                      position: absolute;
                      width: 60px;
                      height: 30px;
                      left: 283px;
                      top: 13px;
                      background: #f00;
                    }
                    .colorpicker input {
                      background-color: transparent;
                      border: 1px solid transparent;
                      position: absolute;
                      font-size: 10px;
                      font-family: Arial, Helvetica, sans-serif;
                      color: #898989;
                      top: 4px;
                      right: 11px;
                      text-align: right;
                      margin: 0;
                      padding: 0;
                      height: 11px;
                    }
                    .colorpicker_hex {
                      position: absolute;
                      width: 72px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                      left: 212px;
                      top: 142px;
                    }
                    .colorpicker_hex input {
                      right: 6px;
                    }
                    .colorpicker_field {
                      height: 22px;
                      width: 62px;
                      background-position: top;
                      position: absolute;
                    }
                    .colorpicker_field span {
                      position: absolute;
                      width: 12px;
                      height: 22px;
                      overflow: hidden;
                      top: 0;
                      right: 0;
                      cursor: n-resize;
                    }
                    .colorpicker_rgb_r {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                      top: 52px;
                      left: 212px;
                    }
                    .colorpicker_rgb_g {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                      top: 82px;
                      left: 212px;
                    }
                    .colorpicker_rgb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                      top: 112px;
                      left: 212px;
                    }
                    .colorpicker_hsb_h {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                      top: 52px;
                      left: 282px;
                    }
                    .colorpicker_hsb_s {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                      top: 82px;
                      left: 282px;
                    }
                    .colorpicker_hsb_b {
                      background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                      top: 112px;
                      left: 282px;
                    }
                    .colorpicker_submit {
                      position: absolute;
                      width: 22px;
                      height: 22px;
                      background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                      left: 322px;
                      top: 142px;
                      overflow: hidden;
                    }
                    .colorpicker_focus {
                      background-position: center;
                    }
                    .colorpicker_hex.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_submit.colorpicker_focus {
                      background-position: bottom;
                    }
                    .colorpicker_slider {
                      background-position: bottom;
                    }

body{background-attachment:no-repeat;background-color:#fff;}*
/* simple */

a {
  text-decoration:none !important;}

a:hover {
  text-decoration:none !important;}


/* mainmenu */





/* lien du cadre "staff" et "arène" */

a.zone2 { text-transform:uppercase;
  font-family:georgia;
  font-size:10px;
  float:right;}

a.zone2:hover { color:#ab7fc0 !important; }

/* liens des sous forums & cie */

.cadre2cat a {
  color:#545454 !important;
  text-decoration:none !important;
}
.cadre2cat a:hover {
  color:#32c0ea !important;
  text-decoration:none !important;
}

.cadre3cat a {
  color:#fa6549;
  text-decoration:none !important;
}

.cadre3cat a:hover {
  color:#32c0ea !important;
  text-decoration:none !important;
}

/***** FIN LIENS *****/


/*** SCROLLBAR ***/

::-webkit-scrollbar
{background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png');
  height:10px;
  width:10px}

::-webkit-scrollbar-thumb
{background:#a5a5a5;
  background-image:url('http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png');
  border-radius:30px}

/***** MODIFICATIONS TEMPLATES & BALISES BASE DE FORUMACTIF *****/

/* partenaires & cie */
.azerty {  padding:10px;
  font-family:tahoma;
  border: 1px solid #cccccc;
  background-color:#fff;
  -moz-box-shadow:0px 0px 3px #308da9; box-shadow:0px 0px 3px #308da9; -webkit-box-shadow:0px 0px 3px #308da9;
}
/* mainmenu : div derrière */
.navbar {
  display:block;
  margin-top:5px;
  margin-bottom:8px; }

/* titre de catégorie (administration & co) */

.cattitle {
  color:#ed5547 !important;
  letter-spacing:4px;
  word-spacing:2px;
  text-transform:uppercase;}

.cattitre {
  background-color:none !important;
}


/* cadre du forum */

.bodyline {
  background-color:#F2EFEF;
  border:none;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
box-shadow: 0px 0px 8px tan;
 }

/* corps d'un message */
.postbody {
  padding:15px;
  text-align:justify;}

/* sélection */

::-moz-selection {
background:#f27963;
color:white;}

::selection {
background:#f27963;
color:white;}

/* sélectionner le contenu de la balise code */

.selectCode {
float:right;
cursor:  url(http://www.cursor.cc/cursor/882/12/cursor.png);
 }

body {
cursor: url(http://www.cursor.cc/cursor/882/12/cursor.png), url(http://www.cursor.cc/cursor/882/12/cursor.png), auto;
}

a:hover {
cursor: url(http://i39.servimg.com/u/f39/19/08/53/62/png11.png), url(http://i39.servimg.com/u/f39/19/08/53/62/png11.png), auto;
}
/* code & cie */



/* chatbox */

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Chatbox" ; }
#chatbox_header .catBottom .cattitle {
    color: ;


/***** FIN MODIFS TEMP & BASES *****/


/***** FORUMS ET CATEGORIES : STYLE *****/

/* pkmns de cette zone */
.zone { float:right }

/* cadre englobant tous les forums */
.cadrecat {
  background-color:#eeeeee;
  padding:5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px; }

/* style de tous les cadres (description, sous forums, derniers messages) */

.cadre2cat, .cadre1cat, .cadre3cat {
  border:1px solid #e0dfdf;
  padding:3px;
  background-color:#f1f1f1;
 text-align:justify;}

.cadre2cat {
  background-image:url('http://image.noelshack.com/fichiers/2012/27/1341362571-pokeball3op.png');
  background-position: center;
  padding-top:3px;
  background-repeat:no-repeat;
  text-align:left;
  padding-left:4px;
  line-height:80%;
}

.cadre2cat:hover {
  background-image:url('http://image.noelshack.com/fichiers/2012/27/1341408337-pokeballl.png'); }

.cadre1cat {
  line-height:85% !important;
  }

.cadre1cat img {
  padding-right:8px;}

.cadre3cat {
  text-align:center !important;
  valign:center;
  font-size:11px;}


/* cadre 2 : description d'un forum */
.descdiv { padding-left : 16px;
overflow:auto}

/***** FIN FORUMS & CATEGORIES STYLE *****/

/***** CONTENU D'UN MESSAGE *****/

/* MODERATION RP */
nom { text-transform:lowercase;
  font-family:arial;
  font-weight:bold;
  font-size:16px;
letter-spacing:-2px;}

.statspoke {font-size:12px;
  line-height:11px;
margin-left:115px;
padding-top:10px;}

/* présentation */
.rpz { height:120px;
  overflow:auto; }

/* présentation : bulle (eline) */
.bulle {
  background-image:url('http://image.noelshack.com/fichiers/2012/35/1346275372-bulle.png');
  height:90px;
  width:240px;
  background-repeat:no-repeat;
}

.bulletxt {height:75px; overflow:auto; padding-left:18px;
  padding-top:4px;margin-top:3px;margin-bottom:4px;padding-right:4px;line-height:10px;}

/* titre principal : dans le cadre contenu */
.ouatitre {
  display:block;
  font-family: Georgia;
  font-size:22px;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:0px;
  color:#1fa8d1;
  padding-bottom:3px;
  border-bottom:1px solid #e2e2e2;
}

.ouatitre:hover { color:#5fa024;
  letter-spacing:2px;
  transition: letter-spacing .30s ease-in-out;
  -moz-transition: letter-spacing .30s ease-in-out;
  -webkit-transition: letter-spacing .30s ease-in-out; }

/* cadre principal : le même que cadre2cat & cie (sans le padding) */

.cadrecontenu {
  margin:0px;
padding:15px;
border:1px solid #e9e8e8;
background-color:#f2f1f1;
  text-align:justify;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

/* le cadre à l'intérieur du cadrecontenu */

.pticadre {
  margin-left:10px;
  margin-right:10px;
 padding:10px;
  font-family:tahoma;
  border: 1px solid #dadada;
  background-color:#f0f0f0;
  -moz-box-shadow:0px 0px 3px #d3d3d3; box-shadow:0px 0px 3px #d3d3d3; -webkit-box-shadow:0px 0px 3px #d3d3d3;
}

/* ombre sur les images */
.ombre {
  box-shadow: 0px 0px 3px;
  -moz-box-shadow: 0px 0px 3px;
  -wekbit-box-shadow:0px 0px 3px; }

/* sous titre */
.minisoustitre {
  font-family:georgia;
  font-size:16px;
  color:#fd6e53;
  text-transform:lowercase;
  padding-left:25px; }

/* cadre du sous titre */
.contenu, .pikachu, .givrali, .poke, .leviator, .latios, .latias, .nido, .melo, .florizarre, .bulbi, .vert, .rouge, .neutre {
  background-color: #f4f4f4;
  padding:7px;
  border: 1px solid #dbdbdb;
}

.vert { border:  1px solid #98c041;
border-bottom:3px solid #98c041;
height:100px;
overflow:auto;
margin:auto}

.neutre { border: 1px solid #d8d8d8;
  border-left:3px solid #d8d8d8;
  border-right:3px solid #d8d8d8;
height:100px;
overflow:auto;
  text-align:center;
  valign:middle;
margin:auto;
width:400px;}
.rouge { border: 1px solid #ff7247;
border-top: 3px solid #ff7247 ;
height:100px;
overflow:auto;
margin:auto;}
/* backgrounds du cadre sous titres */


/* PUCES des lists */
.contenu ul, .pikachu ul, .leviator ul, .poke ul, .givrali ul, .latios ul, ul, .nido ul, .melo ul, .florizarre ul, .bulbi ul {
  list-style-image: url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/34.gif');
}

ol {
  list-style-image: url('http://image.noelshack.com/fichiers/2012/27/1341758289-bububu.png');
}

/* balise mini */
MINI { color:#66ab13;
font-weight:bold; }
MINI2 { color:#2ea7df;
    font-weight:bold; }
MINI3 { color:#ff7247;
  font-weight:bold; }

SU { display:block;
  font-family:georgia;
  text-transform:uppercase;}

/***** FIN CONTENU DES MESSAGES ******/

/***** PROFIL *****/

/* cadre profil */
.cadreprofil1, .cadreprofil2 {
  background-color:#f0f0f0;
  padding:3px;
  margin:2px;
  margin-top:5px;
  border: 1px solid #e4e4e4;
}

.cadreprofil2 {  background-image:url('http://image.noelshack.com/fichiers/2012/27/1341335775-pokeball2.png');
  background-position: bottom right;
  background-repeat:no-repeat;  }

/* rang texte */
.rangtexte { font-size:9px; text-transform:uppercase; font-weight:bold; text-align:center; display:block; line-height:7px;}


/* arène & staff */

.staffou { background-color:#e8e8e8; padding:5px;}
.staffou2 { background-color:#e8e8e8; padding:1px; }
.staffou3 {line-height:10px;}

.titoustaff { font-family:georgia; text-align:right; color:#dc5966; background-color:#f2f2f2;padding-right:5px; }
.titoustaff a { color:#dc5966; }

.titoustaff a:hover { color:#4b9aab; }

/***** FIN PROFIL *****/

/***** STOCKAGE POKEMON - TCARDS (PAS BESOIN DE CHANGEMENT SELON LE THEME) *****/

.titreboite {
  color:white;
  text-shadow:1px 1px 0px black; }

.boite {  background-image:url('http://image.noelshack.com/fichiers/2012/35/1346148047-boite-pc.png');
  height:193px;
  width:250px;
  background-repeat:no-repeat;
  padding-top:4px;
margin: auto; }

.boitepokemon { padding:5px;padding-left:8px;}

.infobulle {
  position:relative; /* on définit le bloc comme référent */
  padding:10px;
  float:left;
}
/*le contenu de la bulle*/
.infofo { text-align:center;
  padding:10px;
}

.infobulle > div {
  display: none; /* infobulle cachée par défaut */
}

.infobulle:hover {
  background: none; /* correction d'un bug IE */
}

/* au survol du bloc, on fait apparaitre la 'bulle' */
.infobulle:hover > div {
  display: inline; /* on fait apparaitre l'infobulle (on peut mettre inline aussi si besoin) */

  position: absolute; /* on va la positionner */ 
  top:15px; /* de 0 pixels par rapport au haut de l'élément survolé */
  left: 50px; /* de 50px par rapport au côté gauche de l'élément survolé */
  z-index:25; /* on met l'élément au dessus du reste */

  /* et après on peut mettre les propriétés de taille, couleur, forme, etc de l'infobulle */
  width:220px;
  height:155px;
  background-repeat:no-repeat;
  overflow:auto;
  background-image:url('http://image.noelshack.com/fichiers/2012/35/1346148206-pc-boite-description.png');
  padding:5px;
}
      .fade {
        display:inline-block;
        background: -moz-linear-gradient(left, rgb(245,245,245) 0%, rgba(245,245,245,0) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(245,245,245)), color-stop(1.00, rgba(245,245,245,0)));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#00f5f5f5, GradientType=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#00f5f5f5, GradientType=1)";
      }
      .blur {
        display:inline-block;
        color:#ddd;
       
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
        filter:
            progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
            progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
      }
      .flipH {
        display:inline-block;
        -moz-transform:scale(-1,1);
        -o-transform:scale(-1,1);
        -webkit-transform:scale(-1,1);
        transform:scale(-1,1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
        filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod="auto expand");
      }
      .flipV {
        display:inline-block;
        -moz-transform:scale(1,-1);
        -o-transform:scale(1,-1);
        -webkit-transform:scale(1,-1);
        transform:scale(1,-1);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
        filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=-1,
            SizingMethod="auto expand");
      }
.titreforum {
  font-size: 18px;
  color: red;
  text-align: center;
}
.categ {
  width: 140px;
  height: 120px;
  background-color: ;
  border-radius: 60px 90px / 15px 30px;
  border-width: 2px;
  border-color: ;
  border-style: double;
  box-shadow: 3px 3px 0px #000000;
  margin: 10px;
}
.h1,h2{
    font-size:25px;
  border-bottom: 1px dotted darkred;
  width: 70%;
    height: 30px;
  color: red;
  text-align: center;
  text-shadow: 1px 1px 0px #fff;
  margin: auto;
  font-family:time new roman;
    }
.h1,h2:hover{
  font-size: 25px;
  border-bottom: 1px dotted darkred;
  width: 70%;
    height: 30px;
  color: Saddlebrown;
  text-align: center;
  text-shadow: 1px 1px 0px Tan;
  margin: auto;
  font-family:time new roman;
}
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
color: tomato;}
.signature_div img {
  max-height:300px;
  max-width:500px;
}
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:820px; /*--- pour régler la largeur de la barre ---*/
background-color: #fff; /*--- On donne une couleur au fond ---*/
border:1px #Couleur solid;  /*--- On ajoute une bordure ---*/
margin-left:-410px; /* pour centrer:  largeur divisée par -2 */
left:50%;
  opacity: 0.9;
  height: 25px;
}
/* QEEL */
.onglet {
background-color: #fff ;
border-right: 5px solid #e8ab6a;
border-left: 5px solid #e8ab6a;
border-top: 1px dotted #e8ab6a;
border-bottom: 1px dotted #e8ab6a;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold;
text-align: center;
color: #000;}

.message {
background-image:url('http://img15.hostingpics.net/pics/548363747808Yowane.jpg');
height: 150px;
border-right: 5px solid #e8ab6a;
border-left: 5px solid #e8ab6a;
border-top: 1px dotted #e8ab6a;
border-bottom: 1px dotted #e8ab6a;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: justify;
color: #000;}
a {
cursor : help;
}

/*Cadre qui entoure les noms et les stats*/

.cadrefo {border: 1px solid #dbceb8;
border-bottom: 2px dotted #dbceb8;
margin-top: 5px;
background-color:#000000; }
/*Cadre qui entoure toute la partie basse*/
.cadreentier {border: 1px solid #dbceb8;
border-top: none;
height: 130px;
margin-bottom: 5px;
background-color: #dbd8d8;}
/* Cadre qui entoure la description du forum et les sous-forums*/
.cadredescri {
height: 125px;
background-color:#dbd8d8;
}

/*Css ecriture description*/

.ecriture {height: 105px;
overflow: auto;
 text-align: justify;
  padding: 10px;
  font-size: 11px;
 }

/*nombre total message et post*/

.infosstat {width: 170px;
  float: right;
}

/*dernier message posteur etc*/

.lastpost {padding: 10px;
 font-size: 11px;
  width: 90px;
  height: 50px;
  margin-left: 10px;
  text-align: center;}

/*Modfy GXGamer*/
.postbody .aprovado, .postbody .warn, .postbody .infos {
width: 75%;
margin: 8px 0;
padding: 8px;
color: #fefefe;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 0;
position: relative;
font: 14px/20px Museo300Regular,Helvetica,Arial,sans-serif;
}
.postbody .infos {
background-color: #2fa9f6;
}
.postbody .aprovado {
background-color: #7EB62E;
}
.postbody .warn {
background-color: #BE1B00;
}
/*NEON E BRILHO*/
a[href="/u1"] {
background-image: url(http://i.imgur.com/OuPpHSn.gif);
text-shadow : 0px 0px 5px #AA00FF;
}
a[href="/u4"] {
background-image: url(http://i.imgur.com/OuPpHSn.gif);
text-shadow : 0px 0px 5px #AA00FF;
}
a[href="/u33"] {
text-shadow : 0px 0px 5px #AA00FF;
}
a[href="/u160"] {
text-shadow : 0px 0px 5px #AA00FF;
background-image: url(http://i.imgur.com/OuPpHSn.gif);
}
a[href="/u124"] {
background-image: url(http://i.imgur.com/OuPpHSn.gif);
text-shadow : 0px 0px 5px #AA00FF;
}
/*ChatBox*/
/*
 * Avatar in /chatbox - Fast and Rá!!!
 * Version: 1.11.2013 - Kheops
 * Made and Optimizations by JScript - 2013/11/01
 * View more in: http://punbb.forumeiros.com/forum
 * Copyright (c) 2013 JScript - jscriptbrasil at live dot com
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 */
 /* Essa parte é necessária! */
.KheopsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    float: left;
    margin-right: 8px;
    padding: 1px;
}
.KheopsUserPhoto_icon {
float: left !important;
  height: 16px;
  width: 16px;
}
.KheopsUserPhoto:hover {
    border-color: #7D7D7D;
}
.KheopsUserPhoto img {
    height: 50px;
    width: 50px;
}
img, .input_check, .input_radio {
  vertical-align: middle;
}
/* Apenas pra dar uma característica de IPBoard */
#chatbox span[title] {
  float: right !important;
}
#chatbox .user > span {
  float: left !important;
}
#chatbox .user:not(a) {
  display: inline-block !important;
  max-width: 150px !important;
  min-width: 14% !important;
  text-align: right !important;
}
#chatbox .user a {
  float: left !important;
  font-weight: 700;
  max-width: 150px !important;
  min-width: 50px !important;
}

/*Testando mais Buttons*/
.sucesso, .alerta, .aviso, .infos {
width: 75%;
margin: 8px 0;
padding: 8px;
color: #fefefe;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 0;
position: relative;
font: 14px/20px Museo300Regular,Helvetica,Arial,sans-serif;
}
.sucesso {
background-color: #7EB62E;
}
.alerta {
background-color: #D8000C;
}
.aviso {
background-color: #FFD700;
}
.infos {
background-color: #2fa9f6;
}
/*Novas Fontes*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/**/
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;max-height:300px}
/* avatar redondo */
.lastpost-avatar img {
    border-radius: 50px;
    height: 38px;
    width: 38px;
}
/* Icones nos grupos 2.0 */
/*.username span[style="color:#E62222"],a span[style="color:#E62222"], a[href="/g5-konoha"]{background:url(http://i.imgur.com/Kx6uBF4.png) 0 1px no-repeat; padding-bottom:2px;padding-left:20px;padding-top:2px; }*/
#mpage-body { background: #e0e0e0!important; } div#top { width: 100%; margin: 0 auto; background: #FFFFFF!important; } #top:before { content:"Naurto Survival"; width:100%; height: 50px; margin-top: -50px; text-align: center; color: #fff; font-size: 24px; position: absolute; background-color: #2A80B9; background-image: url(http://i.imgur.com/HRFBVbj.png), url(http://i.imgur.com/oMtNXFJ.png); background-repeat: repeat!important; } .forabg { margin-bottom: 10px } .mobile_item { margin: 0; border: 1px solid #EEEEEF; border-bottom: 1px solid #EAEAEA!important; border-top: 1px solid #FFFFFF!important; border-right: 0; border-left: 0; padding: 0.5em 0; font-size: 0.8em; background:#f7f7f7; } .mobile_item:nth-child(odd) { background: #f7f7f7!important; } .mobile_item:nth-child(even) { background: #f2f2f2!important; } .forum_no_new, .cat_no_new { background: url(http://i.imgur.com/EBCS6gK.png#status) no-repeat scroll 0 50%!important; } .forum_new, .cat_new { background: url(http://i.imgur.com/epMc9YO.png#status_unread) no-repeat scroll 0 50%!important; } .cat_locked { background: url(http://i.imgur.com/HBhDZTo.png) no-repeat scroll 0 50%; } .folder_no_new { background: url(http://i.imgur.com/CLdN1n5.png) no-repeat scroll 10px 50%; } .folder_new { background: url(http://i.imgur.com/CSiDR63.png) no-repeat scroll 10px 50%; } .mobile_title.application_header { background: #202329 url(http://i.imgur.com/DqYrl7a.png) repeat-x 0 0!important; margin-top: 50px; position:relative; } p.mobile_title_content { color: #000!important; } .mobile_title { font-size: 0.9em; height: 29px; position: relative; padding: 2px 0; background: transparent!important; border-top: 0px solid #000!important; } .mobile_prev_button, .mobile_next_button { background: #202329 url(http://i.imgur.com/DqYrl7a.png) repeat-x 0 0!important; } .mobile_set, .postbody .post_header { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #0F2D3D; background: #22242D!important; border-bottom: 3px solid #2A80B9!important; border-radius: 0px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; }div[style="padding-top:33px;"] .post { padding: 0 0 1em; line-height: 1.3em; margin: 0; font-size: 0.8em; background: none #FFFFFF; margin: 0; font-size: 0.8em; background: none #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF), color-stop(1, white)); background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8); background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8); }
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny 02.04.16 1:02

Substitua o código .chatbox_row_1 .chatbox_row_2 por esse:
[/b]
Código:
.chatbox_row_1 {
background-color: transparent;
}
.chatbox_row_2 {
background-color: transparent;
}
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato 02.04.16 1:11

Ainda não :/
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny 02.04.16 1:21

Substitua o primeiro código body.chatbox por esse:
Código:
body.chatbox {
background-image: url(http://i86.servimg.com/u/f86/19/08/53/62/oie_ky10.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 1120px 550px;
}
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato 02.04.16 1:24

Se possível gostaria também que alterasse a cor do chat para um cinza mais claro
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny 02.04.16 13:53

Acho que agora está pronto. Substitua todos os códigos que lhe passei por esses:
Código:
body.chatbox {
background: #F9F8F8 url(http://i86.servimg.com/u/f86/19/08/53/62/oie_2210.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 600px 155px;
}
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background: #F9F8F8;
border: 1px solid #F9F8F8;
}
#chatbox_members .member-title {
background: #F9F8F8
}
.chatbox_row_1 {
background-color: transparent;
}
.chatbox_row_2 {
background-color: transparent;
}
#chatbox > p {
border: 1px solid transparent
}
Key of Destiny
Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato 03.04.16 18:36

Resultou!

Obrigado Key of Destiny, você foi muito prestativo com toda a ajuda que me forneceu aqui e no chat do meu próprio fórum. Merece reconhecimento
BichodoMato
BichodoMato
****

Membro desde : 07/07/2013
Mensagens : 396
Pontos : 657

http://naruto-survival.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo de Chatbox

Mensagem por GSCode 04.04.16 0:13

Fundo de Chatbox Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
GSCode
GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos