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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Holkis
 
Shek
 
IsmaelS.
 
PrisoN†BreaK
 
Sennior
 
Ana Leandro
 
Cepheus
 
YouTube3
 

Quem está conectado
145 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 138 Visitantes :: 2 Motores de busca

idarkdg, IsmaelS., luuuiiiz, maxleo, Melkor, SyraoN_, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Fundo de Chatbox

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

Resolvido Fundo de Chatbox

Mensagem por BichodoMato em Sex 1 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em Sex 1 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em Sex 1 Abr 2016 - 22:30

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

BichodoMato
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em Sex 1 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em Sab 2 Abr 2016 - 0:51

Não resultou...

BichodoMato
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em Sab 2 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em Sab 2 Abr 2016 - 0:58

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://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
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em Sab 2 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em Sab 2 Abr 2016 - 1:11

Ainda não :/

BichodoMato
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em Sab 2 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em Sab 2 Abr 2016 - 1:24

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

BichodoMato
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por Key of Destiny em Sab 2 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 180
Pontos Ativos : 592

Resolvido Re: Fundo de Chatbox

Mensagem por BichodoMato em Dom 3 Abr 2016 - 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
Nível 9

Masculino
Inscrito dia : 07/07/2013
Mensagens : 226
Pontos Ativos : 1558

http://naruto-survival.forumeiros.com

Resolvido Re: Fundo de Chatbox

Mensagem por GSCode em Seg 4 Abr 2016 - 0:13

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
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2090

http://testforumbrasil.forumeiros.com/forum

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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5