Chatbox personalizado

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

Resolvido Chatbox personalizado

Mensagem por pyrohinotama em Sex 10 Maio - 22:25

Qual é minha questão:
Ola, observem o chat box deste forum: http://www.swordartonlinerpg.com/
gostaria que o chat box do meu forum fosse da mesma maneira só que com outra imagem(a minha escolha)
vale lembrar que uso o código para chat box retratio no meu forum.

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2


Última edição por pyrohinotama em Sex 10 Maio - 23:31, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 30/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Chatbox personalizado

Mensagem por Convidado em Sex 10 Maio - 22:28

Saudações!

Não tenho possibilidade de ver o chatbox, porque até mesmo é só para membros registrado, queira checar http://ajuda.forumeiros.com/t22416-

Até. Piscada

Convidado
Convidado


Resolvido Re: Chatbox personalizado

Mensagem por pyrohinotama em Sex 10 Maio - 22:41

se não tiver maneira de voce entrar no forum só pra ver isso(-.-'), vou descrever:

tem uma imagem no fundo, só que por sima desta imagem existe uma especie de pelicula preta transparente( que serve para destacar as letras da imagem de fundo)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 30/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Chatbox personalizado

Mensagem por Convidado em Sex 10 Maio - 22:48

Saudações!

Adicione o código abaixo em sua CSS:
Código:
#frame_chatbox{border:none!important}body.chatbox{background-color:#781862;background-image:none;margin:0;min-width:550px!important;padding:0}#chatbox_members{border-right:1px solid;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{font-size:12px}.chatbox-options{text-align:right}#chatbox_messenger_form,#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field{float:right;white-space:nowrap}#chatbox_footer{bottom:0;height:30px;left:0;position:absolute;right:0}#chatbox_footer table.text-styles{float:right}#chatbox_footer .text-field{float:left}#chatbox_header{background-color:#781862;height:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#000;padding:4px}.chatbox_row_2{background-color:#000;padding:4px}.chatbox_row_3{background-color:#000;padding:4px}.memberlist_row_1{background-color:#000;padding:2px 2px 2px 10px}#chatbox_members .member-title{background-color:#000;background-image:none;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 10px}#chatbox_members ul li{margin:2px 2px 2px 0}#message,#submit_button{border-width:1px}.fontbutton{border:0;cursor:pointer;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}#chatbox .user{font-weight:700}div#chatbox{color:#fff}#chatbox_contextmenu{background-color:#000;border:1px solid #aaa}#chatbox_contextmenu p{background:#;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:70%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#;font-size:70%;text-decoration:none}#chatbox_contextmenu a:hover{color:#}* html #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)}* html #chatbox{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);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)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth)
#chatbox{
background-image: url(http://img707.imageshack.us/img707/8441/2322803550f94f4a04a3d92.jpg);
background-repeat: repeat;
background-position: bottom right;
}body.chatbox
{background-image:url("http://i49.servimg.com/u/f49/16/99/01/35/cavale10.png");}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

Até. Piscada

Convidado
Convidado


Resolvido Re: Chatbox personalizado

Mensagem por pyrohinotama em Sex 10 Maio - 22:51

ola, parece que existe algum erro no ccs que me deu( esta faltanto algun(s) { ou } )
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 30/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Chatbox personalizado

Mensagem por Convidado em Sex 10 Maio - 22:57

Saudações!

Troque por este:
Código:
#frame_chatbox{border:none!important}body.chatbox{background-color:#781862;background-image:none;margin:0;min-width:550px!important;padding:0}#chatbox_members{border-right:1px solid;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{font-size:12px}.chatbox-options{text-align:right}#chatbox_messenger_form,#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field{float:right;white-space:nowrap}#chatbox_footer{bottom:0;height:30px;left:0;position:absolute;right:0}#chatbox_footer table.text-styles{float:right}#chatbox_footer .text-field{float:left}#chatbox_header{background-color:#781862;height:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#000;padding:4px}.chatbox_row_2{background-color:#000;padding:4px}.chatbox_row_3{background-color:#000;padding:4px}.memberlist_row_1{background-color:#000;padding:2px 2px 2px 10px}#chatbox_members .member-title{background-color:#000;background-image:none;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 10px}#chatbox_members ul li{margin:2px 2px 2px 0}#message,#submit_button{border-width:1px}.fontbutton{border:0;cursor:pointer;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}#chatbox .user{font-weight:700}div#chatbox{color:#fff}#chatbox_contextmenu{background-color:#000;border:1px solid #aaa}#chatbox_contextmenu p{background:#;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:70%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#;font-size:70%;text-decoration:none}#chatbox_contextmenu a:hover{color:#}* html #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)}* html #chatbox{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);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)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth)}
#chatbox{
background-image: url(http://img707.imageshack.us/img707/8441/2322803550f94f4a04a3d92.jpg);
background-repeat: repeat;
background-position: bottom right;
}body.chatbox
{background-image:url("http://i49.servimg.com/u/f49/16/99/01/35/cavale10.png");}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

Até. Piscada

Convidado
Convidado


Resolvido Re: Chatbox personalizado

Mensagem por pyrohinotama em Sex 10 Maio - 23:27

agora deu certo valeu ae Muito feliz
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 30/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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