Personalizar o Chatbox

3 participantes

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

Tópico resolvido Personalizar o Chatbox

Mensagem por cholati 24.09.13 1:41

Qual é minha questão:
Olá gente, espero que me ajude....
queria que no meu chatbox ficasse assim:
Personalizar o Chatbox Sem_t121
Eu vi uma dúvida igual nesse tópico:
https://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 18:12, editado 1 vez(es)
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por Sennior 24.09.13 1:42

Olá amigo!

Já elu este tutorial?

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

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por cholati 24.09.13 1:44

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

Desde já, lhe agradeço.
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por Frєzy 24.09.13 2:18

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://2img.net/i/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é!
Frєzy

Frєzy
***

Membro desde : 18/09/2013
Mensagens : 141
Pontos : 190

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por cholati 24.09.13 2:28

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.
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por Frєzy 24.09.13 2:34

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

Até!
Frєzy

Frєzy
***

Membro desde : 18/09/2013
Mensagens : 141
Pontos : 190

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por Sennior 24.09.13 5:09

Olá amigo,

Mande-me teu CSS por gentileza.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por cholati 24.09.13 17:56

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 18:53, editado 1 vez(es)
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por cholati 24.09.13 17:59

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

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por Sennior 24.09.13 18:00

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://2img.net/i/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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por cholati 24.09.13 18:04

Olá,
é para eu alterar minha Css inteira?

Até
Rindo
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o Chatbox

Mensagem por cholati 24.09.13 18:12

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

Obg :/
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos