Chatbox personalizado

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

Resolvido Chatbox personalizado

Mensagem por pyrohinotama em 10/05/13, 06:25 pm

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 10/05/13, 07:31 pm, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/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 10/05/13, 06:28 pm

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
avatar

Convidado
Convidado


Resolvido Re: Chatbox personalizado

Mensagem por pyrohinotama em 10/05/13, 06:41 pm

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 : 29/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 10/05/13, 06:48 pm

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
avatar

Convidado
Convidado


Resolvido Re: Chatbox personalizado

Mensagem por pyrohinotama em 10/05/13, 06:51 pm

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

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/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 10/05/13, 06:57 pm

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
avatar

Convidado
Convidado


Resolvido Re: Chatbox personalizado

Mensagem por pyrohinotama em 10/05/13, 07:27 pm

agora deu certo valeu ae Muito feliz
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum