Personalizar o Chatbox

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

Resolvido Personalizar o Chatbox

Mensagem por cholati em 23/09/13, 09:41 pm

Qual é minha questão:
Olá gente, espero que me ajude....
queria que no meu chatbox ficasse assim:

Eu vi uma dúvida igual nesse tópico:
http://ajuda.forumeiros.com/t83042-duvida-chatbox-personalizado-phpbb3
Mas nenhum dos códigos me ajudou a ter um resultado esperado...

Até mais

Endereço do meu fórum:
http://www.narutoninjaliferpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por cholati em 24/09/13, 02:12 pm, editado 1 vez(es)
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Personalizar o Chatbox

Mensagem por Sennior em 23/09/13, 09:42 pm

Olá amigo!

Já elu este tutorial?

Seta http://ajuda.forumeiros.com/t72342-tutorial-chatbox-personalizado

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar o Chatbox

Mensagem por cholati em 23/09/13, 09:44 pm

Olá amigo,
Este tutorial não me forneceu o resultado esperado...
Veja em meu fórum como ficou...

Desde já, lhe agradeço.
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Personalizar o Chatbox

Mensagem por Frєzy em 23/09/13, 10:18 pm

Olá!

Tente este 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:white !important}#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 !Important;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:italic"]{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:italic"]: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:italic"]: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)}#chatbox{background: white !important;}


Até!
avatar

Frєzy
Nível 8

Masculino
Inscrito dia : 18/09/2013
Mensagens : 141
Pontos Ativos : 190

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

Resolvido Re: Personalizar o Chatbox

Mensagem por cholati em 23/09/13, 10:28 pm

Olá amigo, vc so colocou o mesmo código do tutorial em que não deu muito certo.

Bom gente, até que deu sim, mais não da muito certo,sai meio bugado...

Se poder consertar alguma coisa fale plz.

Flw.
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Personalizar o Chatbox

Mensagem por Frєzy em 23/09/13, 10:34 pm

Olá!
Não peguei exatamente do tutorial,
O que gostaria que eu arrumasse em teu chatbox ?

Até!
avatar

Frєzy
Nível 8

Masculino
Inscrito dia : 18/09/2013
Mensagens : 141
Pontos Ativos : 190

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

Resolvido Re: Personalizar o Chatbox

Mensagem por Sennior em 24/09/13, 01:09 am

Olá amigo,

Mande-me teu CSS por gentileza.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar o Chatbox

Mensagem por cholati em 24/09/13, 01:56 pm

Olá, bom, o que está ruim em meu chat box, e que esta meio bugado, não está como eu desejo.

Sennior - Sheldon.

Aqui minha Css.
Até - esperando ajuda;
Tive uma idéia!


Última edição por cholati em 24/09/13, 02:53 pm, editado 1 vez(es)
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Personalizar o Chatbox

Mensagem por cholati em 24/09/13, 01:59 pm

No começo da Css está com o código de avatar do chatbox, um dos codigos do chat
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Personalizar o Chatbox

Mensagem por Sennior em 24/09/13, 02:00 pm

Opa!

Altere por este:
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:italic"]{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:italic"]: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:italic"]: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)}



.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #cfcfcf; margin: 0 5px;padding: 1px;}
/* Fim do avatar em lastpost */
.mini_ava { float: left; } .mini_ava img { width: 40px; height: 40px; margin: 0 5px; border-radius: 10px; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } .mini_ava img:hover { width: 80px; height: 80px; }
#message-box textarea {
color: #c2c2c2;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
width: 80%;
}
/*--------------- CHRISTMAS ITEMS ---------------*/

#page-header{
min-height: 245px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/header10.png) no-repeat top center;
width: 926px;}

#page-header .navbar ul{
left: 35px;
border: 0 !important;
position: relative;
bottom: -97px;}

#logo-desc{
margin-left: 85px;
margin-top: 16px;}

#page-header .navbar .linklist.navlinks a{
margin-right: 3px;
text-shadow: 1px 1px 3px black;
color: white !important;}

#page-header .navbar .linklist.navlinks a:hover{
color: #d8dee6 !important;
text-shadow: -1px -1px 2px black;}

.headerbar{background: none;}

#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/body2411.png) repeat-y;}
#container{
position: relative;
z-index: 1 !important;
margin-left: 33px;
width: 860px;}

#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 142px;
width: 901px;
background: url(http://i35.servimg.com/u/f35/18/44/84/74/untitl10.png) no-repeat top center;}
#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(http://i35.servimg.com/u/f35/18/44/84/74/12s5r11.png) no-repeat;
/*THE SANTA FROM HEADER*/}

#emptyidleft{
background: url(http://i35.servimg.com/u/f35/18/44/84/74/1_naru10.png);/*SHOES FROM FOOTER*/
width: 869px;
height: 55px;
position: absolute;
bottom: 0px;
margin-bottom: -60px;}

.forabg .corners-top{
height: 64px;
width: 48px;
position: relative;
margin-bottom: -58px;
right: -834px;
background: url(http://i35.servimg.com/u/f35/18/44/84/74/12s5r21.png) no-repeat;
/*HAT FROM THE TABLES*/}

#content{
background: url(http://i35.servimg.com/u/f35/18/44/84/74/12s5r12.png) no-repeat bottom right;
/*CANDY FROM THE BOTTOM OF THE FORUM*/}

/*--------------- END - CHRISTMAS ITEMS ---------------*/

.attachbox{
margin: 5px !important;
border: 2px solid white;
background: #dfe2e4;
border-radius:  8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}

#login_popup{
color: white !important;
text-shadow: 1px 1px 0px black;
border: 3px solid white;
border-radius:  8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
background: #7d8189;
color: white;
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;}

#login_popup .h3{
border-bottom: 1px solid white !important;
color: white !important;}

#login_popup_buttons input{
font-family: arial !important;
font-size: 15px;
font-weight: bold;
border: none !important;
background: none !important;
color: white !important;
text-shadow: 1px 1px 0px black !important;}

.codebox.spoiler dt{background: url(http://i71.servimg.com/u/f71/16/11/23/46/new20d10.png) no-repeat top right;}

.codebox dd{margin-top: -18px;}

.codebox.spoiler dd{margin-top: -15px;}

code{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636d7e !important;}

.codebox{
text-shadow: 1px 1px 0px white;
background: #CCCCCC !important;
border: 2px solid #333333 !important;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

.codebox dt{
border: 0;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/page_w10.png) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}

.codebox.hidecode dd{
position: relative;
z-index: 99;
margin-top: -40px;}

blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #CCCCCC url(http://i71.servimg.com/u/f71/16/11/23/46/commen10.png) no-repeat 5px;
border: 1px solid #333333;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

blockquote div {margin-left: 40px;}

.resizebox{
text-shadow: 1px 1px 0px white;
margin-bottom: 5px;
background: #CCCCCC url(http://i71.servimg.com/u/f71/16/11/23/46/magnif10.png) no-repeat 2px;
border: 1px solid #333333;
padding: 4px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

.resizebox .resize_border{border: 0;}

#fa_ticker_block .module{
border: 1px solid #333333;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius:  7px;
margin-left: 33px;
width: 838px;
margin-bottom: 0;}

.rightside a[href="/forum.htm?mode=delete_cookies"]{
padding: 5px 7px 7px 7px;
background: #838d99 url(http://i71.servimg.com/u/f71/16/11/23/46/cookie10.png) repeat-x top;
color: white;
text-shadow: 1px 1px 0px black;
position: relative;
left: -30px;
top: -10px;
border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0 0 5px 5px;}

.rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
background: #838d99 url(http://i71.servimg.com/u/f71/16/11/23/46/cookie10.png) repeat-x top;}

a.button1, a.button2, button.button2, input.button1, input.button2{
padding: 4px;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/button10.png) repeat-x top;}

textarea, input, .inputbox{
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
text-shadow: 1px 1px 0px white;
background: #efefef;}

.select{
margin-left: -60px;
margin-top: 35px;
top: auto !important;}

.panel{
margin: 10px;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;
border: 1px solid #333333;}

#profile-advanced-layout, #profile-advanced-right{
background: white;
position: relative;
z-index: 999;
display: inline-block !important;}

#page-footer{margin-top: 40px;}

.footer-home{top: -120px !important;}

 #page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
display: inline-block !important;}

#site-title, #logo-desc p{display: none;}

body{
background-attachment: fixed !important;
padding-left: 30px;}

#wrap{
margin-top: 150px;}

