Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Lost154
 
Shek
 
ranzatti
 
Eduardo Lima
 
cocas20
 

Quem está conectado
262 usuários online :: 13 usuários cadastrados, 1 Invisível e 248 Visitantes :: 2 Motores de busca

banzé, Daniel Yan, Deimon_Phoenix, Guzonaro, Holkis, iScroll, juleic1123, Koizumi Bia, Lincoln, Lost154, Luiz, nelomota, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Fundo de Chatbox

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Fundo de Chatbox

Mensagem por BichodoMato em 01/04/16, 05:01 pm

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;
}
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em 01/04/16, 06:11 pm

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;
}
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em 01/04/16, 06:30 pm

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

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em 01/04/16, 07:22 pm

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;
}
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em 01/04/16, 08:51 pm

Não resultou...
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em 01/04/16, 08:52 pm

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

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em 01/04/16, 08:58 pm

Sim, aqui está:



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://illiweb.com/fa/pbucket.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); }
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em 01/04/16, 09:02 pm

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;
}
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em 01/04/16, 09:11 pm

Ainda não :/
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em 01/04/16, 09:21 pm

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;
}
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em 01/04/16, 09:24 pm

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

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em 02/04/16, 09:53 am

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
}
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em 03/04/16, 02:36 pm

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
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por GSCode em 03/04/16, 08:13 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum