Personalização do chatbox

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

Resolvido Personalização do chatbox

Mensagem por LiveSteam em 16/05/12, 11:50 am

Qual é minha questão:
Olá, eu gostaria de personalizar os botoes do chat box:

http://img840.imageshack.us/img840/231/imagem2nn.png esses da imagem, colocar com a designer desses botoes:

http://desmond.imageshack.us/Himg214/scaled.php?server=214&filename=imagemrju.png&res=landing
Teria como?

Medidas que eu tomei para corrigir o problema:
Ja fiz a pergunta num tópico meu e fecharo ele :@

Links e imagens do meu problema:
Na pergunta...

Endereço do meu fórum:
http://pro-power.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por MateusV. em 16/05/12, 01:34 pm

Olá, peço que aceda ao seu
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Aba 'Folha de estilo CSS

Cole o código e salve.
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5px;
padding: 3px 5px;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 17/05/12, 06:48 am

Não deu, tipo, a imgem até fica atras do botao, mais como ele é quadrado perde o efeito, nao teria como bota ele com uma bordinha pra ficar redondo nao?
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por MateusV. em 17/05/12, 12:43 pm

Boa tarde.

Peço que substitua meu código anterior por este
Código:
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
-webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
-webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 17/05/12, 08:08 pm

Tambem nao deu, como eu disse, o botao só fica quadrado, acho que isso nao tem jeito nao Triste
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por Sennior em 17/05/12, 08:18 pm

Olá Amigo Muito feliz !

No caso tu deseja os Botoes do Chat Box igual a imagem lá em cima?

Atenciosamente,
House
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: Personalização do chatbox

Mensagem por LiveSteam em 17/05/12, 08:19 pm

Sim... mais nao com aqueles botoes, quero eles iguais no estilo...
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por Sennior em 17/05/12, 08:38 pm

Olá mais uma vez Amigo!

Adicione em seu CSS:

Código:
#chatbox_footer {
bottom: 0;
left: 0;
padding: 5px;
position: absolute;
right: 0;
}
.chatbox .forabg {
background-color: white;
border: none;
margin: 0;
padding: 0;
}
.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url(http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png);
background-position: center bottom;
background-repeat: repeat-x;
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
border-radius: 5px 5px 5px 5px;
border-right: 1px solid #DDD;
border-top: 0 solid #DDD;
}
.forabg {
background-color: white;
background-image: url(http://hitskin.com/themes/18/68/07/i_list_bg.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
* {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheetdiv {
display: block;
}

Atenciosamente,
Dr.House
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: Personalização do chatbox

Mensagem por × Lightning ≈ em 17/05/12, 09:21 pm

Ola estava também querendo colocar isto em meu forum, O que o MateusV passou Funcionou perfeitamente.
avatar

× Lightning ≈
Nível 5

Masculino
Inscrito dia : 03/05/2012
Mensagens : 52
Pontos Ativos : 78

Ver perfil do usuário http://ice-cheats.forumeiros.com.pt/

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 18/05/12, 07:19 am

è, agora eu vi isso, tirei toda css do meu forum e testei a do MateusV. e do Dr.House e funcionou, mais sem a css o forum fica sem estilo, voces poderia ver pra mim oque ta impedindo isso no chatbox de funcionar na css?

Aqui esta minha css...
Código:
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
-webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
-webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px;
}
#chatbox_footer {
bottom: 0;
left: 0;
padding: 5px;
position: absolute;
right: 0;
}
.chatbox .forabg {
background-color: white;
border: none;
margin: 0;
padding: 0;
}
.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url(http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png);
background-position: center bottom;
background-repeat: repeat-x;
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
border-radius: 5px 5px 5px 5px;
border-right: 1px solid #DDD;
border-top: 0 solid #DDD;
}
.forabg {
background-color: white;
background-image: url(http://hitskin.com/themes/18/68/07/i_list_bg.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
* {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheetdiv {
display: block;
}
/* Brilho */
a[href="/g1-administradores"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u22"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u24"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u30"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g10-gerentes"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u25"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u48"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u39"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g11-moderadores"] {
text-shadow: 0px 0px 5px #8000FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u26"] {
text-shadow: 0px 0px 5px #8000FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g12-suporte"] {
text-shadow: 0px 0px 5px #00D0FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g6-designer"] {
text-shadow: 0px 0px 5px #FF9500;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g7-premium"] {
text-shadow: 0px 0px 5px #A200FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g14-divulgadores"] {
text-shadow: 0px 0px 5px #31B031;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F4F5F4;
}

.sbHolder{position: relative;width: 200px;height: 30px;
background-color: #2d2d2d;border: solid 1px #515151;
font-family: Arial, sans-serif;font-size: 12px;font-weight: normal;}
.sbSelector{position: absolute;display: block;width: 170px;height: 30px;top: 0;left: 0;
line-height: 30px;outline: none;overflow: hidden;text-indent: 10px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
color: #EBB52D;outline: none;text-decoration: none;}
.sbToggle{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -116px no-repeat;
position: absolute;display: block;right: 0;top: 0;height: 30px;outline: none;width: 30px;}
.sbToggle:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -167px no-repeat;}
.sbToggleOpen{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -66px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbOptions{background-color: #212121;border: solid 1px #515151;
position: absolute;left: -1px;top: 30px;width: 200px;
margin: 0;padding: 0;list-style: none;z-index: 1;overflow-y: auto;}
.sbOptions li{padding: 0 7px;}
.sbOptions a{border-bottom: dotted 1px #515151;padding: 7px 0 7px 3px;display: block;outline: none;}
.sbOptions a:link, .sbOptions a:visited{color: #ddd;text-decoration: none;}
.sbOptions a:hover{color: #EBB52D;}
.sbOptions li.last a{border-bottom: none;}
.sbOptions .sbDisabled{border-bottom: dotted 1px #515151;color: #999;display: block;padding: 7px 0 7px 3px;}
.sbOptions .sbGroup{border-bottom: dotted 1px #515151;color: #EBB52D;display: block;font-weight: bold;padding: 7px 0 7px 3px;}
.sbOptions .sbSub{padding-left: 17px;}

/* Body - Wrap - Headerbar - Logo - Descripcion */

body {
    background: url("http://i46.servimg.com/u/f46/12/26/44/81/body28.png") repeat-x scroll center top #f6fafc;
}

#wrap {
    background-color: #FFFFFF;
    background-image: url(""); repeat-y scroll 0 0 transparent;
    background-repeat: repeat-x;
    margin-bottom: 30px;
    margin-top: 180px;
    min-width: 700px;
    padding: 5px 9px 5px;
    width: 960px;
}

.headerbar { margin-top: -125px; }

#logo {
  display: inline;
float: left;
position: relative;
top: -37px;
left: -21px;
}

/* Fin */


/* Panel (Row General) */

.panel {
    background-color: #f5f9fc;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #deeaf5;
    border-radius: 8px 8px 8px 8px;
}

/* PORTAL Y FOROS */

.forabg, .forumbg {
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-top: 0px solid #dddddd;
    border-bottom: 1px solid #c2d2df;
    border-left: 1px solid #c2d2df;
    border-right: 1px solid #c2d2df;
    border-radius: 8px 8px 8px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/forobg12.png");
    background-position: top;
    height: 65px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
    background: #77a9d5 url("");
    background-position: top;
    border-bottom: 1px solid #c4c4c4;
    height: 6px; }

.header{ padding-top: 1px; height: 55px; }

li.row {
    border-bottom: 1px solid #c2d2df;
    border-top: 1px solid #c2d2df;
    position: relative; left: -5px;
    width: 958px;
    min-width: 750px;
}

.row {
    background-color: #FFFFFF;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    left: -5px;
    min-width: 750px;
    position: relative;
    width: 958px;
}

.module, .post {   
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #c2d2df;
}

.module span.corners-top, .post span.corners-top {   
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/barra25.png");
    height: 35px; }

.module span.corners-bottom, .post span.corners-bottom { 
    background-color: #77a9d5;
    height: 5px; }

/* FONDO Y CONTORNO SEARCH - POP UP */

.overview {  border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px;  }

#login_popup {
background-color: #FFFFFF;
}

/*-------------------PosT Perfil-------------------*/

.postprofile {
    background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #cfcfcf;
    text-align:center;
    text-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


hr {
    border: 0 none #dddddd;
    border-top: 1px solid #dddddd;
    margin-right: 10px;
}

#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i46.servimg.com/u/f46/12/26/44/81/barra25.png);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }



/*-------------------Navegacion-------------------*/


#page-header .navbar {
position: relative;
top: -145px;
background: none;
}

#page-header .navbar{position:absolute;top: 2px;padding-left: 280px;
width:805px;background:url() repeat-x ;height:20px;background-position: top center;
}

#i_icon_mini_index {
background-image: url('http://i48.servimg.com/u/f48/15/98/52/29/forum10.png');
width: 62px;
height: 36px;right: 5em;
}
#i_icon_mini_index:hover {
background-image: url('http://i48.servimg.com/u/f48/15/98/52/29/forum11.png');
width: 62px;
height: 36px;right: 5em;
}

#i_icon_mini_portal {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/portal22.png');
width: 82px;
height: 36px;
}
#i_icon_mini_portal:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/portal23.png');
width: 82px;
height: 36px;
}


#i_icon_mini_search {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/buscar21.png');
width: 82px;
height: 36px;
}
#i_icon_mini_search:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/buscar22.png');
width: 82px;
height: 36px;
}

#i_icon_mini_members {
background-image: url('http://i.imgur.com/C2SDy.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}
#i_icon_mini_members:hover {
background-image: url('http://i.imgur.com/C2SDy.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}


#i_icon_mini_groups {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos21.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}
#i_icon_mini_groups:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos22.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}

#i_icon_mini_profile {
background-image: url('http://i.imgur.com/PyeAm.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}
#i_icon_mini_profile:hover {
background-image: url('http://i.imgur.com/PyeAm.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}

#i_icon_mini_message {
background-image: url('http://i.imgur.com/Q5Zsu.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}
#i_icon_mini_message:hover {
background-image: url('http://i.imgur.com/Q5Zsu.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}

#i_icon_mini_new_message {
background-image: url('http://i.imgur.com/rCD8C.png');
width: 113px;
height: 19px;position:absolute;top: 49px;margin-right: 100px;right: 31em;
}

#i_icon_mini_logout {
background-image: url('http://i.imgur.com/CRowP.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}
#i_icon_mini_logout:hover {
background-image: url('http://i.imgur.com/CRowP.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}


#i_icon_mini_login {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/conect13.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_login:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/conect14.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_register {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/regist14.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}
#i_icon_mini_register:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/regist15.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}

/*-------------------Search box-------------------*/

#search-box #keywords {
width: 290px;
background: url(http://i46.servimg.com/u/f46/12/26/44/81/buscar23.png) no-repeat;
height: 67px;
padding: 10px;
padding-bottom: 10px;position: relative;
padding-right: 0px;right: -10px;color: #2b2b2b;
    font-size: 11px;
}

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

#search-box{
margin-right: 525px;
position: relative;
bottom: -30px;}

#search-box input {border: 1px;}


/* CHAT BOX */

#chatbox_header{background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

/* Chatbox-------------------------------------------------*/

body.chatbox {background-image: none;}

.chatbox {background-color: #FAFAFA;}

.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }

.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}

.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}

.chatbox-options li {display:inline;}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}

#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}

#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}

#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}

#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}

#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}

.chatbox_row_3 {padding: 4px;background-color: #0075c6;}

.memberlist_row_1 {background-color: #ffffff;}

#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}

#chatbox_footer label {color: #FAFAFA; font-weight: bold;}

#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c2d2df;}

#message,#submit_button{border-width: 1px;}

.fontbutton {padding: 1px;cursor: pointer;text-align: left;}

.fontbutton_normal {background: #E1E1E2;}

.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}

.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}

.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}

#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}

#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}

#chatbox_contextmenu p.hover {background: #ffffff;}

#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}

#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}

#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}

#chatbox_contextmenu a:hover {color: ;}

.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}

#chatbox {background-image:  url(http://i44.servimg.com/u/f44/14/84/14/59/chat12.gif)}

* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}

* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}

* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
body {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
}

a:hover {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
}
body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), auto;
}

a:hover {
cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), auto;
}
a:hover {
color: blue;
text-decoration: blink;
text-shadow: 0 0 5px black;
}

.buttons a img:hover {
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#pun-qpost #text_editor_controls{position:relative !important}

.contract,.expand{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat_collapsed.png);cursor:pointer;height:18px;position:absolute;right:10px;top:6px;width:18px}
.contract{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat.png)}

dl.codebox {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("") 6px 8px no-repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: #FFFFFF;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #6495ED;
-webkit-box-shadow: 0px 10px 10px #6495ED;
color : #000000;
display: block;
overflow: auto;
}
 
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: #FFFFFF;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #6495ED;
-webkit-box-shadow: 0px 10px 10px #6495ED;
color : #000000;
display: block;
overflow: auto;
}

#wrap {
-moz-border-radius: 1x;
-webkit-border-radius: 20px;
border: 0px solid #000000;
}
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 18/05/12, 03:04 pm

Up?
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por MateusV. em 18/05/12, 03:09 pm

Boa tarde.

Peço que substitua seu CSS antigo por este
Código:
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
-webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
-webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px;
}
#chatbox_footer {
bottom: 0;
left: 0;
padding: 5px;
position: absolute;
right: 0;
}
.chatbox .forabg {
background-color: white;
border: none;
margin: 0;
padding: 0;
}
.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url(http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png);
background-position: center bottom;
background-repeat: repeat-x;
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
border-radius: 5px 5px 5px 5px;
border-right: 1px solid #DDD;
border-top: 0 solid #DDD;
}
.forabg {
background-color: white;
background-image: url(http://hitskin.com/themes/18/68/07/i_list_bg.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
* {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheetdiv {
display: block;
}
/* Brilho */
a[href="/g1-administradores"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u22"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u24"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u30"] {
text-shadow: 0px 0px 5px #FF0000;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g10-gerentes"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u25"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u48"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u39"] {
text-shadow: 0px 0px 5px #CC00FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g11-moderadores"] {
text-shadow: 0px 0px 5px #8000FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u26"] {
text-shadow: 0px 0px 5px #8000FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g12-suporte"] {
text-shadow: 0px 0px 5px #00D0FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g6-designer"] {
text-shadow: 0px 0px 5px #FF9500;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g7-premium"] {
text-shadow: 0px 0px 5px #A200FF;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/g14-divulgadores"] {
text-shadow: 0px 0px 5px #31B031;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #F4F5F4;
}

.sbHolder{position: relative;width: 200px;height: 30px;
background-color: #2d2d2d;border: solid 1px #515151;
font-family: Arial, sans-serif;font-size: 12px;font-weight: normal;}
.sbSelector{position: absolute;display: block;width: 170px;height: 30px;top: 0;left: 0;
line-height: 30px;outline: none;overflow: hidden;text-indent: 10px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
color: #EBB52D;outline: none;text-decoration: none;}
.sbToggle{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -116px no-repeat;
position: absolute;display: block;right: 0;top: 0;height: 30px;outline: none;width: 30px;}
.sbToggle:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -167px no-repeat;}
.sbToggleOpen{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -66px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbOptions{background-color: #212121;border: solid 1px #515151;
position: absolute;left: -1px;top: 30px;width: 200px;
margin: 0;padding: 0;list-style: none;z-index: 1;overflow-y: auto;}
.sbOptions li{padding: 0 7px;}
.sbOptions a{border-bottom: dotted 1px #515151;padding: 7px 0 7px 3px;display: block;outline: none;}
.sbOptions a:link, .sbOptions a:visited{color: #ddd;text-decoration: none;}
.sbOptions a:hover{color: #EBB52D;}
.sbOptions li.last a{border-bottom: none;}
.sbOptions .sbDisabled{border-bottom: dotted 1px #515151;color: #999;display: block;padding: 7px 0 7px 3px;}
.sbOptions .sbGroup{border-bottom: dotted 1px #515151;color: #EBB52D;display: block;font-weight: bold;padding: 7px 0 7px 3px;}
.sbOptions .sbSub{padding-left: 17px;}

/* Body - Wrap - Headerbar - Logo - Descripcion */

body {
    background: url("http://i46.servimg.com/u/f46/12/26/44/81/body28.png") repeat-x scroll center top #f6fafc;
}

#wrap {
    background-color: #FFFFFF;
    background-image: url(""); repeat-y scroll 0 0 transparent;
    background-repeat: repeat-x;
    margin-bottom: 30px;
    margin-top: 180px;
    min-width: 700px;
    padding: 5px 9px 5px;
    width: 960px;
}

.headerbar { margin-top: -125px; }

#logo {
  display: inline;
float: left;
position: relative;
top: -37px;
left: -21px;
}

/* Fin */


/* Panel (Row General) */

.panel {
    background-color: #f5f9fc;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #deeaf5;
    border-radius: 8px 8px 8px 8px;
}

/* PORTAL Y FOROS */

.forabg, .forumbg {
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-top: 0px solid #dddddd;
    border-bottom: 1px solid #c2d2df;
    border-left: 1px solid #c2d2df;
    border-right: 1px solid #c2d2df;
    border-radius: 8px 8px 8px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/forobg12.png");
    background-position: top;
    height: 65px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
    background: #77a9d5 url("");
    background-position: top;
    border-bottom: 1px solid #c4c4c4;
    height: 6px; }

.header{ padding-top: 1px; height: 55px; }

li.row {
    border-bottom: 1px solid #c2d2df;
    border-top: 1px solid #c2d2df;
    position: relative; left: -5px;
    width: 958px;
    min-width: 750px;
}

.row {
    background-color: #FFFFFF;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    left: -5px;
    min-width: 750px;
    position: relative;
    width: 958px;
}

.module, .post {   
    background-color: #FBFBFB;
    background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #c2d2df;
}

.module span.corners-top, .post span.corners-top {   
    background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/barra25.png");
    height: 35px; }

.module span.corners-bottom, .post span.corners-bottom { 
    background-color: #77a9d5;
    height: 5px; }

/* FONDO Y CONTORNO SEARCH - POP UP */

.overview {  border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px;  }

#login_popup {
background-color: #FFFFFF;
}

/*-------------------PosT Perfil-------------------*/

.postprofile {
    background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FAFAFA;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #cfcfcf;
    text-align:center;
    text-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


hr {
    border: 0 none #dddddd;
    border-top: 1px solid #dddddd;
    margin-right: 10px;
}

#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i46.servimg.com/u/f46/12/26/44/81/barra25.png);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }



/*-------------------Navegacion-------------------*/


#page-header .navbar {
position: relative;
top: -145px;
background: none;
}

#page-header .navbar{position:absolute;top: 2px;padding-left: 280px;
width:805px;background:url() repeat-x ;height:20px;background-position: top center;
}

#i_icon_mini_index {
background-image: url('http://i48.servimg.com/u/f48/15/98/52/29/forum10.png');
width: 62px;
height: 36px;right: 5em;
}
#i_icon_mini_index:hover {
background-image: url('http://i48.servimg.com/u/f48/15/98/52/29/forum11.png');
width: 62px;
height: 36px;right: 5em;
}

#i_icon_mini_portal {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/portal22.png');
width: 82px;
height: 36px;
}
#i_icon_mini_portal:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/portal23.png');
width: 82px;
height: 36px;
}


#i_icon_mini_search {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/buscar21.png');
width: 82px;
height: 36px;
}
#i_icon_mini_search:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/buscar22.png');
width: 82px;
height: 36px;
}

#i_icon_mini_members {
background-image: url('http://i.imgur.com/C2SDy.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}
#i_icon_mini_members:hover {
background-image: url('http://i.imgur.com/C2SDy.png');
width: 67px;
height: 19px;position:absolute;top: 49px;margin-right: 380px;right: 31em;
}


#i_icon_mini_groups {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos21.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}
#i_icon_mini_groups:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos22.png');
width: 56px;
height: 19px;position:absolute;top: 49px;margin-right: 310px;right: 31em;
}

#i_icon_mini_profile {
background-image: url('http://i.imgur.com/PyeAm.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}
#i_icon_mini_profile:hover {
background-image: url('http://i.imgur.com/PyeAm.png');
width: 59px;
height: 19px;position:absolute;top: 49px;margin-right: 235px;right: 31em;
}

#i_icon_mini_message {
background-image: url('http://i.imgur.com/Q5Zsu.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}
#i_icon_mini_message:hover {
background-image: url('http://i.imgur.com/Q5Zsu.png');
width: 128px;
height: 19px;position:absolute;top: 49px;margin-right: 92px;right: 31em;
}

#i_icon_mini_new_message {
background-image: url('http://i.imgur.com/rCD8C.png');
width: 113px;
height: 19px;position:absolute;top: 49px;margin-right: 100px;right: 31em;
}

#i_icon_mini_logout {
background-image: url('http://i.imgur.com/CRowP.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}
#i_icon_mini_logout:hover {
background-image: url('http://i.imgur.com/CRowP.png');
width: 93px;
height: 19px;position:absolute;top: 49px;margin-right: 105px;right: 21em;
}


#i_icon_mini_login {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/conect13.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_login:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/conect14.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 125px;right: 31em;
}
#i_icon_mini_register {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/regist14.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}
#i_icon_mini_register:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/regist15.png');
width: 77px;
height: 19px;position:absolute;top: 49px;margin-right: 218px;right: 31em;
}

/*-------------------Search box-------------------*/

#search-box #keywords {
width: 290px;
background: url(http://i46.servimg.com/u/f46/12/26/44/81/buscar23.png) no-repeat;
height: 67px;
padding: 10px;
padding-bottom: 10px;position: relative;
padding-right: 0px;right: -10px;color: #2b2b2b;
    font-size: 11px;
}

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

#search-box{
margin-right: 525px;
position: relative;
bottom: -30px;}

#search-box input {border: 1px;}


/* CHAT BOX */

#chatbox_header{background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

/* Chatbox-------------------------------------------------*/

body.chatbox {background-image: none;}

.chatbox {background-color: #FAFAFA;}

.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }

.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}

.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}

.chatbox-options li {display:inline;}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}

#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}

#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}

#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}

#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}

#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}

.chatbox_row_3 {padding: 4px;background-color: #0075c6;}

.memberlist_row_1 {background-color: #ffffff;}

#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}

#chatbox_footer label {color: #FAFAFA; font-weight: bold;}

#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;
background-image:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c2d2df;}

#message,#submit_button{border-width: 1px;}

.fontbutton {padding: 1px;cursor: pointer;text-align: left;}

.fontbutton_normal {background: #E1E1E2;}

.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}

.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}

.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}

#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}

#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}

#chatbox_contextmenu p.hover {background: #ffffff;}

#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}

#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}

#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}


.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}

#chatbox {background-image:  url(http://i44.servimg.com/u/f44/14/84/14/59/chat12.gif)}





/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
body {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
}

a:hover {
cursor: url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
}
body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), auto;
}

a:hover {
cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), url(http://cur.cursors-4u.net/cursors/cur-6/cur531.cur), auto;
}
a:hover {
color: blue;
text-decoration: blink;
text-shadow: 0 0 5px black;
}

.buttons a img:hover {
-moz-opacity: .85;
-moz-transform: rotate(-2.2deg) scale(0.9);
-webkit-transform: rotate(-2.2deg) scale(0.9);
filter: alpha(opacity=100);
opacity: 1;
}

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#pun-qpost #text_editor_controls{position:relative !important}

.contract,.expand{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat_collapsed.png);cursor:pointer;height:18px;position:absolute;right:10px;top:6px;width:18px}
.contract{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat.png)}

dl.codebox {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("") 6px 8px no-repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: #FFFFFF;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #6495ED;
-webkit-box-shadow: 0px 10px 10px #6495ED;
color : #000000;
display: block;
overflow: auto;
}
 
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: #FFFFFF;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #6495ED;
-webkit-box-shadow: 0px 10px 10px #6495ED;
color : #000000;
display: block;
overflow: auto;
}

#wrap {
-moz-border-radius: 1x;
-webkit-border-radius: 20px;
border: 0px solid #000000;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do chatbox

Mensagem por Black-Star em 18/05/12, 03:11 pm

vlw
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

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

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 19/05/12, 04:43 pm

Mateus, funciona funcionou, mais nao ficou com aquele efeito luizinha quando passa o mouse por sima do botao igual no chatbox do × Lightning ≈
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por MateusV. em 19/05/12, 08:44 pm

@LiveSteam escreveu:Mateus, funciona funcionou, mais nao ficou com aquele efeito luizinha quando passa o mouse por sima do botao igual no chatbox do × Lightning ≈

Olá, não compreendi, poderia especificar para mim por favor? O código não mostrou o devido resultado?

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 20/05/12, 08:41 am

Isso mesmo, nao teve o resultado que eu esperava...
olha quando passa a seta do mouse por cima dos botao no chat do × Lightning ≈

http://i47.tinypic.com/68cxtk.jpg

Olha como ta no meu

http://i45.tinypic.com/2z4yftf.jpg

(A seta ta em cima do botao "B")

Teria como resolver isto?
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Resolvido Re: Personalização do chatbox

Mensagem por MateusV. em 20/05/12, 05:55 pm

Boa noite.

Peço que adicione este código em seu CSS
#chatbox_footer .fontbutton:hover {
border: 1px solid #86B125;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do chatbox

Mensagem por LiveSteam em 21/05/12, 09:59 am

RESOLVIDO!
Origado, só faltava isso mesmo Piscada
avatar

LiveSteam
Nível 10

Masculino
Inscrito dia : 08/02/2011
Mensagens : 262
Pontos Ativos : 386

Ver perfil do usuário http://pro-power.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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