Personalizar o chatbox
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Personalizar o chatbox
Olá, gostaria de que arrumassem um código para um chatbox pro meu fórum.. Que combine com as cores e se enquadre bem no meu fórum, atualmente o meu chatbox está horrivel, gostaria de que ficasse com bordas verdes e arredondadas, circulado ao redor de todo o chat, etc.. Por favor peço para alguém usar a criatividade, acessando meu fórum e vendo, não me mandem o tópico de personalização chatbox pois eu não sei fazer.
Meu fórum: cbfhabbo.com
Versão: Phpbb3
Obrigado desde já!
Código do chatbox atual \/
Meu fórum: cbfhabbo.com
Versão: Phpbb3
Obrigado desde já!
Código do chatbox atual \/
- Código:
/* Chatbox */
.chatbox_row_1 { background-color: rgba(255, 255, 255, 0); }
.chatbox_row_2 { background-color: rgba(255, 255, 255, 0); }
#chatbox {
background-image: url(http://pt.imageresizer.net/upload/5oslwa769r1n7aj.png?dnq57guwpc);
}
#chatboxpop {
border-collapse: separate;
border-spacing: 2px;
border-color: rgb(14, 14, 14);
}
#chatbox_footer, #chatbox_header, #chatbox_header, #chatbox_members, #chatbox_row_ clearfix, #chatbox_row_2 clearfix {
border-radius: 0px!important;
padding-top: 2px!important;
}
Re: Personalizar o chatbox
Olá!
Seria possível dizer as cores que deseja? Pois não estou conseguindo acessar a seu fórum.
Cumprimentos.
Fraise
Seria possível dizer as cores que deseja? Pois não estou conseguindo acessar a seu fórum.
Cumprimentos.
Fraise
Re: Personalizar o chatbox
Dark green.
Re: Personalizar o chatbox
Saudações,
Leandro, será que poderia deixar o Chatbox ativo por um tempo? Seria melhor já fazer as edições em teu fórum, sem complicações.
Abraços.
Sennior
Leandro, será que poderia deixar o Chatbox ativo por um tempo? Seria melhor já fazer as edições em teu fórum, sem complicações.
Abraços.
Sennior
Re: Personalizar o chatbox
Pronto Sennior.
Re: Personalizar o chatbox
Olá!
Entrei no seu fórum e reparei que as cores do chatbox já condizem com as do fórum. De acordo com o que o senhor descreveu no tópico, penso que só falte arredondar as bordas.
Adicione este código à sua folha de estilos:
Cumprimentos.
Fraise
Entrei no seu fórum e reparei que as cores do chatbox já condizem com as do fórum. De acordo com o que o senhor descreveu no tópico, penso que só falte arredondar as bordas.
Adicione este código à sua folha de estilos:
Painel de Controle Visualização Cores Folha de estilos CSS
- Código:
#chatbox_header {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#chatbox_footer {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
Cumprimentos.
Fraise
Re: Personalizar o chatbox
Não arredondou.. Também queria cobrir todo o chatbox, não só em cima e em baixo, mas todo. E se possivel colocar um fundo nele com uma imagem relacionada a futebol, sendo escolhida a critério de quem me mandar o código.
Re: Personalizar o chatbox
Saudações,
Mas teu chatbox já se encontra com as bordas redondas:
http://prntscr.com/7vxn8o
Para a imagem no Chatbox, utilize:
Abraços.
Sennior
Mas teu chatbox já se encontra com as bordas redondas:
http://prntscr.com/7vxn8o
Para a imagem no Chatbox, utilize:
- Código:
#chatbox {
background-image: url(LINK_DA_IMAGEM)!important;
}
Abraços.
Sennior
Re: Personalizar o chatbox
Eu quero arredondar as partes verdes.
Re: Personalizar o chatbox
Olá!
Iremos precisar da sua folha de estilos, porque há um código fazendo com que não seja possível arredondar as bordas.
Atenciosamente.
Iremos precisar da sua folha de estilos, porque há um código fazendo com que não seja possível arredondar as bordas.
Atenciosamente.
Re: Personalizar o chatbox
Mas não é só isso que quero /\.. Por favor coloquem já no código do fundo, um fundo envolvendo futebol, a critério de vocês.. Quando eu coloco um fundo no chat ele fica extranho digamos assim.
FOLHA CSS:
FOLHA CSS:
- Código:
.postprofile {
border-right: 1px solid rgb(208, 208, 208)!important;
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
}
.hlfooter {
background: rgb(7, 110, 7)!important;
border-bottom: 5px solid #098609!important;
border-top: 4px solid #188818!important;
}
#wrapnav{
width: 40%;
}
.signature_div {
-webkit-box-shadow: #fff 1px 2px 1px;
background: transparent repeat scroll 0 0;
border: 1px solid #E6E6E6;
border-image: initial;
box-shadow: #fff 1px 2px 1px;
float: center;
margin-top: 10px;
max-height: 150px;
overflow: auto;
text-align: center;
}
marquee {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);
background-color: #f4f4f4;
background-repeat: repeat-x;
border: 1px solid #949494 !important;
border-radius: 7px;
margin: 3px;
}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(210,228,242) 0%, rgba(210,228,242,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(210,228,242)), color-stop(1.00, rgba(210,228,242,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod=\'auto expand\')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod=\'auto expand\')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
/* avatar */
.user-basic-info img:first-child{
-moz-border-radius:100%;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius:100%;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #d8d8d8;
border-radius:100%;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:110px;
adding:2px;
width:110px
}
.user-basic-info img:first-child:hover{
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#A1A1A1;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
/* Respeitar */
.LGlike {
-khtml-user-select:none;
-moz-border-radius:3px;
-moz-user-select:none;
-ms-user-select:none;
-webkit-border-radius:3px;
-webkit-touch-callout:none;
-webkit-user-select:none;
background:#384763 url(http://imgur.com/53do6sQ.png) no-repeat 6px 3px;
background-size:12px;
border-radius:3px;
color:#fff;
cursor:pointer;
float:right;
font-size:11px;
line-height:18px;
padding:0 7px 0 26px;
text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
user-select:none
}
.LGvote { margin: 0 5px; }
.LGnovote {
background:#f0f0f0;
border-radius:2px;
display:inline-block;
float:right;
line-height:16px;
margin:0 8px;
padding:3px;
position:relative
}
/* Chatbox */
.chatbox_row_1 { background-color: rgba(255, 255, 255, 0); }
.chatbox_row_2 { background-color: rgba(255, 255, 255, 0); }
#chatbox {
background-image: url(http://pt.imageresizer.net/upload/5oslwa769r1n7aj.png?dnq57guwpc);
}
#chatboxpop {
border-collapse: separate;
border-spacing: 2px;
border-color: rgb(14, 14, 14);
}
#chatbox_footer, #chatbox_header, #chatbox_header, #chatbox_members, #chatbox_row_ clearfix, #chatbox_row_2 clearfix {
border-radius: 0px!important;
padding-top: 2px!important;
}
/* Avatar no lastpost */
.avat-miembro img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avat-miembro {
float: left;
}
.avat-miembro img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.mainmenu {position: relative;top: 20px;}
.mainmenu:hover {border-bottom: transparent !important;}
/* Retira adicionar amigo do perfil */
#profile-advanced-add .mainmenu{display:none}
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}
/* Bordas de módulos e outras coisas que não sei */
#at_promo{display:none;font-size:12px}
.dterm {position: relative;left: 18px;}
.dterm {border-left: none !important;}
#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}
#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}
#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:200}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:90%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}
#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}
.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}
.module{-moz-border-radius:10px;-webkit-border-radius:10px;
border-radius:10px;border:2px solid #0FA7C1;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #037E00;border-radius:10px}
#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}
#page-header .navbar ul.navlinks li a{
top:10px;color:#fff;font-family:arial;font-size:15px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}
/* Borda e sombra em volta do fórum */
#wrap{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
box-shadow: 0px 0px 13px rgb(0, 0, 0);
}
/* Menu fórum */
#page-header .navbar ul.navlinks {
background: url(http://i19.servimg.com/u/f19/19/20/24/81/menuba10.png) no-repeat 45% 0;
height: 70px;
left: -88px;
margin-top: -17px!important;
position: relative;
width: 1050px;
}
/* Colorpicker */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp12.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp13.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp14.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp15.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp16.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp17.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp18.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i.minus.com/jeDYfPh9ixROd.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* Submenu */
.ulhome{left:0px;top:17px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url(\'http://i.imgur.com/3iunm.png\') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;}
.ulhome .limenup an{text-decoration:none;display:block;background-image:none !important}
li:hover .ulhome{left:280px;display:block;top:350px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
/* Estilos h2 e h3 */
.content h2, .panel h2 {
border-bottom: transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: 400;
margin-bottom: .5em;
margin-top: .5em;
padding-bottom: .5em;
}
.moddule h3 {
background: url(http://www.habbocean.altervista.org/image/skin/title_box.png);
}
#h2 {text-color: #000}
/* Fancybox/lightbox */
a.fa_fancybox img{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.fancybox-tmp iframe,.fancybox-tmp object{margin:0;padding:0;vertical-align:top}.fancybox-wrap{left:0;position:absolute;top:0;z-index:920}.fancybox-skin{-moz-border-radius:4px;-webkit-border-radius:4px;background:#f9f9f9;border-radius:4px;color:#444;margin:0;padding:0;position:relative;text-shadow:none}.fancybox-opened{z-index:930}.fancybox-opened .fancybox-skin{-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-inner,.fancybox-outer{margin:0;outline:none;padding:0;position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;margin:0;padding:10px}.fancybox-iframe,.fancybox-image{border:0;display:block;height:100%;margin:0;padding:0;vertical-align:top;width:100%}.fancybox-image{max-height:100%;max-width:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png)}#fancybox-loading{background-position:0 -108px;cursor:pointer;left:50%;margin-left:-22px;margin-top:-22px;opacity:.8;position:fixed;top:50%;z-index:920}#fancybox-loading div{background:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif) center center no-repeat;height:44px;width:44px}.fancybox-close{cursor:pointer;height:36px;position:absolute;right:-18px;top:-18px;width:36px;z-index:940}.fancybox-nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif);cursor:pointer;height:100%;position:absolute;top:0;width:40%;z-index:940}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{cursor:pointer;height:34px;margin-top:-18px;position:absolute;top:50%;visibility:hidden;width:36px;z-index:940}.fancybox-prev span{background-position:0 -36px;left:20px}.fancybox-next span{background-position:0 -72px;right:20px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{left:-9999px;overflow:visible;padding:0;position:absolute;top:-9999px;visibility:hidden}#fancybox-overlay{background:#000;display:none;left:0;overflow:hidden;position:absolute;top:0;z-index:910}#fancybox-overlay.overlay-fixed{bottom:0;position:fixed;right:0}.fancybox-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;position:relative;text-shadow:none;visibility:hidden;z-index:950}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{bottom:0;margin-bottom:-35px;position:absolute;right:50%;text-align:center;z-index:930}.fancybox-title-float-wrap .child{-moz-border-radius:15px;-webkit-border-radius:15px;background:rgba(0,0,0,0.8);border-radius:15px;color:#FFF;display:inline-block;font-weight:700;line-height:24px;margin-right:-100%;padding:2px 20px;text-shadow:0 1px 2px #222;white-space:nowrap}.fancybox-title-outside-wrap{color:#fff;margin-top:10px;position:relative}.fancybox-title-inside-wrap{margin-top:10px}.fancybox-title-over-wrap{background:rgba(0,0,0,.8);bottom:0;color:#fff;left:0;padding:10px;position:absolute}
/* Widget login */
.margin-login{
margin-left: 10px;
}
#username.login-field{
padding: 1.9px 2px;
margin-left: 2px;
}
.botaolog:link, .botaolog:visited, .botaolog:hover, .botaolog:visited { color: #FFF;}
.botaolog {
color: #FFF;
font-size: 12px;
font-weight: bold;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
background-color: #0DA8BB;
border-radius: 6px;
padding: 10px 6px 10px;
display: block;
border-width: 1px 1px 3px 1px;
border-style: solid;
border-color: rgba(0,0,0,0.16);
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
text-shadow:#077a88 -1px -1px;
}
.botaolog:hover {
background-color: #22D5E7;
cursor:pointer;
}
.botaolog a{color:#fff !important;}
.botaolog:active {
border-width: 1px;
padding: 12px 6px 10px;
}
/* Quote estilo */
blockquote,blockquote blockquote,blockquote blockquote blockquote{background:#F3F3F3;border:1px solid #AFAFAF;box-shadow:0 2px 10px #D6D6D6;margin:1em;text-shadow:1px 1px #fff}
ul#picture_legend{-moz-border-radius:10px;-webkit-border-radius:10px;background:url(http://i42.servimg.com/u/f42/14/92/41/94/untitl15.jpg);background-repeat:repeat-x;border:1px solid #8FC5E4;border-radius:10px;padding:5px}
/* Remove expandir imagem */
.resizebox.gensmall.clearfix {display:none}
/* Menu do widget */
#cssmenu {
width: 200px;
border-style: solid solid none solid;
border-color: #FFF;
border-size: 1px;
border-width: 1px;
}
#cssmenu ul{
list-style:none;
margin:0px;
padding:0px;
}
#cssmenu li a {
height: 32px;
height: 24px;
text-decoration: none;
font-weight:normal;
}
#cssmenu li a:link,
#cssmenu li a:visited {
color: #FFF;
display: block;
background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#cssmenu li a:hover {
color: #FFF;
background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#cssmenu li a:active {
color: #FFF;
background: url(http://i78.servimg.com/u/f78/16/73/94/18/sem_ta28.png) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
/* BBCODE código */
dl.codebox{margin:8px}.codebox dt{background-color:#0EB3C5;background-image:url(http://www.habborator.org/archive/icons/medium/me_rooms_inactive.gif);background-position:top right;background-repeat:no-repeat;display:block;font-weight:700;padding:3px;text-transform:uppercase}* html .codebox dt{zoom:1}.codebox dd{background-color:#fff;border:1px dotted #000;font-family:Courier,CourierNew,sans-serif;max-height:200px;overflow:auto;padding:5px;white-space:pre}* html .codebox dd{height:200px}.spoiler{background-color:#fcfcfc;border-bottom:1px dotted #000;border-left:5px solid #a0c17a;border-right:1px dotted #000;border-top:1px dotted #000;display:block;margin:8px;padding:8px}
/* Editar modelo widget */
.module .h3{background-image:url(http://i19.servimg.com/u/f19/19/20/24/81/i_list10.png); font:14px \'Trebuchet MS\'; color:#FFFFFF; margin:-5px -5px auto;padding:5px;text-align:center;width:155px center; text-shadow:#000 -1px -1px; border-bottom: none}
.postprofile{text-align:center} ul.navlinks{border-bottom:none}
/* CSS das notícias */
.get {
border-bottom: 1px solid #666;
display: block !important;
margin: 7px 2px;
padding: 3px 5px 6px 26px;
}
.getInfo {
float: right;
margin-right: -200px;
margin-top: -13px;
}
.get:hover {
background: #f3f1f1;
}
.get a:hover {
text-decoration:underline
}
.get:last-child {
border-bottom: none !important;
margin-bottom: 3px;
}
.hab {
border-bottom: 1px solid #666;
display: block !important;
margin: 7px 2px;
padding: 3px 5px 6px 26px;
}
.habInfo {
float: right;
margin-right: -200px;
margin-top: -13px;
}
.hab:hover {
background: #f3f1f1;
}
.hab a:hover {
text-decoration:underline
}
.hab:last-child {
border-bottom: none !important;
margin-bottom: 3px;
}
/* Slide estilos*/
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
opacity: .8;
width: 300px;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline!important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
position: absolute;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
bottom: -42px;
margin-left: -40px;
left: 50%;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent: -9999px;
border: 0;
bottom: 20px;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
#divcolor {display:none}
#ddrequest {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
width: 200px;
height: 60px;
background: #0FA7C1;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
-webkit-box-shadow: 0px 0px 10px #FFF;
-moz-box-shadow: 0px 0px 10px #FFF;
box-shadow: 0px 0px 10px #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#newfriend {font-size: 12px; line-height: 20px; color:#FFF}
#newfriend a{color:#fff}
#profile-advanced-layout #tabs ul > li:first-child a span::before {content: url(http://i.imgur.com/jPIf6.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li a span::before {content: url(http://i.imgur.com/dgGVs.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li a span::before {content: url(http://i.imgur.com/0Fdfj.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li a span::before {content: url(http://i.imgur.com/jbdIP.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li + li a span::before {content: url(http://i.imgur.com/26xsJ.png);float: left;}
.codebox{background-color:#ffffe1;border:1px dotted #ddd;margin:1em}.codebox dt{border-bottom:1px dotted #ddd;padding:.25em}.codebox dd{background-color:#ffffe1;margin:.5em;padding:.5em}.faq dd ul{margin:0 2em}.codebox + blockquote{background-color:#fff;border:1px dotted #ddd;margin:.5em 3em;padding:.5em}.codebox dd.cont_code{max-height:200px;overflow:auto}
.codebox dd.cont_code,.codebox.spoiler dd{background:#F0F0F0;border:1px solid #d3d3d3}
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 0px #afafaf; -webkit-box-shadow: 1px 1px 0px #afafaf}
.reputation {
color: white;
background: #8DB13E url(\'http://i74.servimg.com/u/f74/18/08/53/97/highli10.png\') repeat-x 0 1px;
float: center;
bottom: -7px;
text-align: center;
left: 1em;
margin: 2px;
margin-top: 5px;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 7em;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
}
.setInfos {
float: right;
}
.sucesso {
background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png\') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.alerta {
background: url(\'http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png\') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.aviso {
background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png\') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
#blog_comments .h3 {
background-image: none!important;
margin-left: 45px;
margin-top: 0;
position: relative;
margin-right: 15px;
}
#blog_comments .profile-icons {
margin-right: 49px!important;
margin-top: 9px!important;
}
.row {
border-bottom: 1px solid rgb(228, 228, 228)!important;
border-top: 1px solid rgb(255, 255, 255)!important;
background-color: #EFF4FF!important;
}
#avisos, .topiclist.forums dd.lastpost {
background-color: rgb(236, 246, 255);
border-radius: 5px;
box-shadow: rgb(161, 218, 245) 1px 1px 1px;
width: 150px!important;
height: 50px!important;
}
em {
font-style: normal;
}
.module {
background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
border: 1px solid #CECECE;
}
#cssmenu li a:link, #cssmenu li a:visited {
border-radius: 5px!important;
}
a#return_to_ipbfs {
height: 80px!important;
}
.forums li.row:hover, .topiclist li.row:hover {
-moz-transition-duration: 1s!important;
-webkit-transition-duration: 1s;
transition-duration: 1s;
background-color: #D3E1FF!important;
}
#footer_utilities {
padding: 8px;
font-size: 11px;
height: 45px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
background: #262626 url(\'http://bi0s.com.br/powerpixel/images/branding_bg.png\') repeat;
}
div.post {
background-color: #eeeeee !important; /*cor do fundo*/
border: 1px solid #adadad; /*tamanho e cor da borda*/
border-radius: 10px; /*arredondamento das quinas*/
box-shadow: 0px 2px 2px;} /*sombra*/
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/**
* Modal de Mensagem Privada
* Versão: PHPBB3
* Autor: Kyo Panda
* Site: ajuda.forumeiros.com
*/
#pm-backdrop {
content: " ";
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 5;
}
#pm-modal {
display: none;
position: fixed;
z-index: 10;
top: 100px;
left: 50%;
width: 500px;
margin-left: -250px;
box-sizing: border-box;
}
#pm-backdrop.open,
#pm-modal.open {
display: block;
}
#pm-title {
padding: 6px 5px 8px;
display: block;
text-transform: uppercase;
}
#pm-modal > form {
background-color: #ecf3f7;
}
#pm-modal > .close {
position: absolute;
right: 20px;
top: 10px;
line-height: 14px;
font-size: 14px;
cursor: pointer;
text-decoration: none;
color: #fff;
}
#pm-modal .pm-body {
padding: 10px;
}
#pm-modal .pm-buttons {
margin: 0 !important;
padding: 10px 0;
border-top: 1px #fff solid;
}
#pm-modal .pm-buttons .button1,
#pm-modal .pm-buttons .button2 {
margin: 0 5px;
}
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
#chatbox:after {
content: 'Mensagens com conteúdo abusivo ou de desrespeito a outro usuário será interpretada como banimento ao membro infrator' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}
.postbody {
font-family: Trebuchet MS, Arial !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
.postbody .content {font-size: 1.3em;font-family: Trebuchet MS, Arial !important;}
.saving_post {
color: #777;
font-weight: bold;
text-shadow: 0 1px #EEE;
margin: 5px;
font-style: italic;
}
/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}
.BS_like:before {
content: "Curtir";
}
#rep_post .bs_inline {
list-style: none;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: "Curtidas ";
}
/***********FIM CURTIR************/
#chatbox_header {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#chatbox_footer {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
Re: Personalizar o chatbox
Olá!
Para adicionar uma imagem de fundo ao chatbox, terá de adicionar o código abaixo à sua folha de estilos:
Veja se lhe agrada.
Cumprimentos.
Fraise
Para adicionar uma imagem de fundo ao chatbox, terá de adicionar o código abaixo à sua folha de estilos:
- Código:
#chatbox {
background-image: url(http://3.bp.blogspot.com/-mu9LvlgFfO4/UYL7rWyNRyI/AAAAAAAABns/Jv8o7E-Kiuk/s1600/bola_futebol.gif) !important;
background-repeat: no-repeat;
background-position: bottom center;
}
Veja se lhe agrada.
Cumprimentos.
Fraise
Re: Personalizar o chatbox
Olá!
Troque sua folha de estilos, por esta:
Atenciosamente.
Troque sua folha de estilos, por esta:
- Código:
.postprofile {
border-right: 1px solid rgb(208, 208, 208)!important;
border-bottom-right-radius: 0px!important;
border-top-right-radius: 0px!important;
}
.hlfooter {
background: rgb(7, 110, 7)!important;
border-bottom: 5px solid #098609!important;
border-top: 4px solid #188818!important;
}
#wrapnav{
width: 40%;
}
.signature_div {
-webkit-box-shadow: #fff 1px 2px 1px;
background: transparent repeat scroll 0 0;
border: 1px solid #E6E6E6;
border-image: initial;
box-shadow: #fff 1px 2px 1px;
float: center;
margin-top: 10px;
max-height: 150px;
overflow: auto;
text-align: center;
}
marquee {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background: url(http://i88.servimg.com/u/f88/14/28/28/25/111.png);
background-color: #f4f4f4;
background-repeat: repeat-x;
border: 1px solid #949494 !important;
border-radius: 7px;
margin: 3px;
}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(210,228,242) 0%, rgba(210,228,242,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(210,228,242)), color-stop(1.00, rgba(210,228,242,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d2e4f2, endColorstr=#00d2e4f2, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod=\'auto expand\')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod=\'auto expand\')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}
/* avatar */
.user-basic-info img:first-child{
-moz-border-radius:100%;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius:100%;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #d8d8d8;
border-radius:100%;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
height:110px;
adding:2px;
width:110px
}
.user-basic-info img:first-child:hover{
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#A1A1A1;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
/* Respeitar */
.LGlike {
-khtml-user-select:none;
-moz-border-radius:3px;
-moz-user-select:none;
-ms-user-select:none;
-webkit-border-radius:3px;
-webkit-touch-callout:none;
-webkit-user-select:none;
background:#384763 url(http://imgur.com/53do6sQ.png) no-repeat 6px 3px;
background-size:12px;
border-radius:3px;
color:#fff;
cursor:pointer;
float:right;
font-size:11px;
line-height:18px;
padding:0 7px 0 26px;
text-shadow:rgba(0,0,0,0.2) 0 -1px 0;
user-select:none
}
.LGvote { margin: 0 5px; }
.LGnovote {
background:#f0f0f0;
border-radius:2px;
display:inline-block;
float:right;
line-height:16px;
margin:0 8px;
padding:3px;
position:relative
}
/* Chatbox */
.chatbox_row_1 { background-color: rgba(255, 255, 255, 0); }
.chatbox_row_2 { background-color: rgba(255, 255, 255, 0); }
#chatbox {
background-image: url("http://calangos.net/esportes/files/2013/09/brasil-bola.jpg");
background-position: 100% 84%;
background-size: 239px;
background-repeat: no-repeat;
}
#chatboxpop {
border-collapse: separate;
border-spacing: 2px;
border-color: rgb(14, 14, 14);
}
#chatbox_footer, #chatbox_header, #chatbox_header, #chatbox_members, #chatbox_row_ clearfix, #chatbox_row_2 clearfix {
padding-top: 2px!important;
}
/* Avatar no lastpost */
.avat-miembro img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avat-miembro {
float: left;
}
.avat-miembro img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.mainmenu {position: relative;top: 20px;}
.mainmenu:hover {border-bottom: transparent !important;}
/* Retira adicionar amigo do perfil */
#profile-advanced-add .mainmenu{display:none}
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}
/* Bordas de módulos e outras coisas que não sei */
#at_promo{display:none;font-size:12px}
.dterm {position: relative;left: 18px;}
.dterm {border-left: none !important;}
#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}
#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://2img.net/i/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://2img.net/i/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://2img.net/i/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}
#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:200}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:90%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}
#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}
.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}
.module{-moz-border-radius:10px;-webkit-border-radius:10px;
border-radius:10px;border:2px solid #0FA7C1;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #037E00;border-radius:10px}
#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}
#page-header .navbar ul.navlinks li a{
top:10px;color:#fff;font-family:arial;font-size:15px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}
/* Borda e sombra em volta do fórum */
#wrap{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
box-shadow: 0px 0px 13px rgb(0, 0, 0);
}
/* Menu fórum */
#page-header .navbar ul.navlinks {
background: url(http://i19.servimg.com/u/f19/19/20/24/81/menuba10.png) no-repeat 45% 0;
height: 70px;
left: -88px;
margin-top: -17px!important;
position: relative;
width: 1050px;
}
/* Colorpicker */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp12.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp13.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp14.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp15.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp16.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp17.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i40.servimg.com/u/f40/14/40/32/21/colorp18.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i.minus.com/jeDYfPh9ixROd.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* Submenu */
.ulhome{left:0px;top:17px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url(\'http://i.imgur.com/3iunm.png\') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;}
.ulhome .limenup an{text-decoration:none;display:block;background-image:none !important}
li:hover .ulhome{left:280px;display:block;top:350px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
/* Estilos h2 e h3 */
.content h2, .panel h2 {
border-bottom: transparent;
color: #FFFFFF;
font-size: 12px;
font-weight: 400;
margin-bottom: .5em;
margin-top: .5em;
padding-bottom: .5em;
}
.moddule h3 {
background: url(http://www.habbocean.altervista.org/image/skin/title_box.png);
}
#h2 {text-color: #000}
/* Fancybox/lightbox */
a.fa_fancybox img{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.fancybox-tmp iframe,.fancybox-tmp object{margin:0;padding:0;vertical-align:top}.fancybox-wrap{left:0;position:absolute;top:0;z-index:920}.fancybox-skin{-moz-border-radius:4px;-webkit-border-radius:4px;background:#f9f9f9;border-radius:4px;color:#444;margin:0;padding:0;position:relative;text-shadow:none}.fancybox-opened{z-index:930}.fancybox-opened .fancybox-skin{-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-inner,.fancybox-outer{margin:0;outline:none;padding:0;position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;margin:0;padding:10px}.fancybox-iframe,.fancybox-image{border:0;display:block;height:100%;margin:0;padding:0;vertical-align:top;width:100%}.fancybox-image{max-height:100%;max-width:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png)}#fancybox-loading{background-position:0 -108px;cursor:pointer;left:50%;margin-left:-22px;margin-top:-22px;opacity:.8;position:fixed;top:50%;z-index:920}#fancybox-loading div{background:url(http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif) center center no-repeat;height:44px;width:44px}.fancybox-close{cursor:pointer;height:36px;position:absolute;right:-18px;top:-18px;width:36px;z-index:940}.fancybox-nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url(http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif);cursor:pointer;height:100%;position:absolute;top:0;width:40%;z-index:940}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{cursor:pointer;height:34px;margin-top:-18px;position:absolute;top:50%;visibility:hidden;width:36px;z-index:940}.fancybox-prev span{background-position:0 -36px;left:20px}.fancybox-next span{background-position:0 -72px;right:20px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{left:-9999px;overflow:visible;padding:0;position:absolute;top:-9999px;visibility:hidden}#fancybox-overlay{background:#000;display:none;left:0;overflow:hidden;position:absolute;top:0;z-index:910}#fancybox-overlay.overlay-fixed{bottom:0;position:fixed;right:0}.fancybox-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:20px;position:relative;text-shadow:none;visibility:hidden;z-index:950}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{bottom:0;margin-bottom:-35px;position:absolute;right:50%;text-align:center;z-index:930}.fancybox-title-float-wrap .child{-moz-border-radius:15px;-webkit-border-radius:15px;background:rgba(0,0,0,0.8);border-radius:15px;color:#FFF;display:inline-block;font-weight:700;line-height:24px;margin-right:-100%;padding:2px 20px;text-shadow:0 1px 2px #222;white-space:nowrap}.fancybox-title-outside-wrap{color:#fff;margin-top:10px;position:relative}.fancybox-title-inside-wrap{margin-top:10px}.fancybox-title-over-wrap{background:rgba(0,0,0,.8);bottom:0;color:#fff;left:0;padding:10px;position:absolute}
/* Widget login */
.margin-login{
margin-left: 10px;
}
#username.login-field{
padding: 1.9px 2px;
margin-left: 2px;
}
.botaolog:link, .botaolog:visited, .botaolog:hover, .botaolog:visited { color: #FFF;}
.botaolog {
color: #FFF;
font-size: 12px;
font-weight: bold;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
background-color: #0DA8BB;
border-radius: 6px;
padding: 10px 6px 10px;
display: block;
border-width: 1px 1px 3px 1px;
border-style: solid;
border-color: rgba(0,0,0,0.16);
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
text-shadow:#077a88 -1px -1px;
}
.botaolog:hover {
background-color: #22D5E7;
cursor:pointer;
}
.botaolog a{color:#fff !important;}
.botaolog:active {
border-width: 1px;
padding: 12px 6px 10px;
}
/* Quote estilo */
blockquote,blockquote blockquote,blockquote blockquote blockquote{background:#F3F3F3;border:1px solid #AFAFAF;box-shadow:0 2px 10px #D6D6D6;margin:1em;text-shadow:1px 1px #fff}
ul#picture_legend{-moz-border-radius:10px;-webkit-border-radius:10px;background:url(http://i42.servimg.com/u/f42/14/92/41/94/untitl15.jpg);background-repeat:repeat-x;border:1px solid #8FC5E4;border-radius:10px;padding:5px}
/* Remove expandir imagem */
.resizebox.gensmall.clearfix {display:none}
/* Menu do widget */
#cssmenu {
width: 200px;
border-style: solid solid none solid;
border-color: #FFF;
border-size: 1px;
border-width: 1px;
}
#cssmenu ul{
list-style:none;
margin:0px;
padding:0px;
}
#cssmenu li a {
height: 32px;
height: 24px;
text-decoration: none;
font-weight:normal;
}
#cssmenu li a:link,
#cssmenu li a:visited {
color: #FFF;
display: block;
background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#cssmenu li a:hover {
color: #FFF;
background: url(http://i13.servimg.com/u/f13/17/95/30/27/5hk87110.png) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#cssmenu li a:active {
color: #FFF;
background: url(http://i78.servimg.com/u/f78/16/73/94/18/sem_ta28.png) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
/* BBCODE código */
dl.codebox{margin:8px}.codebox dt{background-color:#0EB3C5;background-image:url(http://www.habborator.org/archive/icons/medium/me_rooms_inactive.gif);background-position:top right;background-repeat:no-repeat;display:block;font-weight:700;padding:3px;text-transform:uppercase}* html .codebox dt{zoom:1}.codebox dd{background-color:#fff;border:1px dotted #000;font-family:Courier,CourierNew,sans-serif;max-height:200px;overflow:auto;padding:5px;white-space:pre}* html .codebox dd{height:200px}.spoiler{background-color:#fcfcfc;border-bottom:1px dotted #000;border-left:5px solid #a0c17a;border-right:1px dotted #000;border-top:1px dotted #000;display:block;margin:8px;padding:8px}
/* Editar modelo widget */
.module .h3{background-image:url(http://i19.servimg.com/u/f19/19/20/24/81/i_list10.png); font:14px \'Trebuchet MS\'; color:#FFFFFF; margin:-5px -5px auto;padding:5px;text-align:center;width:155px center; text-shadow:#000 -1px -1px; border-bottom: none}
.postprofile{text-align:center} ul.navlinks{border-bottom:none}
/* CSS das notícias */
.get {
border-bottom: 1px solid #666;
display: block !important;
margin: 7px 2px;
padding: 3px 5px 6px 26px;
}
.getInfo {
float: right;
margin-right: -200px;
margin-top: -13px;
}
.get:hover {
background: #f3f1f1;
}
.get a:hover {
text-decoration:underline
}
.get:last-child {
border-bottom: none !important;
margin-bottom: 3px;
}
.hab {
border-bottom: 1px solid #666;
display: block !important;
margin: 7px 2px;
padding: 3px 5px 6px 26px;
}
.habInfo {
float: right;
margin-right: -200px;
margin-top: -13px;
}
.hab:hover {
background: #f3f1f1;
}
.hab a:hover {
text-decoration:underline
}
.hab:last-child {
border-bottom: none !important;
margin-bottom: 3px;
}
/* Slide estilos*/
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
opacity: .8;
width: 300px;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline!important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
position: absolute;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
bottom: -42px;
margin-left: -40px;
left: 50%;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent: -9999px;
border: 0;
bottom: 20px;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
#divcolor {display:none}
#ddrequest {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
width: 200px;
height: 60px;
background: #0FA7C1;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
-webkit-box-shadow: 0px 0px 10px #FFF;
-moz-box-shadow: 0px 0px 10px #FFF;
box-shadow: 0px 0px 10px #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#newfriend {font-size: 12px; line-height: 20px; color:#FFF}
#newfriend a{color:#fff}
#profile-advanced-layout #tabs ul > li:first-child a span::before {content: url(http://i.imgur.com/jPIf6.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li a span::before {content: url(http://i.imgur.com/dgGVs.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li a span::before {content: url(http://i.imgur.com/0Fdfj.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li a span::before {content: url(http://i.imgur.com/jbdIP.png);float: left;}#profile-advanced-layout #tabs ul li:first-child + li + li + li + li a span::before {content: url(http://i.imgur.com/26xsJ.png);float: left;}
.codebox{background-color:#ffffe1;border:1px dotted #ddd;margin:1em}.codebox dt{border-bottom:1px dotted #ddd;padding:.25em}.codebox dd{background-color:#ffffe1;margin:.5em;padding:.5em}.faq dd ul{margin:0 2em}.codebox + blockquote{background-color:#fff;border:1px dotted #ddd;margin:.5em 3em;padding:.5em}.codebox dd.cont_code{max-height:200px;overflow:auto}
.codebox dd.cont_code,.codebox.spoiler dd{background:#F0F0F0;border:1px solid #d3d3d3}
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 1px 1px 0px #afafaf; -webkit-box-shadow: 1px 1px 0px #afafaf}
.reputation {
color: white;
background: #8DB13E url(\'http://i74.servimg.com/u/f74/18/08/53/97/highli10.png\') repeat-x 0 1px;
float: center;
bottom: -7px;
text-align: center;
left: 1em;
margin: 2px;
margin-top: 5px;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 7em;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
}
.setInfos {
float: right;
}
.sucesso {
background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png\') no-repeat 6px #effeb9;
border: 1px solid #9ac601;
color: #4F8A10;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.alerta {
background: url(\'http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png\') no-repeat 6px #fccac3;
border: 1px solid #db3f23;
color: #D8000C;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
.aviso {
background: url(\'http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png\') no-repeat 6px #ffeaa9;
border: 1px solid #f9b516;
color: #9F6000;
padding: 6px 6px 6px 40px;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
border-radius: 3px 3px 3px 3px;
}
#blog_comments .h3 {
background-image: none!important;
margin-left: 45px;
margin-top: 0;
position: relative;
margin-right: 15px;
}
#blog_comments .profile-icons {
margin-right: 49px!important;
margin-top: 9px!important;
}
.row {
border-bottom: 1px solid rgb(228, 228, 228)!important;
border-top: 1px solid rgb(255, 255, 255)!important;
background-color: #EFF4FF!important;
}
#avisos, .topiclist.forums dd.lastpost {
background-color: rgb(236, 246, 255);
border-radius: 5px;
box-shadow: rgb(161, 218, 245) 1px 1px 1px;
width: 150px!important;
height: 50px!important;
}
em {
font-style: normal;
}
.module {
background: url(http://i43.servimg.com/u/f43/17/53/16/77/sem_ta12.png) repeat-x center bottom;
border: 1px solid #CECECE;
}
#cssmenu li a:link, #cssmenu li a:visited {
border-radius: 5px!important;
}
a#return_to_ipbfs {
height: 80px!important;
}
.forums li.row:hover, .topiclist li.row:hover {
-moz-transition-duration: 1s!important;
-webkit-transition-duration: 1s;
transition-duration: 1s;
background-color: #D3E1FF!important;
}
#footer_utilities {
padding: 8px;
font-size: 11px;
height: 45px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
background: #262626 url(\'http://bi0s.com.br/powerpixel/images/branding_bg.png\') repeat;
}
div.post {
background-color: #eeeeee !important; /*cor do fundo*/
border: 1px solid #adadad; /*tamanho e cor da borda*/
border-radius: 10px; /*arredondamento das quinas*/
box-shadow: 0px 2px 2px;} /*sombra*/
[data-counter]:after {
background-color: #FF6969;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: -10px;
}
/**
* Modal de Mensagem Privada
* Versão: PHPBB3
* Autor: Kyo Panda
* Site: ajuda.forumeiros.com
*/
#pm-backdrop {
content: " ";
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
z-index: 5;
}
#pm-modal {
display: none;
position: fixed;
z-index: 10;
top: 100px;
left: 50%;
width: 500px;
margin-left: -250px;
box-sizing: border-box;
}
#pm-backdrop.open,
#pm-modal.open {
display: block;
}
#pm-title {
padding: 6px 5px 8px;
display: block;
text-transform: uppercase;
}
#pm-modal > form {
background-color: #ecf3f7;
}
#pm-modal > .close {
position: absolute;
right: 20px;
top: 10px;
line-height: 14px;
font-size: 14px;
cursor: pointer;
text-decoration: none;
color: #fff;
}
#pm-modal .pm-body {
padding: 10px;
}
#pm-modal .pm-buttons {
margin: 0 !important;
padding: 10px 0;
border-top: 1px #fff solid;
}
#pm-modal .pm-buttons .button1,
#pm-modal .pm-buttons .button2 {
margin: 0 5px;
}
.pathname-box {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
.pathname-box {
color: #F3F3F3;
}
.pathname-box p {
color: #F7F2F2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
a.nav {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
#chatbox:after {
content: 'Mensagens com conteúdo abusivo ou de desrespeito a outro usuário será interpretada como banimento ao membro infrator' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}
.postbody {
font-family: Trebuchet MS, Arial !important;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: justify;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em {
text-align: center !important;
width: 61% !important;
}
.postbody .content {font-size: 1.3em;font-family: Trebuchet MS, Arial !important;}
.saving_post {
color: #777;
font-weight: bold;
text-shadow: 0 1px #EEE;
margin: 5px;
font-style: italic;
}
/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}
.BS_like:before {
content: "Curtir";
}
#rep_post .bs_inline {
list-style: none;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: "Curtidas ";
}
/***********FIM CURTIR************/
#chatbox_header {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#chatbox_footer {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
Atenciosamente.
Re: Personalizar o chatbox
Obrigado. Gostaria também de tirar esses nomes '' [10:00:28] AndreS foi desconectado em Sab 25 Jul 2015 - 10:00 (tempo limite sem atividade atingido) '' do chatbox quando um membro sair/desconectar-se.. Já que está aparecendo ao lado esquerdo quem está online não precisaria disso
Re: Personalizar o chatbox
Olá!
Para isso, crie um novo javascript com investimento em todas as páginas:
Cumprimentos.
Fraise
Para isso, crie um novo javascript com investimento em todas as páginas:
Painel de Controle Módulos Gestão dos códigos JavaScript
- Código:
$(window).load(function() {
var chatbox_script =
function() {
$('#chatbox > p > .msg > span').filter('[style="color:green"],[style="color:red"]').closest('p').remove();
var overrided = Chatbox.prototype.refresh;
Chatbox.prototype.refresh = function(data) {
if (data.messages && data.messages.length) {
data.messages = $.grep(data.messages, function(v) {
return v.userId != -10 || $.inArray(v.msgColor, ["red", "green"]) == -1;
});
}
overrided.call(this, data);
};
};
var s = document.createElement('script');
s.text = "(" + chatbox_script.toString() + ")();";
$('object[data^="/chatbox/index.forum"], iframe[src^="/chatbox/index.forum"]').each(function() {
try {
$(this.contentDocument || this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function() {
this.appendChild(s.cloneNode(true))
})
} catch (a) {}
})
});
Cumprimentos.
Fraise
Re: Personalizar o chatbox
Ok, muito obrigado
Re: Personalizar o chatbox
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Personalizar o Chatbox
» Personalizar ChatBox
» Personalizar chatbox
» Personalizar a chatbox
» Personalizar chatbox
» Personalizar ChatBox
» Personalizar chatbox
» Personalizar a chatbox
» Personalizar chatbox
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos