[dúvida] chatbox personalizado (phpbb3)

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

Resolvido [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 06/08/13, 11:50 am

Qual é minha questão:
Eu tentei modificar a chatbox por este [url=tutorial]http://ajuda.forumeiros.com/t72342-tutorial-chatbox-personalizado[/url] e o resultado esperado era este: , mas o que aconteceu foi isto:

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

Versão do fórum:
PHPBB3
avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por MateusA em 06/08/13, 11:54 am

Olá!

Retire os códigos do tutorial, e, me forneça a sua 'Folha de Estilos CSS'.
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 06/08/13, 12:55 pm

Aqui está:

Código:
Código:
            /** Generated by FG **/
@font-face {
   font-family: 'Conv_aposiopesis normal';
   src: url('fonts/aposiopesis normal.eot');
   src: local('☺'), url('fonts/aposiopesis normal.woff') format('woff'), url('fonts/aposiopesis normal.ttf') format('truetype'), url('fonts/aposiopesis normal.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}



/* Fancybox by Baivong */
        .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
        .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
        .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
        .fancybox-opened{z-index:1003}
        .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
        .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
        .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
        .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
        .fancybox-image{max-width:100%;max-height:100%}
        #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
        .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
        .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
        .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
        #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
        .fancybox-title{display:none}
        .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
        .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
        .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
        .fancybox-title-inside-wrap{margin-top:10px}
        .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

#wrap {
margin-top: -10px;
margin-bottom: -10px;
border-left: solid 15px #2a0101;
border-right: solid 15px #2a0101;
width: 1170px;
}
/*Borda do forum Abaixo das categorias*/
.forabg {
    border-bottom: 20px solid #0000;
    border-radius: 0px 0px 0px 0px;
    }


/*Quienestaenlinea y estadisticas*/
ul + .h3, #i_whosonline + p {
  width: 49%;
}

.clear + .h3, #page-body p.page-bottom {
  float: right;
  width: 49%;
}
 
.clear + .h3 {
  position: relative;
  bottom: 17.7em;
}

#page-body p.page-bottom {
  position: relative;
  bottom: 13em;
  left: 38em;
  a{outline: none;}
a:link,a:active,a:visited {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
}

/*Quitar el Buscar*/
#search-box {visibility:hidden}

/*Subir el Navar*/
#page-header .navbar{
margin-top: -15px;
}
/*widgets*/

#content-container div#right {
border-top-left-radius: 0px;
margin-left: 0px;
margin-top: -69px;
width: 230px;
}

.module .h3 {
visibility:hidden;
}

#content-container div#left {
background-image: url('');
}
.module {
background-url:('');
}

    .module {
    background: url('');
    }

#comments_scroll_div{
  background: url('');
  background-repeat: no-repeat;
  margin-top:-40px;
  margin-left:-7px;
  text-align: left;
  width: 230px;
  height:268px;
  }



#content-container div#left {
    background: URL('');
    margin-left: 7px;
    box-shadow: 0 0 6px #COLOR;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    }


    .module{
    background-color:transparent;
    }

/*Logo forum*/
#logo {margin-left: -13px;
margin-top: 5px;}


/*categorias la caja*/
.desc3 {
background-color: #fefefe;
border: 1px solid #COLOR;
border-radius: 0px 00px 0px 0px;
text: Trebuchet MS;
font-size: 9.5px;
color: #COLOR;
display: block;
border-left: 0px solid #241014; 
line-height: 9px;
text-shadow: 1px 1px 0 #COLOR;
margin-left: 15px;
margin-top: 5px;
padding: 10px;
text-align: justify;
width: 350px;
  border-left: solid 15px #4D123F;
border-right: solid 15px #4D123F;
}



/*aspecto do nome dos usuarios*/
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
font-size: 2em;
font-style: italic !important;
font-family: georgia;
text-decoration: none;
letter-spacing: -2px;
}

.postprofile {
display: block;
text-align: center;}

.postprofile dd {
text-align: left;
margin-top: 4px;
}

/*estilo das legendas*/
p em b a.gensmall {
color: #000000;
font-family: georgia;
font-size: 17px;
font-style: italic;
text-align: center;
text-shadow: 0 0 4px #COLOR;
text-transform: lowercase;
}

p em {
font-style: normal;
color: transparent;
}

/*cor do fundo dos autores de um post*/
p.author {
background-color: #090706;
border-radius: 0px 0px 0px 0px;
margin-top: 20px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
}

p.author {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
line-height: 1.2em;
margin: 0 15em 0.6em 0;
padding: 0 0 5px;
}

/*Barra Editar,Apagar e citar movimento*/

.postbody ul.profile-icons{margin-top:-4px;margin-right:-37px}

/*mensagens*/
ul#picture_legend {
background-color: #090706;
background-position: center center;
background-repeat: no-repeat;
padding: 18px 0;
border-radius: 0px 0px 0px 0px;
text-align: center;
}



/*Título das Categorias*/
li.header {
text-transform: none;
font-size:0px;
padding: 10px;
background: url('http://i51.tinypic.com/20pwmy8.jpg');
border-left: 20px solid #2a0101;
  border-rigth: 20px solid #2a0101;
text-align: left;
}

.table-title, .table-title h2 {
color: #440000;
font: 33px Megrim;
letter-spacing: 3px;
text-shadow: 1px 1px 1px #fff;
  text-shadow: 0px 2px 3px #000;
}

/*Títulos dos forums*/
a.forumtitle {
border-left: 0px solid #241014;
display: block;
font: 18px Georgia;
letter-spacing: 1px; 
margin-top: 10px;
margin-bottom: -10px;
width: 1175px;
padding: 5px;
height: 5px;
width: 400px;
position: relative;
text-transform: none;
-webkit-transition:0.8s;
-o-transition:0.8s;
-moz-transitio:0.8s;
}

a.forumtitle:hover{
-webkit-transition:0.0s;
-o-transition:0.0s;
-moz-transitio:0.0s;
}

/*lo que hace que se baje el cuadro del chrome*/

#helpbox.helpline {
display:none;
}

/*Code, Spoiler e Quote*/
dl.codebox {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#7a7a7a;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}

dl.codebox code {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}

blockquote {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}

/*perfil*/
.postprofile a img{
      opacity: 0.7;
      transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -webkit-transition: all 0.5s ease 0s;
    }

    .postprofile a img:hover {
      opacity: 1;
    }

.postprofile {
    display: block;
    text-align: left;}

    .postprofile dd {
            text-align: left;
            margin-top: 4px;
      }

/**Menu Hover**/
.mainmenu {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}.mainmenu:hover {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;cursor:allowed;}

/**Descrição dos fórums**/
.d1 {
  background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
  width: 300px;
}

/**Barra de Rolamento**/
::-webkit-scrollbar {
width: 15px;
height: 10px;
}




:-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 30px;
display: block;
background-color: #2a0101;
}

::-webkit-scrollbar-track-piece  {
  background-image: url('http://i.imgur.com/GyMFv.png');
  opacity: 0.8;
}

/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: auto;
background-color: #2a0101;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: 100px;
background-color: #2a0101;
}

/*Hover nas categorias*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
  background-color: #000000;
border-left: 20px solid #2a0101;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
  width: 300px;
  -webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

/*Bordas dos widgets*/
.module{
border:15px solid #2a0101;
}

/*Logo hover*/
#logo-desc {
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}
#logo-desc:hover {
opacity: 1.0;
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}

/*Imagem hover*/
img {
opacity: 0.9;
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
filter: alpha(opacity=9);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
img:hover {
opacity:1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}

avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Sennior em 06/08/13, 02:57 pm

Boa tarde,

Troque o código CSS do tutorial pelo abaixo:

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 !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)}

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: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Consolado em 06/08/13, 03:04 pm

Olá!

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 06/08/13, 03:52 pm

Obrigado, mas com o código do Sheldon ficou igual, mas com o do Today ficou assim:
avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Consolado em 06/08/13, 04:01 pm

Está melhorando? Você retirou os outros códigos referentes ao Chatbox antes de colar o meu?
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 06/08/13, 04:06 pm

Continua como na imagem anterior e eu não tinha mais nenhum código para a chatbox antes desse.
avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Sennior em 06/08/13, 06:01 pm

Olá!

Altere por este amigo:

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é 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: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 06/08/13, 06:26 pm

Ah agor ficou bom, mas há alguma maneira de mudar as cores?
avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Sennior em 07/08/13, 04:16 pm

Olá amigo,

Quais cores no caso? Poderia descrever para nós?

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: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 07/08/13, 05:20 pm

As cores brancas passarem a preto e as pretas/cinzentas passarem a brancas, pois o meu fórum tem o fundo preto e estéticamente fica mal.
avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Sennior em 07/08/13, 05:43 pm

Olá amigo,

Poderia me mostrar uma imagem?

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: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Rich. em 08/08/13, 12:49 pm

Aqui está (reduzi o zoom para mostrar melhor o efeito)

avatar

Rich.
Nível 4

Masculino
Inscrito dia : 02/08/2012
Mensagens : 28
Pontos Ativos : 44

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

Resolvido Re: [dúvida] chatbox personalizado (phpbb3)

Mensagem por Sennior em 09/08/13, 09:40 pm

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
chatbox_members {
background: rgb(92, 92, 92) !important;
}html {
background: rgb(92, 92, 92) !important;
}#chatbox {
background: rgb(92, 92, 92) !important;
}
.chatbox_row_1.clearfix {
background: rgb(92, 92, 92) !important;
color: white !Important;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
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

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