#search-box{
margin: 0;
padding: 0;
background: transparent url(http://i71.servimg.com/u/f71/16/11/23/46/search10.png) no-repeat top center;
position: relative;
left: -40px;
top: -20px;
width: 184px;
height: 50px;}

#search-box .button2{display: none;}

#search-box #keywords{
background: none;
border: none;
width: 120px;
height: 50px;
bottom: 2px;
left: 30px;
position: relative;}


#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/body_e10.png) no-repeat bottom center;}
#page-footer{
width: 926px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/footer10.png) no-repeat top center;
height: 55px;}

#page-footer .navbar{background: none;}

#page-footer .navbar ul{
text-align: center !important;
margin-top: 10px;}

#page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}

#page-footer ul.linklist li.rightside {
text-align: center !important;
width: 860px !important;
display: inline-block !important;
left: -23px !important;
position: relative;}

.footer-home a{color: transparent !important;}

.icon-home{
left: 6px;
bottom: -6px;
position: relative;
padding: 15px 12px;
font-size: 0px;}

.icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
color: transparent !important;}

.footer-home{
position: relative;
left: -37px;
top: -80px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/home1310.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}

.footer-home:hover{background: url(http://i71.servimg.com/u/f71/16/11/23/46/homeho10.png) no-repeat center;}

#page-footer p.copyright strong a{
float: left !important:
margin-left: 30px;
font-weight: bold;
font-size: 14px;
font-family: arial;
color: white;
text-shadow: 1px 1px 0px black;}

.copyright{text-align: left !important;}

.header{
height: 35px;
background: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png);}

#memberlist, .table1{
background: url(http://i71.servimg.com/u/f71/16/11/23/46/titleb10.png) no-repeat top center;
height: 35px;}

#memberlist{padding-top: 18px;}

#memberlist th{margin-top: -10px;}

.table1{padding-top: 15px;}

.header, .header h2, .header h1, .header h3{
font-family: Arial !important;
font-weight: bold !important;
font-size: 11px !important;
text-shadow: 1px 1px 2px black;}

table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}

.header dd, .header dt{
position: relative;
bottom: -8px;}

.forumbg .header dt{padding-left: 5px !important;}

dd.topics{
font-size: 15px;
text-shadow: 1px 1px 0px white;
position: relative;
left: -517px;
top: -8px;}

.forabg dd, .forumbg dd{border: none !important;}

.row, ul.forums dd{border: none !important;}

.icon{background-position: 20px 70% !important;}

.forumbg .icon{background-position: 8px 50% !important;}

dl[style="background:url(http://i71.servimg.com/u/f71/16/11/23/46/lock_t10.png) no-repeat scroll 10px 50%;"] .topics {
color: #b52b2b;}

dl[style="background:url(http://i71.servimg.com/u/f71/16/11/23/46/lock_t10.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 70% !important;}

dl[style="background:url(http://i71.servimg.com/u/f71/16/11/23/46/newtop10.png) no-repeat scroll 10px 50%;"] .topics {
color: #ffb400;
background-position: 15px 70% !important;}

dl[style="background:url(http://i71.servimg.com/u/f71/16/11/23/46/newtop10.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 75% !important;}

.header dd.topics{display: none;}

.forabg .header .posts, .forabg .header .lastpost{
position: relative;
right: -70px;}

form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
position: relative;
left: -10px !important;}

form[name="post"] .forabg .header dt{padding-left: 5px;}

.forabg .row:last-child{margin-bottom: -5px;}

.forabg .corners-bottom, .forumbg .corners-bottom{
position: relative;
top: -10px;
background: transparent url(http://i71.servimg.com/u/f71/16/11/23/46/table_10.png) no-repeat bottom center;
height: 16px;}

.forabg, .forumbg {
background: none;
border: none;
padding: 0px !important;}

.panel{margin-bottom: 0;}

#content{
width: 860px;
margin: 0 !important;}

.h3, h3, .panel h2 {
background: url(http://i71.servimg.com/u/f71/16/11/23/46/h3bg1010.png) no-repeat bottom left;
border: 0 !important;
color: #7b909b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;}

.forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}

.pagination{margin: 0;}

.forumbg, .right, fieldset.submit-buttons{margin: 0;}

#picture_legend li:first-child {color: #ffb400;}

#picture_legend li:last-child {color: #b52b2b;}

#picture_legend li img{
margin-right: -55px;
margin-bottom: 25px;}

#picture_legend li{padding-right: 40px;}

.postprofile,.postbody{margin-left: -5px !important;}

.postbody{
border: 2px solid #333333;
min-height: 145px;
width: 74%;
border-radius:  10px;
-webkit-border-radius:  10px;
-moz-border-radius:  10px;
background: #e3e5e6;
float: right;
padding: 10px;
position: relative;
left: -5px;}

.postprofile{
margin-top: 20px;
border-radius:  10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #e3e5e6;
border: 2px solid #333333;
padding: 10px 0;}

.post, .post.row, .post.row1, .post.row3 {padding: 0;
background-color: transparent !important;}

.table-title{padding-left: 10px;}

#i_whosonline{margin: 0;
margin-left: -64px;}

.forabg, .forumbg{
margin: 0;
padding-top: 5px !important;}

a.forumtitle:hover{text-decoration: none;}

#hitskin_preview{display: none !important;}

.portal .module{
margin: 5px;
border: 2px solid #333333;
border-radius: 7px;
-moz-border-radius: 7px;
-webkitborder-radius: 7px;
padding: 3px;
text-shadow: white 1px 1px 0px;}

.portal .module .h3{
text-align: center;
padding: 7px;
background: #333333;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border: 0px;
border-top: 0px none;
color: white !important;
font-weight: bold !important;
margin: 0px 4px;
position: relative;
text-shadow: 1px 1px 0px black;
top: -9px;}

.post{
margin-left: 5px;
padding-right: 14px !important;}

.online{
z-index: 999;
background-image: url(http://i71.servimg.com/u/f71/16/11/23/46/on21011.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i71.servimg.com/u/f71/16/11/23/46/off1012.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}


.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}

p.page-bottom:last-child {background: red !important;}


.forabg .topiclist.topics{
padding-top: 0 !important;
background: none !important;}

select{
color: #333333;
border: 1px solid #333333;
border-left: 5px solid #333333;}

.buttons{min-height: 50px;}

.buttons a img{background: url(http://i71.servimg.com/u/f71/16/11/23/46/bg1310.png) no-repeat center;}

.buttons a img:hover{background: url(http://i71.servimg.com/u/f71/16/11/23/46/hover210.png) no-repeat center;}


#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

#search_menu form{
border: 1px solid #808080;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

.title-overview.row2{
border-bottom: 1px dashed white;
background: none;}


.panel.introduction div.mes-txt{margin-bottom: 0 !important;}

.introduction .h3{margin-top: 4px !important;}

input{border: 1px solid #BCBCBC;}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

ul.profile-icons {margin-top: -10px;}


#left, #right{display: none !important;}


#chatbox_members, #chatbox{top: 35px !important;}

#cp-main{margin: 0;
width: 100%;}

#chatbox_footer .right-box.style-buttons input{
padding: 2px;
background-color: white !important;}

.postprofile dl dd a img{background: url(http://i71.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat top;}

.postprofile dl dd a img:hover{background: url(http://i71.servimg.com/u/f71/16/11/23/46/fundal10.png) no-repeat 0 -20px;}

#smiley-box {
float: right;
margin-top:0px;
width: 30%;}

#textarea_content{width: 70% !important;}

li > a.mainmenu[href="/search"] { display : none}
li > a.mainmenu[href="/groups"] { display : none}
li > a.mainmenu[href="/faq"] { display : none}

li.row:hover {
background-image: url(http://i35.servimg.com/u/f35/18/44/84/74/12s5r16.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right
}

.content h2, .panel h2{font-size: 1em!important;}
background-image: url(http://i35.servimg.com/u/f35/18/44/84/74/12s5r16.png)
background-repeat: no-repeat
background-attachment: scroll
background-position: bottom right
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar o Chatbox

Mensagem por cholati em 24/09/13, 02:04 pm

Olá,
é para eu alterar minha Css inteira?

Até
Rindo
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Personalizar o Chatbox

Mensagem por cholati em 24/09/13, 02:12 pm

Alterei toda, e até que deu certo,so n ficou igualzinho.
Mais deixa assim mesmo ne...

Obg :/
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

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