Personalizar o chatbox

por LeandroNeto 21.07.15 18:27

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 \/

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; }

por **Fraise** 21.07.15 18:30

Olá!

Seria possível dizer as cores que deseja? Pois não estou conseguindo acessar a seu fórum.

Cumprimentos.
Fraise

por LeandroNeto 22.07.15 1:58

Dark green.

por Sennior 22.07.15 6:31

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

Abraços.
Sennior

por LeandroNeto 22.07.15 16:57

Pronto Sennior.

por **Fraise** 22.07.15 20:46

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:

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

por LeandroNeto 23.07.15 0:46

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.

por Sennior 23.07.15 6:25

Saudações,

Mas teu chatbox já se encontra com as bordas redondas:
Seta

http://prntscr.com/7vxn8o

Para a imagem no Chatbox, utilize:

Código:: #chatbox { background-image: url(LINK_DA_IMAGEM)!important; }

Abraços.
Sennior

por LeandroNeto 23.07.15 17:11

Eu quero arredondar as partes verdes.

por RafaelS. 23.07.15 17:20

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.

por LeandroNeto 24.07.15 19:12

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:

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; }

por **Fraise** 24.07.15 19:32

Olá!

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

por RafaelS. 24.07.15 19:50

Olá!

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.

por LeandroNeto 25.07.15 14:21

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

por **Fraise** 25.07.15 14:26

Olá!

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

por LeandroNeto 25.07.15 16:37

Ok, muito obrigado

por RafaelS. 25.07.15 16:39

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Personalizar o chatbox

Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox

Re: Personalizar o chatbox