Como ajeito o chatbox ?

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

Resolvido Como ajeito o chatbox ?

Mensagem por @ Thiago @ Arromba @ em 14/12/13, 09:55 am

Qual é minha questão:
Olá ,
Onde está escrito : Login , Arquivos , E Atualização Automatica ,
Não dá para visualizar 100 % ,  
Segue o Print :
http://prntscr.com/2b1yuh

Eu gostaria de saber como eu coloco uma imagem atrás do Login etc...

Código do ChatBox:
Código:
/* Chatbox */




#chatbox img{max-height:200px!important;max-width:200px!important}#chatbox,#chatbox_footer,#chatbox_members{background:#fff}body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{background:url (http://i49.tinypic.com/2vkfaqh.jpg) repeat-x 0 0;border-radius:5px 5px 0 0;height:30px;padding-bottom:0}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background:url(http://i.imgur.com/G3jnH2B.png)rgba(7,7,7,0.05);background-color:#f4f9fd;background-image:none;border-bottom:2px solid #005acc;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center;text-shadow:1px 0 0 #888787}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);left:181px;line-height:10px;margin-bottom:4px;overflow:auto;position:absolute;right:0;top:30px;width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff;line-height:1.2em}.chatbox_row_1{background-color:#F8F8F8;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA;bottom:0;left:0;position:absolute;right:0}#chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}#chatbox_header .main-head{background:#A9B4C0 url(http://img823.imageshack.us/img823/8062/dehz.png) repeat;border-radius:3px;height:40px}#chatbox_header.main-head{background:#262626 url(http://i.imgur.com/G3jnH2B.png) repeat;color:#dedfdf;padding:0 1.3em}#chatbox_messenger_form input#message{min-width:450px}#message,#submit_button{border-width:1px}#chatbox_messenger_form #submit_button:hover{background:#E2FCFF;border:1px solid #4CC3FC;color:#027FAF}#chatbox p:last-child{margin-bottom:16px}#divsmilies img + img{visibility:visible!important}


Endereço do meu fórum:
http://inex.f-orum.com

Versão do fórum:
PHPBB3


Última edição por @ Thiago @ Arromba @ em 18/12/13, 09:32 am, editado 1 vez(es)
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como ajeito o chatbox ?

Mensagem por DaViD-DaViD em 14/12/13, 10:11 am

Olá,

Edite essa Imagem: http://img823.imageshack.us/img823/8062/dehz.png

Parece que ela foi removida '-'

DaViD-DaViD
Nível 9

Masculino
Inscrito dia : 01/05/2013
Mensagens : 153
Pontos Ativos : 263

Ver perfil do usuário http://ultra.forum-pro.net

Resolvido Re: Como ajeito o chatbox ?

Mensagem por D'Leandro™ em 14/12/13, 11:56 am

Use este código:
/* Chatbox */#chatbox img{max-height:200px!important;max-width:200px!important}#chatbox,#chatbox_footer,#chatbox_members{background:#fff}body.chatbox{background-color:#fff;background-image:none;margin:0;padding:0}#chatbox_header{background:#FF0000;border-radius:5px 5px 0 0;height:30px;padding-bottom:0}.chatbox-title,.chatbox-title a.chat-title{color:#dedfdf;text-decoration:none}.chatbox-title{float:left;margin:0;padding:2px 5px 0;width:15em}.chatbox-options{float:right;font-size:11px;list-style:none;margin:.7em .5em .5em}.chatbox-options li{display:inline}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#dedfdf}#chatbox_members{background:#F1F1F1;border-right:1px solid #C2C2C2;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox_messenger_form{margin:10px 0 0}#chatbox_members .member-title{background:url(http://i.imgur.com/G3jnH2B.png)rgba(7,7,7,0.05);background-color:#f4f9fd;background-image:none;border-bottom:2px solid #005acc;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center;text-shadow:1px 0 0 #888787}#chatbox_members ul{list-style:none;margin:0 0 0 1em}#chatbox_members ul li{margin:.5em .5em .5em 0}#chatbox{bottom:30px;height:expres​sion((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);left:181px;line-height:10px;margin-bottom:4px;overflow:auto;position:absolute;right:0;top:30px;width:expres​sion((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}#chatbox p{border-bottom:1px solid #DDD;border-top:1px solid #fff;line-height:1.2em}.chatbox_row_1{background-color:#F8F8F8;padding:4px}.chatbox_row_2{background-color:#f4f4f4;padding:4px}.chatbox_row_3{background-color:#f4f9fd;padding:4px}#chatbox .user{font-weight:700}#chatbox_footer{background:#E9E9E9;border-top:1px solid #CACACA;bottom:0;left:0;position:absolute;right:0}#chatbox-members{height:expres​sion((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox-footer{width:expres​sion((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}#chatbox_contextmenu p{background:#fbfbfb;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#f4f4f4}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:95%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#00569c;font-size:95%;text-decoration:none}.module{overflow:hidden!important}h2.chatbox-title a.chat-title{color:#fff;font-size:1.2em;font-weight:700;line-height:1.1em;text-align:center;text-shadow:0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 3px 0 #B9B9B9,0 4px 0 #AAA,0 5px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}#chatbox a,#chatbox_members a{color:#006B6B}#chatbox_messenger_form div.right img{visibility:hidden}#chatbox_header .main-head{background:#A9B4C0 url(http://img823.imageshack.us/img823/8062/dehz.png) repeat;border-radius:3px;height:40px}#chatbox_header.main-head{background:#262626 url(http://i.imgur.com/G3jnH2B.png) repeat;color:#dedfdf;padding:0 1.3em}#chatbox_messenger_form input#message{min-width:450px}#message,#submit_button{border-width:1px}#chatbox_messenger_form #submit_button:hover{background:#E2FCFF;border:1px solid #4CC3FC;color:#027FAF}#chatbox p:last-child{margin-bottom:16px}#divsmilies img + img{visibility:visible!important}

Ele deixará o fundo vermelho, procure por #FF0000 e troque pela cor ou imagem que você quer!

Se for usar uma imagem troque o #FF0000 por url(LINK_DA_IMAGEM)
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como ajeito o chatbox ?

Mensagem por @ Thiago @ Arromba @ em 14/12/13, 01:28 pm

Não Resultou !
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como ajeito o chatbox ?

Mensagem por DaViD-DaViD em 15/12/13, 05:30 pm

Olá Thiago,

Acabei de ver o código do Leandro e ficou normal , Print:


DaViD-DaViD
Nível 9

Masculino
Inscrito dia : 01/05/2013
Mensagens : 153
Pontos Ativos : 263

Ver perfil do usuário http://ultra.forum-pro.net

Resolvido Re: Como ajeito o chatbox ?

Mensagem por @ Thiago @ Arromba @ em 16/12/13, 10:37 am

DaVID-DaViD Poderia me passar qual é o código ?
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como ajeito o chatbox ?

Mensagem por D'Leandro™ em 16/12/13, 02:58 pm

É o código que eu passei --'
Se não funcionou é por que você não soube usar!
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como ajeito o chatbox ?

Mensagem por @ Thiago @ Arromba @ em 16/12/13, 03:54 pm

Leandro , Desculpe-Me , mais este chat vi em outro fórum de Suporte , Também não foi na Staffer Group BR.
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como ajeito o chatbox ?

Mensagem por D'Leandro™ em 16/12/13, 04:08 pm

Aqui mano:
#chatbox_header {
background: red !important;
}
Coloque no inicio do CSS, com certeza irá funcionar.
Foto: http://i56.servimg.com/u/f56/17/71/75/73/sem_ta15.jpg
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como ajeito o chatbox ?

Mensagem por @ Thiago @ Arromba @ em 16/12/13, 04:19 pm

Obrigado resultou ,
Mais agora eu estou querendo por imagem e não concigo.
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como ajeito o chatbox ?

Mensagem por D'Leandro™ em 16/12/13, 05:35 pm

Substitua o código por este:
#chatbox_header {
background: url("LINK_DA_IMAGEM") !important;
}

Se funcionar clique em "Obrigado"
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

Resolvido Re: Como ajeito o chatbox ?

Mensagem por @ Thiago @ Arromba @ em 18/12/13, 09:30 am

Olá ,
Você resolveu o meu problema ,
Obrigado.
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Como ajeito o chatbox ?

Mensagem por D'Leandro™ em 18/12/13, 11:48 am

É sempre um prazer ajudar amigo, estou as ordens.
avatar

D'Leandro™
Usuário avançado

Masculino
Inscrito dia : 18/08/2012
Mensagens : 387
Pontos Ativos : 615

Ver perfil do usuário http://staffergroupbr.stuning.net/portal

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