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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Barra de Categorias
Hoje à(s) 8:08 por Claudio Arthur

» Avatar Gif
Hoje à(s) 5:12 por [K]oke

» Notificações
Hoje à(s) 2:22 por Luiz~

» Alinhamento botão curtir
Ontem à(s) 21:31 por Luiz~

» Remover a tag da página inicial do fórum
Ontem à(s) 20:27 por Luiz~

» Tipos de layout e ativação através de perfil de usuário
Ontem à(s) 18:47 por Harleen

» Correção codigo aparecer abaixo do avatar
Ontem à(s) 17:41 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Flames
 
Holkis
 
Blackfyre
 
wlweslley
 

Quem está conectado
230 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 229 Visitantes :: 2 Motores de busca

ThallesAmagami

[ Ver toda a lista ]


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

Chatbox com barra de rolagem

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

Resolvido Chatbox com barra de rolagem

Mensagem por R. Rinehardt em Sab 1 Abr 2017 - 22:49

Detalhes da questão


Endereço do fórum: http://parthenosrpg.forumeiros.com
Versão do fórum: phpBB3

Descrição


Boa noite, pessoal!

Meu fórum está com o chatbox estranho... cada linha de postagem cria uma barra de rolagem incômoda.

Alguém pode me ajudar?

Obrigado!

CSS do fórum:
Código:
/************FONTES****************/

@font-face {
  font-family: 'Wire One';
  font-style: normal;
  font-weight: 400;
  src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

 @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
 
@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

/************FIM DAS FONTES****************/


.postbody .content {
text-align:justify;
  padding:60px;
}

body.chatbox #chatbox p.clearfix{margin-top:5px;margin-bottom:5px}

.chatbox .post {
background-color:#030303;
  border-bottom:none;
    padding:1px;

}
#chatbox_footer {
background-color: transparent;
}
.chatbox_row_1 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_2 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_3 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }

#content-container div#left {
background:url('');
  top: 0;
left: 0;
}
.reck {
  text-align:center;
  text-transform:none;
  align:center;
  float:center;
    margin-top:150px;
  height:150px;
  background-color:#07080F;
  border-bottom: 4px solid #160101;
  color:#bcbcbc;
}
.rck {
    text-align:center;
    align:center;
    text-transform:none;
    padding-top:150px;
  float:center;
    margin-top:150px;
  font-family:tulpen one;
  font-size:50px;
  color:#ffffff;
}
.forabg li.row dd.topics {
background: #000000;
position: relative;
  padding-left:0px;
  padding-right:0px;
left: 7px;
bottom: -45px;
width: 87px;
padding-bottom: 0px;
height: 11px;
font-size: 9px;
text-transform: uppercase;
}
.forabg li.row dd.posts {
background: #000000;
position: relative;
left: 20px;
    padding-left:0px;
  padding-right:0px;
bottom: -45px;
width: 87px;
height: 11px;
font-size: 9px;
padding-bottom: 0px;
text-transform: uppercase;
}
.forabg li.row dd.lastpost {
  text-align:left;
  text-transform:none;
  font-family:tahoma;
  font-size:11px;
border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
width: 120px;
margin-left: 60px;
  margin-top:37px;
background-color: #000000;
padding: 0px !important;
padding-top: 0px !important;
box-shadow: 0px 0px 5px black;
}
::-webkit-scrollbar {width: 8px;height: 13px;background-color: #000000;}
::-webkit-scrollbar-thumb{background-color: #ffffff;} 

.module {
text-align:center;
  background-color:transparent;
}
.module .h3 {
visibility:hidden;
}
.module .h3 {
visibility:hidden;
display: none;
}
li.header dd, li.header dt {
margin-top: 10px;
text-align: center;
}
.module .h3 {
visibility:hidden;
}
a.mainmenu {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 12px;
color:
#ffffff;
width: 880px;
text-transform: uppercase;
border-bottom: 3px solid
#ffffff;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.mainmenu:hover {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 12px;
  color:#a38034;
text-shadow: 0px 0px 1px #a38034;
width: 880px;
text-transform: uppercase;
border-bottom: 3px solid
#a38034;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.module .h3 {
visibility:hidden;
}
#textarea_content {   
margin-top: 3px;
}
#chatbox {
  background-color:#000000;
}
.chatbox-members{
background-color:#000000;
}
#chatbox_header {
background-color:transparent;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity div {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover div {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.opac {
  opacity:0.1;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover {
  opacity:0.9;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#wrap {
background-color: #000000;
border: 4px solid #;
box-shadow: 0 0 10px 2px #000000;
}

p {
overflow: auto;
max-height: 500px;
  width:900px;
display: block;
margin: auto;
text-transform: uppercase;
font-size: 9px;
}

.h3 {
font-size: 15px;
text-transform: uppercase;
text-align: left;
text-shadow: 1px 1px 1px #000000;
letter-spacing: 0px;}
li.header dl.icon {
height: 42px;
  color:#ffffff;
  background-color:#A38034;
  border-bottom: 0px dotted #a38034;
  background-repeat:repeat;
font-family:arial;
letter-spacing: 2px;
padding: 10px 6px 0px;
font-size: 8px;
text-align: center;
text-shadow: 0 2px 2px black;
text-transform: uppercase;
vertical-align: middle;
}
  .table-title h2 {
color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
font-family: wire one;
font-size: 40px;
letter-spacing: 4px;
font-style: normal;
text-transform: uppercase;
}
ul.forums {
background: #030303;
    margin-top:-0px;
background-repeat: repeat-yes;
border-radius: 0px 0px 0px 0px;
border-bottom: 8px solid #a38034;
  box-shadow:0px 2px 8px #000000;
}
.desc9 {
  border-bottom:10px solid #70303;
  border-right: 10px solid #120c10;
  border-radius: 100px 0px 0px 100px;
 background-color:#A38034;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 10px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
.desc8 {
  border-bottom:10px solid #000000;
  border-right: 10px solid #000000;
  border-left: 10px solid #000000;
 background-color:#A38034;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 0px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
a.forumtitle {
  color:#cccccc;
background-color: #none;
border-radius: 0px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
font-size: 12px;
margin-bottom: -15px;
margin-top: 0px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: auto;
height: 15px;
  text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.forumtitle:hover {
  margin-left: 50px;
  color:#a38034;
  border-radius: 0px 0px 0px 0px;
background-color: #000000;
border-radius: 0px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
  text-decoration:none;
font-size: 12px;
margin-bottom: -15px;
margin-top: 0px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: auto;
height: 15px;
  text-shadow: 0px 0px 1px #none;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}








p em b a.gensmall {
font-family: Tulpen One;
font-size: 30px;
  line-height:100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}
p em {
margin: 4px;
color: transparent;
display: block;
  width: 500px;
  margin-left:250px;
 align: center;
  line-height:100%;
}
.post {
background: #030303;
background-repeat: repeat;
background-position: center;
  border-bottom: 8px solid #a38034;
  padding:10px 10px 10px 10px;
  color:#000000;
}
.postprofile dd {
text-align: center;
  font-size: 10px;
  line-height: 90%;
 
}
.postprofile dd, .postprofile dt {
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
    line-height: 90%;
}


#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repeat scroll 0 0 #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px 3px 3px 3px;
padding: 2px;
}


.topics {
text-shadow: 1px 1px 1px #000000;
}
.posts {
text-shadow: 1px 1px 1px #000000;
}
.lastpost {
text-shadow: 1px 1px 1px #000000;
text-align:center;
align:center;
}
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
  height:400px;
}
.postprofile {
background-color: #080808;
  border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
margin-top: 17px;
border-left: 9px double #A38034;
float: right;
font-family: arial;
  line-height:100%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
p.author {
background-color: #111111;
position: relative;
right: -7em;
color:#e3e3e3;
background-color:#000000;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-transform: uppercase;
  box-shadow: 0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4; 
font-family: Wire One;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover { 
    margin-top:0px;
font-family: Wire One;
font-size: 30px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.subs a {
  text-transform:uppercase;
  text-color:#E7E7E7;
  font-size:9px;
border-left: 4px solid #07080F;
margin: 0px;
padding: 2px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.subs a:active, .subs a:hover {
  background-color:#000000;
  text-transform:uppercase;
  color:#E7E7E7;
border-left: 40px solid #07080F;
margin: 0px;
padding: 2px 0px 0px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}




/************LEGENDAS*********/

#i_whosonline + p br + br + em {
text-align: justify !important;
    width: 650px !important;
}

#main-content em{
  font-size:0px;
}
#main-content em::before{
  content:'Legenda: ';
  font-size:20px;
  font-style:normal;
  opacity: 0.0;
  font-align: justify;
}
#main-content em b *{
  font-size:17.8px;
  font-style:normal;
  font-align:justify;
  font-family: ubuntu condensed;
  text-transform: none;

}
#main-content em b *::hover{
  font-size:40px;
  font-style:normal;
  font-align:center;
  font-family:dorsa;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:' • ';color:black
}
#main-content em b:first-child a::before{
  content:''
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

dl.codebox {
border-color: #a38034;
border-top: 4px solid #a38034;
background-color: #080808;
color:#cccccc;
font-size: 11px;
line-height: 110%;
}

dl.codebox code {
border-color: #a38034;
background-color: #080808;
color:#cccccc;
font-size: 11px;
line-height: 110%;
}

.spoiler {
border-color: #a38034;
border-top: 4px solid #a38034;
background-color: #080808;
color:#cccccc;
font-size: 11px;
line-height: 110%;
}

blockquote {
border-color: #a38034;
border-top: 4px solid #a38034;
background-color: #080808;
color:#cccccc;
font-size: 11px;
line-height: 110%;
}

.formdesc {
align: center;
  font-color: #000000;
background-color: #ffffff;
border-left: 10px solid #A38034;
border-right: 10px solid #A38034;
font-size: 8px;
text-transform: uppercase;
text-align: center;
width: 125px;
heigth: 300px;
-webkit-box-shadow: 0px 0px 10px #transparent;
-moz-box-shadow: 0px 0px 10px #transparent;
-webkit-transition: 2s;
-o-transition: 2s;
-moz-transition: 2s;
line-height: 120%;
}

.formdesc:hover {
  font-color: #000000;
padding-left: 10px;
padding-right: 10px;
-webkit-transition: 1s;
-o-transition: 1s;
-moz-transitio: 1s;
  align: center;
  line-height: 120%;
}

.formdesc2 {
align: center;
  font-color: #000000;
background-color: #ffffff;
border-left: 10px solid #BDB86B;
border-right: 10px solid #BDB86B;
font-size: 8px;
text-transform: uppercase;
text-align: center;
width: 125px;
heigth: 300px;
-webkit-box-shadow: 0px 0px 10px #transparent;
-moz-box-shadow: 0px 0px 10px #transparent;
-webkit-transition: 2s;
-o-transition: 2s;
-moz-transition: 2s;
line-height: 120%;
}

.formdesc2:hover {
  font-color: #000000;
padding-left: 10px;
padding-right: 10px;
-webkit-transition: 1s;
-o-transition: 1s;
-moz-transitio: 1s;
  align: center;
  line-height: 120%;
}

.formsub {
background-color: #000000;
border-left: 10px solid #A38034;
border-right: 10px solid #A38034;
font-size: 9px;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 1px 0 #b1b1b1;
width: 125px;
heigth: 300px;
-webkit-box-shadow: 0px 0px 10px #b1b1b1;
-moz-box-shadow: 0px 0px 10px #b1b1b1;
-webkit-transition: 2s;
-o-transition: 2s;
-moz-transition: 2s;
line-height: 110%;
}

.formsub:hover {
padding-left: 10px;
padding-right: 10px;
-webkit-transition: 1s;
-o-transition: 1s;
-moz-transitio: 1s;
}



/************FIM DAS LEGENDAS*********/

/*-------------INICIO TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/
/*-------------COLORES! HERMOSOS COLORES!-------------*/
/*letra de negritas,cosas tachadas, subtitulos y título principal, links y botones (verde sersi, bah)*/
#blackestnight b,#blackestnight s,#blackestnight #h1, #blackestnight #h2, #blackestnight a, #bnbot {
    color: #6c5065 !important;}
/*letra general de la derecha, awards, créditos, staff*/
.bnc3, #bnder, #bnaward span,.bnstaff span {color: #888;}
/*letra principal*/
#bnizq {color: #999;}
/*fondo del cuerpo, textos descriptivos de staff y awards, fondo de texto de los botones*/
#blackestnight, #bnaward span, .bnstaff span,#bnbot  {background: #333;}
/*fondo de la caja de la derecha, cajas de awards, créditos, nombres del staff y de awards, links de staff y awards*/
#bnder,.bnc3,.bnc2, #bnaward b,#bnaward a,.bnstaff b, .bnstaff a {background: #222;}
/*fondo de las cajas principales de contenido*/
#bnizq {background: #171717;}
/*color de barra de navegación*/
#blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {background:#6c5065;}
/*-------------IMAGENES SERSIS-------------*/
/*primer boton*/
.bn1 {background: url('http://imageshack.us/a/img28/2277/fogoconedebarra.png');}
/*segundo boton*/
.bn2 {background: url('http://imageshack.us/a/img12/8993/arconedebarra.png');}
/*tercer boton*/
.bn3 {background: url('http://img843.imageshack.us/img843/6158/guaconedebarra.png');}


/*-------------CODES, CODES DEL TABLON, SERSIS CODES DEL TABLON (?)-------------*/
/*cajas*/
#blackestnight {position: relative;text-align: justify;margin: auto; width: 75%;border-radius: 10px; padding: 10px 15px 10px 50px;font: 12px ubuntu condensed;line-height:13px;right: -4%;}
#bnder {border-radius: 10px; padding:5px 10px;font-size:11px; max-height: 125px; overflow: auto;line-height:12px;}
#bnd {width: 170px;float:right;position: relative;}
#bnizq {height: 105px; overflow: auto;margin-right: 175px; border-radius: 10px; padding:5px 10px;}
.bncaja {overflow: hidden;}
.bnc2 {text-align: center;border-radius: 10px; padding: 10px;}
.bnc3 {border-radius: 10px; padding: 10px;height:215px;overflow-y: auto;overflow-x: hidden;}
.bnescondida {width: 0px;padding: 0px;height: 0px;}
/*Awards*/
#bnaward {display: inline-block;height: 225px;padding: 5px 0px; width: 18%; margin: 0 0.5%;border-radius: 10px;background-position: center !important;background-size: 250% !important;}
#bnaward b,#bnaward span,#bnaward a {opacity: 0;}
#bnaward:hover b,#bnaward:hover span,#bnaward:hover a {opacity: 0.9;}
#bnaward b {display: block; text-align: center;border-radius: 5px; margin:100px 5px 2px 5px;}
#bnaward span {padding: 2px;display: block; border-radius: 5px; text-align: center;margin:0px 5px 2px 5px;height: 50px; overflow: auto;}
#bnaward a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: block; text-align: center;border-radius: 5px;margin:0px 5px;}
#bnaward a:hover {background: #333;}
/*Subtitulos*/
#blackestnight #h1 {margin:0px -5px 2px -5px;padding: 0px 0px 2px 10px; border-bottom: 1px dotted;font-size: 15px; text-transform: uppercase;letter-spacing:2px;}
#blackestnight #h2 {font-size: 20px; text-transform: uppercase;letter-spacing:2px;width: 225px; text-align: center; -webkit-transform: rotate(90deg);transform: rotate(90deg);-moz-transform: rotate(90deg);position: absolute; top: 120px; right: -125px;}
#blackestnight #h3 {font-size: 9px; text-transform: uppercase;text-align: center; color: #888;position: absolute; top: 225px;width: 170px;}
/*Staff*/
.bnstaff {overflow: hidden;width: 40px; height: 40px; background-size: 200%;background-position: center;border-radius: 5px;margin-left: 5px;display: inline-block;position: absolute;top:140px;}
.bns5 {top: 183px;margin: 0px;} .bns6 {top: 183px;left: 42px;} .bns7 {top: 183px;left: 84px;} .bns8 {top: 183px;left: 126px;}
.bnstaff b, .bnstaff span, .bnstaff a {opacity: 0;}
.bnstaff:hover b, .bnstaff:hover span, .bnstaff:hover a {opacity: 0.8;}
.bnstaff:hover {left:0px;top: 140px;z-index: 999; width: 150px; height: 63px;padding:10px; background-size: 100%;margin: 0px;}
.bnstaff b {display: block; text-align: center;border-radius: 5px; margin-bottom: 2px;}
.bnstaff span {display: block;border-radius: 5px; text-align: center;margin-bottom: 2px;}
.bnstaff a {text-decoration: none; text-transform: uppercase; letter-spacing: 2px;display: inline-block; text-align: center;border-radius: 5px;width: 48%; margin: 0px 1%; }
.bnstaff a:hover {background: #333;}
/*botones*/
.bnboton {filter: gray;-webkit-filter: grayscale(100%);width: 65px; height: 65px; border: 5px solid #222;background-size: 200%; position: absolute; left: -30px;border-radius:10px;cursor: pointer;}
.bnboton:hover {width: 130px;left:-95px;background-size: 100%;filter: none;-webkit-filter: grayscale(0%);}
#bnbot {margin: 20px auto; opacity: 0; width: 65px; text-transform: uppercase;letter-spacing: 2px; font-size: 10px;border-radius: 5px;text-align: center;padding: 5px 0px; }
.bnboton:hover #bnbot {opacity: 0.9;}
.bn2 {top: 90px;}
.bn3 {top: 170px;}
.bnselec {filter: none;-webkit-filter: grayscale(0%);}

/*generales*/
#blackestnight * {-webkit-backface-visibility: hidden;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

#blackestnight ::-webkit-scrollbar { width: 8px; height: 8px; } #blackestnight ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {display: none;} #blackestnight ::-webkit-scrollbar-track-piece {background: transparent;} #blackestnight ::-webkit-scrollbar-thumb:horizontal, #blackestnight ::-webkit-scrollbar-thumb:vertical {border-radius: 10px;}

@font-face {
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}
/*-------------FIN TABLON BLACKEST NIGHT BY PYRITE WOLF DE OUR SOURCE CODE!-------------*/


Última edição por R. Rinehardt em Ter 4 Abr 2017 - 0:12, editado 1 vez(es)

R. Rinehardt
Nível 8

Masculino
Inscrito dia : 06/05/2010
Mensagens : 106
Pontos Ativos : 183

http://cjrpg.forumeiros.com/

Resolvido Re: Chatbox com barra de rolagem

Mensagem por R. Rinehardt em Dom 2 Abr 2017 - 17:55

UP!

R. Rinehardt
Nível 8

Masculino
Inscrito dia : 06/05/2010
Mensagens : 106
Pontos Ativos : 183

http://cjrpg.forumeiros.com/

Resolvido Re: Chatbox com barra de rolagem

Mensagem por Kyo Panda em Seg 3 Abr 2017 - 17:41

Adicione ao seu CSS:

Código:
.chatbox_row_1,
.chatbox_row_2 {
    width: auto;
    overflow: initial;
}


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4743

http://ajuda.forumeiros.com

Resolvido Re: Chatbox com barra de rolagem

Mensagem por R. Rinehardt em Ter 4 Abr 2017 - 0:11

Funcionou, Kyo. Muito obrigado!

R. Rinehardt
Nível 8

Masculino
Inscrito dia : 06/05/2010
Mensagens : 106
Pontos Ativos : 183

http://cjrpg.forumeiros.com/

Resolvido Re: Chatbox com barra de rolagem

Mensagem por Luiz~ em Ter 4 Abr 2017 - 0:12

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

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2929
Pontos Ativos : 3671

https://github.com/lffg/fdf/

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