Chatbox modificado

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

Resolvido Chatbox modificado

Mensagem por rhilnner em 02/03/14, 01:54 am

Qual é minha questão:
Quero o código que deixa o chatbox assim: http://prntscr.com/2x3n1o
Ai você me pergunta "mais vc ja tem esse chat", eu quero coloca-lo em outro tema meu....

Endereço do meu fórum:
http://mundial.forum-pro.net

Versão do fórum:
PUNBB


Última edição por rhilnner em 02/03/14, 02:37 am, editado 1 vez(es)
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Chatbox modificado

Mensagem por Troubleshoot em 02/03/14, 01:59 am

Olá!
Adicione este código em sua folha de estilo CSS:
Código:
#chatbox > p span.user > span strong{display:none}.frm-form fieldset.frm-set .inputbox,.frm-form fieldset.frm-set textarea.inputbox{-webkit-appearance:textarea;-webkit-box-orient:vertical;-webkit-rtl-ordering:logical;-webkit-user-select:text;background-color:#292929;border:1px solid;border-image:initial;color:#777;cursor:auto;resize:auto;white-space:pre-wrap;word-wrap:break-word}.frm-form fieldset.frm-set .inputbox:focus,.frm-form fieldset.frm-set textarea.inputbox:focus{background-color:#4b4b4b;border-color:#797979;color:#f8f8f8;outline:none}.pun select{-moz-border-radius:3px;-webkit-border-radius:3px;background:#171717 none;border:1px solid #2E2E2E;border-radius:3px;color:#777;font-family:arial,helvetica,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:700;outline:0;padding:4px}textarea:focus{background-color:#4b4b4b;border-color:#797979;color:#f8f8f8;outline:none}#chatbox,#chatbox_footer,#chatbox_members{background:#1a1a1a;border-top:1px solid #EAEAEA}html{background:#1a1a1a}#chatbox_header.main-head{-moz-border-radius:3px;background:#3196CC url(http://i10.servimg.com/u/f10/16/47/91/52/mainti11.png) repeat-x 100% 50%;border:1px solid rgba(255,255,255,0.2);color:#fff;overflow:hidden;padding:2px;text-shadow:0 -1px 0 rgba(0,0,0,0.4)}.chatbox-title,.chatbox-title a.chat-title{color:#fff;font-size:12px;font-weight:700}h2.chatbox-title:after{content:"AForum"}a.chat-title{display:none}.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#fff}#chatbox_members .member-title{background:#1a1a1a;background-color:#F4F9FD;background-image:none;border-bottom:2px solid red;color:#FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center;text-shadow:1px 0 0 #fff}#chatbox_members{background:#fff url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) no-repeat 8px -3px;display:none}div.main-content.chatbox.clearfix{border:1px solid #161616;border-radius:4px}#chatbox p{background:#212121 url(http://i13.servimg.com/u/f13/18/08/31/55/tdn10.png) repeat-x left top;line-height:1.2em}#chatbox_footer{background:#1a1a1a;border-top:1px solid #161616;clear:both;float:right;margin-top:0;min-width:230px;position:relative;width:290px}input#message.post{-moz-box-shadow:inset rgba(0,0,0,0.2) 0 1px 4px;-webkit-box-shadow:inset rgba(0,0,0,0.2) 0 1px 4px;background:#292929;border:1px solid #383838;box-shadow:inset rgba(0,0,0,0.2) 0 1px 4px;color:#B7B7B7;height:45px;margin:20px 20px 0;padding:6px;text-shadow:rgba(0,0,0,0.3) 0 -1px 0;width:240px}input#message.post:focus{background-color:#4b4b4b;border-color:#797979;color:#f8f8f8;outline:none}#message,#submit_button{-moz-border-radius:2px;-moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;-webkit-border-radius:2px;-webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;background:#323232 url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png) repeat-x 0 0;border-color:#2B2B2B;border-radius:2px;box-shadow:rgba(0,0,0,0.43) 0 1px 3px;color:#fff;display:block;margin:0 10px 10px 20px;padding:5px;text-shadow:#2B2B2B 0 -1px 0}#message,#submit_button:hover{opacity:.9}.fontbutton{-moz-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;-webkit-box-shadow:rgba(0,0,0,0.43) 0 1px 3px;background:#646464 url(http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png) repeat-x 0 0;border:1px solid #585858;border-radius:2px;box-shadow:rgba(0,0,0,0.43) 0 1px 3px;color:#000;cursor:pointer;float:left;margin:3px 10px 3px 3px;padding:3px;text-align:left;text-shadow:#474747 0 -1px 0}.fontbutton:hover{opacity:.9}#divsmilies img + img{visibility:visible!important}#chatbox_messenger_form div.right img{visibility:hidden}#simple-wrap{background:transparent}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline{background-position:center;background-repeat:no-repeat}#divbold{background-image:url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png)}#divitalic{background-image:url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png)}#divunderline{background-image:url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png)}#divstrike{background-image:url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png)}#divcolor{background-image:url(http://illiweb.com/fa/wysiwyg/color_swatch.png)}#divsmilies{background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png)}#chatbox{background:#333;border:1px solid #222;left:0;margin-right:290px;margin-top:6px;padding:8px}

Resulta?


Cordialmente,
Engine404
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2196
Pontos Ativos : 2939

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Chatbox modificado

Mensagem por ShiroK em 02/03/14, 02:11 am

Olá,

Aceda,
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Aplique tal código, 

Código:
#chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Chatbox modificado

Mensagem por rhilnner em 02/03/14, 02:17 am

Tem como ser branco?
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

Resolvido Re: Chatbox modificado

Mensagem por ShiroK em 02/03/14, 02:20 am

Olá,

Rhilnner pelo o código ser imenso iria dificultar bastante caso eu colocasse a ''cor'' branca, poderia ''quebrar'' todo código ou realmente não funcionar, espero que entenda. Mas se desejar muito crie outro tópico para pedir isto.

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Chatbox modificado

Mensagem por rhilnner em 02/03/14, 02:30 am

Obrigado, podem fechar.
avatar

rhilnner
Nível 6

Masculino
Inscrito dia : 24/06/2012
Mensagens : 61
Pontos Ativos : 103

Ver perfil do usuário http://space-cheats.forumeiros.com/forum

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