Como ajeito o chatbox ?
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como ajeito o chatbox ?
Qual é minha questão:
Endereço do meu fórum:
http://inex.f-orum.com
Versão do fórum:
PHPBB3
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...
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 11:32, editado 1 vez(es)
Re: Como ajeito o chatbox ?
Olá,
Edite essa Imagem: https://2img.net/r/ihimizer/img823/8062/dehz.png
Parece que ela foi removida '-'
Edite essa Imagem: https://2img.net/r/ihimizer/img823/8062/dehz.png
Parece que ela foi removida '-'
Re: Como ajeito o chatbox ?
Use este código:
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)
/* 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(https://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(https://2img.net/r/ihimizer/img823/8062/dehz.png) repeat;border-radius:3px;height:40px}#chatbox_header.main-head{background:#262626 url(https://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)
Re: Como ajeito o chatbox ?
É o código que eu passei --'
Se não funcionou é por que você não soube usar!
Se não funcionou é por que você não soube usar!
Re: Como ajeito o chatbox ?
Leandro , Desculpe-Me , mais este chat vi em outro fórum de Suporte , Também não foi na Staffer Group BR.
Re: Como ajeito o chatbox ?
Aqui mano:
Foto: https://i.servimg.com/u/f56/17/71/75/73/sem_ta15.jpg
Coloque no inicio do CSS, com certeza irá funcionar.#chatbox_header {
background: red !important;
}
Foto: https://i.servimg.com/u/f56/17/71/75/73/sem_ta15.jpg
Re: Como ajeito o chatbox ?
Obrigado resultou ,
Mais agora eu estou querendo por imagem e não concigo.
Mais agora eu estou querendo por imagem e não concigo.
Re: Como ajeito o chatbox ?
Substitua o código por este:
Se funcionar clique em "Obrigado"
#chatbox_header {
background: url("LINK_DA_IMAGEM") !important;
}
Se funcionar clique em "Obrigado"
Tópicos semelhantes
» Como eu ajeito o chat
» Como mudar a cor do chatbox
» Como personalizar o chatbox ?
» Como modificar o chatbox
» Como arrumar a chatbox
» Como mudar a cor do chatbox
» Como personalizar o chatbox ?
» Como modificar o chatbox
» Como arrumar a chatbox
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos