Personalização do banner de forma apropriada
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo
Página 1 de 1
Personalização do banner de forma apropriada
Qual é minha questão:
Boa tarde amigos
Preciso de uma ajuda no posicionamento do meu banner e ajuste dele, já tentei alterar com alguns codes que vi aqui na forumeiros mas nada deu certo.
Está assim:
Como podem ver, o banner foi ''cortado'' já que o tamanho dele é 814x325, queria que ele ficasse do tamanho original, e se possivel passar a barra do ''Inicio, FAQ'' e etc para baixo, deixando o banner em cima...
Aqui meu CSS.
Abraços e obrigado desde já.
Medidas que eu tomei para corrigir o problema:
Tentei adicionar alguns codes mas não deu certo
Links e imagens do meu problema:
Endereço do meu fórum:
http://designera.forumeiros.com/
Versão do meu fórum:
PHPBB3
Boa tarde amigos
Preciso de uma ajuda no posicionamento do meu banner e ajuste dele, já tentei alterar com alguns codes que vi aqui na forumeiros mas nada deu certo.
Está assim:
Como podem ver, o banner foi ''cortado'' já que o tamanho dele é 814x325, queria que ele ficasse do tamanho original, e se possivel passar a barra do ''Inicio, FAQ'' e etc para baixo, deixando o banner em cima...
Aqui meu CSS.
- Código:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#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:#575757;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:#575757;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:400}@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:85%}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="/u?"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/passar10.gif);font-style:bold;text-shadow:0 0 5px #3579cc}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}div.maintitle{-moz-border-radius:10px;-webkit-border-radius:10px}#gfooter .clearfix div.current-time,#gfooter .clearfix form#qjump:first-child{display:none;text-aline:center}.colorpicker{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;position:absolute;width:356px}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);height:150px;left:0;position:absolute;top:0;width:150px}.colorpicker_color div div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px}.colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);left:212px;top:52px}.colorpicker_rgb_g{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);left:212px;top:82px}.colorpicker_rgb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);left:212px;top:112px}.colorpicker_hsb_h{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);left:282px;top:52px}.colorpicker_hsb_s{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);left:282px;top:82px}.colorpicker_hsb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);left:282px;top:112px}.colorpicker_submit{background:url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;height:22px;left:322px;overflow:hidden;position:absolute;top:142px;width:22px}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}ul.linklist li a img{-moz-opacity:.3;filter:alpha(opacity=30);opacity:.3}ul.linklist a img:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}#username_reg{border:2px solid red!important}#username_reg.okusername{border:2px solid green!important}.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child{margin-bottom:20px}form#quick_reply #textarea_content textarea#text_editor_textarea{background-image:url();background-position:bottom center;background-repeat:no-repeat}#main-content a.cgu-buttons,button.button2,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-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}#main-content a.cgu-buttons:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #80b2d9;color:#80b2d9}.lastpost{-moz-border-radius:7px;-moz-box-shadow:0 0 8px #00aeff;-webkit-border-radius:7px;-webkit-box-shadow:0 0 8px #00aeff;border:2px solid #COR;border-radius:7px;box-shadow:0 0 8px #666;margin:3px;width:auto}.header .lastpost{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}a:hover{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}.contract,.expand{background:url(http://i81.servimg.com/u/f81/11/91/65/81/plus10.png);cursor:pointer;height:15px;position:absolute;right:10px;top:2px;width:15px}.contract{background:url(http://i81.servimg.com/u/f81/11/91/65/81/minus10.png)}.postprofile{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:center bottom;background-repeat:repeat-x;border:1px solid #418dbf;border-radius:4px 4px 4px 4px;margin-bottom:5px;padding:10px 5px;text-align:center}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-attachment:fixedbackground-position: bottom right;background-color:#e6f1fb;background-image:url(http://i.imgur.com/EhCel.png);background-position:0 0;background-repeat:no-repeat;border:1px solid #8d8f8f;border-radius:5px 5px;box-shadow:1px 1px 5px #27C2D6;min-height:30px;padding:10px 20px}.spoiler{-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:25px;-moz-border-radius-topleft:5px;-moz-box-shadow:1px 1px 5px #27C2D6;-webkit-border-bottom-left-radius:9px;-webkit-border-bottom-rightright-radius:25px;-webkit-border-top-left-radius:5px;-webkit-box-shadow:1px 1px 5px #27C2D6;background:url() no-repeat top right;background-color:#FFF;border-bottom:3px solid #27C2D6;border-left:5px solid #27C2D6;border-right:2px solid #27C2D6;border-top:1px solid #27C2D6;box-shadow:1px 1px 5px #27C2D6;min-height:30px}.spoiler dt{background-image:url(http://i44.tinypic.com/mmwsaq.png);background-position:top right;background-repeat:repeat-x;display:block;font-size:13px;font-style:normal;margin:-0;padding:3px}.codebox dt{background:url(http://i40.tinypic.com/296ejc2.png) no-repeat top right}ul.profile-icons li a img{-moz-opacity:.8;filter:alpha(opacity=100);opacity:1}ul.profile-icons li a img:hover{-moz-opacity:.3;bottom:-2px;filter:alpha(opacity=100);opacity:.7;padding:0;position:relative}.buttons a img{-moz-opacity:1;filter:alpha(opacity=100);opacity:.5}.buttons a img:hover{-moz-opacity:.85;-moz-transform:rotate(-2.2deg) scale(0.9);-webkit-transform:rotate(-2.2deg) scale(0.9);filter:alpha(opacity=100);opacity:1}.buttons a img:active{-moz-transform:rotate(-2.0deg) scale(1.1);-webkit-transform:rotate(-2.0deg) scale(1.1)}.h3{background:url(http://i39.tinypic.com/55i8w8.png) no-repeat bottom left;border:none;padding-bottom:4px}.postprofile dt img{-moz-border-radius:7px;-moz-box-shadow:0 0 5px #000;-webkit-border-radius:7px;-webkit-box-shadow:0 0 5px #000;border:2px solid #74baf7;border-radius:5px;box-shadow:0 0 5px #4981d6}#page-header{margin-bottom:20px;margin-top:50px}#page-header .navbar{background:url() no-repeat 50% 0, url(http://i41.tinypic.com/bzm95.png) repeat-x 0 0;height:64px;left:0;position:absolute;right:0;top:0}#search-box,.search-box{display:none}#page-header .navbar ul.linklist li a{-moz-transition:color 1s ease-in;-o-transition:color 1s ease-in;-webkit-transition:color 1s ease-in;color:#DEEEEE;font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial,sans-serif;font-size:1em;font-style:normal;font-variant:normal;font-weight:normal;text-transform:uppercase;transition:color 1s ease-in}#page-header .navbar ul.linklist li a:hover{color:#46BDDB}ul.navlinks{background:none;border-bottom:none;margin:0;padding:7px 16px 19px 8px;position:relative}.forabg,.forumbg{background:#0e191e url(http://i41.tinypic.com/bzm95.png) no-repeat;border-radius:7px}li.row,ul.forums{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:5px}.module{background:#e5e5e5}.module span.corners-top{background:url(http://i41.tinypic.com/bzm95.png) no-repeat;border-top-left-radius:5px;border-top-right-radius:5px;height:30px}.module span.corners-bottom{background:#25626e;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:10px;margin-top:5px}.forabg{-moz-box-shadow:0 0 6px #0489B1;-webkit-box-shadow:0 0 6px #0489B1;border:2px solid #fff;box-shadow:0 0 6px #0489B1;margin-top:10px}#site-title,#site-title h1{display:none}#logo-desc p{color:#1d1d1d;font-family:Georgia, serif;font-size:1.6em;font-style:italic;left:60px;position:absolute;text-shadow:1px 1px 1px #656565;top:102px}#logo{-moz-transition-duration:1s;-moz-transition-property:-moz-transform;-o-transition-duration:1s;-o-transition-property:-o-transform;-webkit-transition-duration:1s;-webkit-transition-property:-webkit-transform;background:url(http://i50.tinypic.com/in4j2v.jpg);display:block;float:left;height:140px;left:100px;margin:0 auto 25px;overflow:hidden;position:relative;text-indent:-9999px;top:5px;transition-duration:1s;transition-property:transform;width:859px}#logo:hover{-moz-transform:translate(60px);-o-transform:translate(60px);-webkit-transform:translate(60px);background:url(http://i50.tinypic.com/in4j2v.jpg) 0 0}#logo:active{-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transform:scale(0.9);background:url(http://i50.tinypic.com/in4j2v.jpg) 0 0}#wrap{box-shadow:0 0 18px #4aabff}.img_list_hp{-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #0372BE;border-radius:6px;color:#FFF!important;float:left;font-size:11px;margin:auto 10px auto auto;padding:0;text-align:center;width:auto}.img_list_hp:hover{background-color:#DCEAF5}.img_list_hp img{padding:8px 15px}.img_list_hp span{background-color:#0372BE;display:block;padding:0 10px}.img_list_hp a{color:#FFF!important;text-decoration:none}#img_list_alt{background-image:url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);background-position:20px 0;background-repeat:no-repeat;padding-left:55px;padding-top:13px}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(240,240,240) 0%, rgba(240,240,240,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(240,240,240)), color-stop(1.00, rgba(240,240,240,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, 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");
}
Abraços e obrigado desde já.
Medidas que eu tomei para corrigir o problema:
Tentei adicionar alguns codes mas não deu certo
Links e imagens do meu problema:
Endereço do meu fórum:
http://designera.forumeiros.com/
Versão do meu fórum:
PHPBB3
Última edição por Maicon23 em 19.05.12 4:23, editado 1 vez(es)
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Re: Personalização do banner de forma apropriada
Olá,
Procure este código em seu CSS:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Procure este código em seu CSS:
- Código:
#page-header .navbar {
background: url("") no-repeat scroll 50% 0pt, url("http://i41.tinypic.com/bzm95.png") repeat-x scroll 0 0 transparent;
height: 64px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
- Código:
#page-header .navbar {
background: url("") no-repeat scroll 50% 0pt, url("http://i41.tinypic.com/bzm95.png") repeat-x scroll 0 0 transparent;
height: 64px;
left: 0;
right: 0;
top: 0;
}
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Re: Personalização do banner de forma apropriada
Cream escreveu:Olá,
Procure este código em seu CSS:Troque pos este:
- Código:
#page-header .navbar {
background: url("") no-repeat scroll 50% 0pt, url("http://i41.tinypic.com/bzm95.png") repeat-x scroll 0 0 transparent;
height: 64px;
left: 0;
position: absolute;
right: 0;
top: 0;
}Em:
- Código:
#page-header .navbar {
background: url("") no-repeat scroll 50% 0pt, url("http://i41.tinypic.com/bzm95.png") repeat-x scroll 0 0 transparent;
height: 64px;
left: 0;
right: 0;
top: 0;
}
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Maravilha Cream, a barra foi para baixo mas o banner continua cortado e quando colocamos a ceta do mouse em cima dele, ele se posiciona para o lado, tem como retirar o code se é um code, que ''corta'' o tamanho do banner, e retirar esse outro efeito?
Link do fórum se quiser olhar http://designera.forumeiros.com/
Obrigado, abraços.
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Re: Personalização do banner de forma apropriada
Olá,
Procure por:
Resulta?
Até mais!
Procure por:
- Código:
#logo:hover {
-moz-transform: translate (60px);
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 00 transparente;
}
- Código:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 0 0 transparent;
display: block;
float: left;
height: 140px;
left: 100px;
margin: 0 auto 25px;
overflow: hidden;
position: relative;
text-indent: -9999px;
top: 5px;
width: 859px;
}
- Código:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 0 0 transparent;
display: block;
margin: 0 auto 25px;
overflow: hidden;
position: relative;
text-indent: -9999px;
top: 5px;
width: 859px;
}
Resulta?
Até mais!
Re: Personalização do banner de forma apropriada
Cream escreveu:Olá,
Procure por:E exclua. Procure nvoamente em seu CSS por:
- Código:
#logo:hover {
-moz-transform: translate (60px);
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 00 transparente;
}E substitua por:
- Código:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 0 0 transparent;
display: block;
float: left;
height: 140px;
left: 100px;
margin: 0 auto 25px;
overflow: hidden;
position: relative;
text-indent: -9999px;
top: 5px;
width: 859px;
}
- Código:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 0 0 transparent;
display: block;
margin: 0 auto 25px;
overflow: hidden;
position: relative;
text-indent: -9999px;
top: 5px;
width: 859px;
}
Resulta?
Até mais!
Ainda não Cream....
Ficou assim...
http://designera.forumeiros.com/
Eu substitui o code, mas alem disso tu pediu para apagar isso
#logo:hover {
-moz-transform: translate (60px);
background: url("https://2img.net/h/oi50.tinypic.com/in4j2v.jpg") repeat scroll 00 transparente;
}
Mas só tinha isso:
#logo:hover{-moz-transform:translate(60px);-o-transform:translate(60px);-webkit-transform:translate(60px);background:url(https://2img.net/h/oi50.tinypic.com/in4j2v.jpg) 0 0
Apaguei e ficou como mostrei acima, com o resto do ''banner'' para baixo...
Atualmente meu CSS se encontra assim:
- Código:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#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:#575757;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:#575757;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:400}@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:85%}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="/u?"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/passar10.gif);font-style:bold;text-shadow:0 0 5px #3579cc}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}div.maintitle{-moz-border-radius:10px;-webkit-border-radius:10px}#gfooter .clearfix div.current-time,#gfooter .clearfix form#qjump:first-child{display:none;text-aline:center}.colorpicker{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;position:absolute;width:356px}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);height:150px;left:0;position:absolute;top:0;width:150px}.colorpicker_color div div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px}.colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);left:212px;top:52px}.colorpicker_rgb_g{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);left:212px;top:82px}.colorpicker_rgb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);left:212px;top:112px}.colorpicker_hsb_h{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);left:282px;top:52px}.colorpicker_hsb_s{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);left:282px;top:82px}.colorpicker_hsb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);left:282px;top:112px}.colorpicker_submit{background:url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;height:22px;left:322px;overflow:hidden;position:absolute;top:142px;width:22px}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}ul.linklist li a img{-moz-opacity:.3;filter:alpha(opacity=30);opacity:.3}ul.linklist a img:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}#username_reg{border:2px solid red!important}#username_reg.okusername{border:2px solid green!important}.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child{margin-bottom:20px}form#quick_reply #textarea_content textarea#text_editor_textarea{background-image:url();background-position:bottom center;background-repeat:no-repeat}#main-content a.cgu-buttons,button.button2,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-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}#main-content a.cgu-buttons:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #80b2d9;color:#80b2d9}.lastpost{-moz-border-radius:7px;-moz-box-shadow:0 0 8px #00aeff;-webkit-border-radius:7px;-webkit-box-shadow:0 0 8px #00aeff;border:2px solid #COR;border-radius:7px;box-shadow:0 0 8px #666;margin:3px;width:auto}.header .lastpost{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}a:hover{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}.contract,.expand{background:url(http://i81.servimg.com/u/f81/11/91/65/81/plus10.png);cursor:pointer;height:15px;position:absolute;right:10px;top:2px;width:15px}.contract{background:url(http://i81.servimg.com/u/f81/11/91/65/81/minus10.png)}.postprofile{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:center bottom;background-repeat:repeat-x;border:1px solid #418dbf;border-radius:4px 4px 4px 4px;margin-bottom:5px;padding:10px 5px;text-align:center}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-attachment:fixedbackground-position: bottom right;background-color:#e6f1fb;background-image:url(http://i.imgur.com/EhCel.png);background-position:0 0;background-repeat:no-repeat;border:1px solid #8d8f8f;border-radius:5px 5px;box-shadow:1px 1px 5px #27C2D6;min-height:30px;padding:10px 20px}.spoiler{-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:25px;-moz-border-radius-topleft:5px;-moz-box-shadow:1px 1px 5px #27C2D6;-webkit-border-bottom-left-radius:9px;-webkit-border-bottom-rightright-radius:25px;-webkit-border-top-left-radius:5px;-webkit-box-shadow:1px 1px 5px #27C2D6;background:url() no-repeat top right;background-color:#FFF;border-bottom:3px solid #27C2D6;border-left:5px solid #27C2D6;border-right:2px solid #27C2D6;border-top:1px solid #27C2D6;box-shadow:1px 1px 5px #27C2D6;min-height:30px}.spoiler dt{background-image:url(http://i44.tinypic.com/mmwsaq.png);background-position:top right;background-repeat:repeat-x;display:block;font-size:13px;font-style:normal;margin:-0;padding:3px}.codebox dt{background:url(http://i40.tinypic.com/296ejc2.png) no-repeat top right}ul.profile-icons li a img{-moz-opacity:.8;filter:alpha(opacity=100);opacity:1}ul.profile-icons li a img:hover{-moz-opacity:.3;bottom:-2px;filter:alpha(opacity=100);opacity:.7;padding:0;position:relative}.buttons a img{-moz-opacity:1;filter:alpha(opacity=100);opacity:.5}.buttons a img:hover{-moz-opacity:.85;-moz-transform:rotate(-2.2deg) scale(0.9);-webkit-transform:rotate(-2.2deg) scale(0.9);filter:alpha(opacity=100);opacity:1}.buttons a img:active{-moz-transform:rotate(-2.0deg) scale(1.1);-webkit-transform:rotate(-2.0deg) scale(1.1)}.h3{background:url(http://i39.tinypic.com/55i8w8.png) no-repeat bottom left;border:none;padding-bottom:4px}.postprofile dt img{-moz-border-radius:7px;-moz-box-shadow:0 0 5px #000;-webkit-border-radius:7px;-webkit-box-shadow:0 0 5px #000;border:2px solid #74baf7;border-radius:5px;box-shadow:0 0 5px #4981d6}#page-header{margin-bottom:20px;margin-top:50px}#page-header .navbar{background:url() no-repeat 50% 0, url(http://i50.tinypic.com/in4j2v.jpg) repeat-x 0 0;height:64px;left:0;right:0;top:0}#search-box,.search-box{display:none}#page-header .navbar ul.linklist li a{-moz-transition:color 1s ease-in;-o-transition:color 1s ease-in;-webkit-transition:color 1s ease-in;color:#DEEEEE;font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial,sans-serif;font-size:1em;font-style:normal;font-variant:normal;font-weight:normal;text-transform:uppercase;transition:color 1s ease-in}#page-header .navbar ul.linklist li a:hover{color:#46BDDB}ul.navlinks{background:none;border-bottom:none;margin:0;padding:7px 16px 19px 8px;position:relative}.forabg,.forumbg{background:#0e191e url(http://i50.tinypic.com/in4j2v.jpg) no-repeat;border-radius:7px}li.row,ul.forums{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:5px}.module{background:#e5e5e5}.module span.corners-top{background:url(http://i50.tinypic.com/in4j2v.jpg) no-repeat;border-top-left-radius:5px;border-top-right-radius:5px;height:30px}.module span.corners-bottom{background:#25626e;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:10px;margin-top:5px}.forabg{-moz-box-shadow:0 0 6px #0489B1;-webkit-box-shadow:0 0 6px #0489B1;border:2px solid #fff;box-shadow:0 0 6px #0489B1;margin-top:10px}#site-title,#site-title h1{display:none}#logo-desc p{color:#1d1d1d;font-family:Georgia, serif;font-size:1.6em;font-style:italic;left:60px;position:absolute;text-shadow:1px 1px 1px #656565;top:102px}#logo{-moz-transition-duration:1s;-moz-transition-property:-moz-transform;-o-transition-duration:1s;-o-transition-property:-o-transform;-webkit-transition-duration:1s;-webkit-transition-property:-webkit-transform;background:url(http://i.imgur.com/z1Smz.png);display:block;margin:0 auto 25px;overflow:hidden;position:relative;text-indent:-9999px;top:5px;transition-duration:1s;transition-property:transform;width:859px;-o-transf}#logo:active{-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transform:scale(0.9);background:url(http://i.imgur.com/z1Smz.png) 0 0}#wrap{box-shadow:0 0 18px #4aabff}.img_list_hp{-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #0372BE;border-radius:6px;color:#FFF!important;float:left;font-size:11px;margin:auto 10px auto auto;padding:0;text-align:center;width:auto}.img_list_hp:hover{background-color:#DCEAF5}.img_list_hp img{padding:8px 15px}.img_list_hp span{background-color:#0372BE;display:block;padding:0 10px}.img_list_hp a{color:#FFF!important;text-decoration:none}#img_list_alt{background-image:url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);background-position:20px 0;background-repeat:no-repeat;padding-left:55px;padding-top:13px}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(240,240,240) 0%, rgba(240,240,240,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(240,240,240)), color-stop(1.00, rgba(240,240,240,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, 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");
}
Abraços.
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Re: Personalização do banner de forma apropriada
Olá!
Troque seu CSS por este e veja se resulta;
Atenciosamente,
House
Troque seu CSS por este e veja se resulta;
- Código:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#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:#575757;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:#575757;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:400}@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:85%}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="/u?"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/passar10.gif);font-style:bold;text-shadow:0 0 5px #3579cc}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}div.maintitle{-moz-border-radius:10px;-webkit-border-radius:10px}#gfooter .clearfix div.current-time,#gfooter .clearfix form#qjump:first-child{display:none;text-aline:center}.colorpicker{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;position:absolute;width:356px}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);height:150px;left:0;position:absolute;top:0;width:150px}.colorpicker_color div div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px}.colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);left:212px;top:52px}.colorpicker_rgb_g{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);left:212px;top:82px}.colorpicker_rgb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);left:212px;top:112px}.colorpicker_hsb_h{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);left:282px;top:52px}.colorpicker_hsb_s{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);left:282px;top:82px}.colorpicker_hsb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);left:282px;top:112px}.colorpicker_submit{background:url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;height:22px;left:322px;overflow:hidden;position:absolute;top:142px;width:22px}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}ul.linklist li a img{-moz-opacity:.3;filter:alpha(opacity=30);opacity:.3}ul.linklist a img:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}#username_reg{border:2px solid red!important}#username_reg.okusername{border:2px solid green!important}.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child{margin-bottom:20px}form#quick_reply #textarea_content textarea#text_editor_textarea{background-image:url();background-position:bottom center;background-repeat:no-repeat}#main-content a.cgu-buttons,button.button2,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-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}#main-content a.cgu-buttons:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #80b2d9;color:#80b2d9}.lastpost{-moz-border-radius:7px;-moz-box-shadow:0 0 8px #00aeff;-webkit-border-radius:7px;-webkit-box-shadow:0 0 8px #00aeff;border:2px solid #COR;border-radius:7px;box-shadow:0 0 8px #666;margin:3px;width:auto}.header .lastpost{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}a:hover{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}.contract,.expand{background:url(http://i81.servimg.com/u/f81/11/91/65/81/plus10.png);cursor:pointer;height:15px;position:absolute;right:10px;top:2px;width:15px}.contract{background:url(http://i81.servimg.com/u/f81/11/91/65/81/minus10.png)}.postprofile{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:center bottom;background-repeat:repeat-x;border:1px solid #418dbf;border-radius:4px 4px 4px 4px;margin-bottom:5px;padding:10px 5px;text-align:center}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-attachment:fixedbackground-position: bottom right;background-color:#e6f1fb;background-image:url(http://i.imgur.com/EhCel.png);background-position:0 0;background-repeat:no-repeat;border:1px solid #8d8f8f;border-radius:5px 5px;box-shadow:1px 1px 5px #27C2D6;min-height:30px;padding:10px 20px}.spoiler{-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:25px;-moz-border-radius-topleft:5px;-moz-box-shadow:1px 1px 5px #27C2D6;-webkit-border-bottom-left-radius:9px;-webkit-border-bottom-rightright-radius:25px;-webkit-border-top-left-radius:5px;-webkit-box-shadow:1px 1px 5px #27C2D6;background:url() no-repeat top right;background-color:#FFF;border-bottom:3px solid #27C2D6;border-left:5px solid #27C2D6;border-right:2px solid #27C2D6;border-top:1px solid #27C2D6;box-shadow:1px 1px 5px #27C2D6;min-height:30px}.spoiler dt{background-image:url(http://i44.tinypic.com/mmwsaq.png);background-position:top right;background-repeat:repeat-x;display:block;font-size:13px;font-style:normal;margin:-0;padding:3px}.codebox dt{background:url(http://i40.tinypic.com/296ejc2.png) no-repeat top right}ul.profile-icons li a img{-moz-opacity:.8;filter:alpha(opacity=100);opacity:1}ul.profile-icons li a img:hover{-moz-opacity:.3;bottom:-2px;filter:alpha(opacity=100);opacity:.7;padding:0;position:relative}.buttons a img{-moz-opacity:1;filter:alpha(opacity=100);opacity:.5}.buttons a img:hover{-moz-opacity:.85;-moz-transform:rotate(-2.2deg) scale(0.9);-webkit-transform:rotate(-2.2deg) scale(0.9);filter:alpha(opacity=100);opacity:1}.buttons a img:active{-moz-transform:rotate(-2.0deg) scale(1.1);-webkit-transform:rotate(-2.0deg) scale(1.1)}.h3{background:url(http://i39.tinypic.com/55i8w8.png) no-repeat bottom left;border:none;padding-bottom:4px}.postprofile dt img{-moz-border-radius:7px;-moz-box-shadow:0 0 5px #000;-webkit-border-radius:7px;-webkit-box-shadow:0 0 5px #000;border:2px solid #74baf7;border-radius:5px;box-shadow:0 0 5px #4981d6}#page-header{margin-bottom:20px;margin-top:50px}#page-header .navbar{background:url() no-repeat 50% 0, url(http://i50.tinypic.com/in4j2v.jpg) repeat-x 0 0;height:64px;left:0;right:0;top:0}#search-box,.search-box{display:none}#page-header .navbar ul.linklist li a{-moz-transition:color 1s ease-in;-o-transition:color 1s ease-in;-webkit-transition:color 1s ease-in;color:#DEEEEE;font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial,sans-serif;font-size:1em;font-style:normal;font-variant:normal;font-weight:normal;text-transform:uppercase;transition:color 1s ease-in}#page-header .navbar ul.linklist li a:hover{color:#46BDDB}ul.navlinks{background:none;border-bottom:none;margin:0;padding:7px 16px 19px 8px;position:relative}.forabg,.forumbg{background:#0e191e url(http://i50.tinypic.com/in4j2v.jpg) no-repeat;border-radius:7px}li.row,ul.forums{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:5px}.module{background:#e5e5e5}.module span.corners-top{background:url(http://i50.tinypic.com/in4j2v.jpg) no-repeat;border-top-left-radius:5px;border-top-right-radius:5px;height:30px}.module span.corners-bottom{background:#25626e;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:10px;margin-top:5px}.forabg{-moz-box-shadow:0 0 6px #0489B1;-webkit-box-shadow:0 0 6px #0489B1;border:2px solid #fff;box-shadow:0 0 6px #0489B1;margin-top:10px}#site-title,#site-title h1{display:none}#logo-desc p{color:#1d1d1d;font-family:Georgia, serif;font-size:1.6em;font-style:italic;left:60px;position:absolute;text-shadow:1px 1px 1px #656565;top:102px}#logo{-moz-transition-duration:1s;-moz-transition-property:-moz-transform;-o-transition-duration:1s;-o-transition-property:-o-transform;-webkit-transition-duration:1s;-webkit-transition-property:-webkit-transform;background:url(http://i.imgur.com/z1Smz.png);display:block;margin:0 auto 25px;overflow:hidden;position:relative;text-indent:-9999px;top:5px;transition-duration:1s;transition-property:transform;width:859px;-o-transf}#logo:active{-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transform:scale(0.9);background:url(http://i.imgur.com/z1Smz.png) 0 0}#wrap{box-shadow:0 0 18px #4aabff}.img_list_hp{-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #0372BE;border-radius:6px;color:#FFF!important;float:left;font-size:11px;margin:auto 10px auto auto;padding:0;text-align:center;width:auto}.img_list_hp:hover{background-color:#DCEAF5}.img_list_hp img{padding:8px 15px}.img_list_hp span{background-color:#0372BE;display:block;padding:0 10px}.img_list_hp a{color:#FFF!important;text-decoration:none}#img_list_alt{background-image:url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);background-position:20px 0;background-repeat:no-repeat;padding-left:55px;padding-top:13px}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(240,240,240) 0%, rgba(240,240,240,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(240,240,240)), color-stop(1.00, rgba(240,240,240,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, 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");
}
Atenciosamente,
House
Re: Personalização do banner de forma apropriada
Dr.House escreveu:Olá!
Troque seu CSS por este e veja se resulta;
- Código:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#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:#575757;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:#575757;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:400}@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:85%}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="/u?"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/passar10.gif);font-style:bold;text-shadow:0 0 5px #3579cc}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}div.maintitle{-moz-border-radius:10px;-webkit-border-radius:10px}#gfooter .clearfix div.current-time,#gfooter .clearfix form#qjump:first-child{display:none;text-aline:center}.colorpicker{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;position:absolute;width:356px}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);height:150px;left:0;position:absolute;top:0;width:150px}.colorpicker_color div div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px}.colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);left:212px;top:52px}.colorpicker_rgb_g{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);left:212px;top:82px}.colorpicker_rgb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);left:212px;top:112px}.colorpicker_hsb_h{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);left:282px;top:52px}.colorpicker_hsb_s{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);left:282px;top:82px}.colorpicker_hsb_b{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);left:282px;top:112px}.colorpicker_submit{background:url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;height:22px;left:322px;overflow:hidden;position:absolute;top:142px;width:22px}.colorpicker_focus{background-position:center}.colorpicker_hex.colorpicker_focus{background-position:bottom}.colorpicker_submit.colorpicker_focus{background-position:bottom}.colorpicker_slider{background-position:bottom}ul.linklist li a img{-moz-opacity:.3;filter:alpha(opacity=30);opacity:.3}ul.linklist a img:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1}#username_reg{border:2px solid red!important}#username_reg.okusername{border:2px solid green!important}.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child{margin-bottom:20px}form#quick_reply #textarea_content textarea#text_editor_textarea{background-image:url();background-position:bottom center;background-repeat:no-repeat}#main-content a.cgu-buttons,button.button2,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-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}#main-content a.cgu-buttons:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #80b2d9;color:#80b2d9}.lastpost{-moz-border-radius:7px;-moz-box-shadow:0 0 8px #00aeff;-webkit-border-radius:7px;-webkit-box-shadow:0 0 8px #00aeff;border:2px solid #COR;border-radius:7px;box-shadow:0 0 8px #666;margin:3px;width:auto}.header .lastpost{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}a:hover{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto}.contract,.expand{background:url(http://i81.servimg.com/u/f81/11/91/65/81/plus10.png);cursor:pointer;height:15px;position:absolute;right:10px;top:2px;width:15px}.contract{background:url(http://i81.servimg.com/u/f81/11/91/65/81/minus10.png)}.postprofile{-moz-border-radius:10px 0;-webkit-border-radius:10px 0 10px 0;background-color:#FAFAFA;background-image:url(http://i22.servimg.com/u/f22/15/52/27/82/grey13.png);background-position:center bottom;background-repeat:repeat-x;border:1px solid #418dbf;border-radius:4px 4px 4px 4px;margin-bottom:5px;padding:10px 5px;text-align:center}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-attachment:fixedbackground-position: bottom right;background-color:#e6f1fb;background-image:url(http://i.imgur.com/EhCel.png);background-position:0 0;background-repeat:no-repeat;border:1px solid #8d8f8f;border-radius:5px 5px;box-shadow:1px 1px 5px #27C2D6;min-height:30px;padding:10px 20px}.spoiler{-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:25px;-moz-border-radius-topleft:5px;-moz-box-shadow:1px 1px 5px #27C2D6;-webkit-border-bottom-left-radius:9px;-webkit-border-bottom-rightright-radius:25px;-webkit-border-top-left-radius:5px;-webkit-box-shadow:1px 1px 5px #27C2D6;background:url() no-repeat top right;background-color:#FFF;border-bottom:3px solid #27C2D6;border-left:5px solid #27C2D6;border-right:2px solid #27C2D6;border-top:1px solid #27C2D6;box-shadow:1px 1px 5px #27C2D6;min-height:30px}.spoiler dt{background-image:url(http://i44.tinypic.com/mmwsaq.png);background-position:top right;background-repeat:repeat-x;display:block;font-size:13px;font-style:normal;margin:-0;padding:3px}.codebox dt{background:url(http://i40.tinypic.com/296ejc2.png) no-repeat top right}ul.profile-icons li a img{-moz-opacity:.8;filter:alpha(opacity=100);opacity:1}ul.profile-icons li a img:hover{-moz-opacity:.3;bottom:-2px;filter:alpha(opacity=100);opacity:.7;padding:0;position:relative}.buttons a img{-moz-opacity:1;filter:alpha(opacity=100);opacity:.5}.buttons a img:hover{-moz-opacity:.85;-moz-transform:rotate(-2.2deg) scale(0.9);-webkit-transform:rotate(-2.2deg) scale(0.9);filter:alpha(opacity=100);opacity:1}.buttons a img:active{-moz-transform:rotate(-2.0deg) scale(1.1);-webkit-transform:rotate(-2.0deg) scale(1.1)}.h3{background:url(http://i39.tinypic.com/55i8w8.png) no-repeat bottom left;border:none;padding-bottom:4px}.postprofile dt img{-moz-border-radius:7px;-moz-box-shadow:0 0 5px #000;-webkit-border-radius:7px;-webkit-box-shadow:0 0 5px #000;border:2px solid #74baf7;border-radius:5px;box-shadow:0 0 5px #4981d6}#page-header{margin-bottom:20px;margin-top:50px}#page-header .navbar{background:url() no-repeat 50% 0, url(http://i50.tinypic.com/in4j2v.jpg) repeat-x 0 0;height:64px;left:0;right:0;top:0}#search-box,.search-box{display:none}#page-header .navbar ul.linklist li a{-moz-transition:color 1s ease-in;-o-transition:color 1s ease-in;-webkit-transition:color 1s ease-in;color:#DEEEEE;font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Arial,sans-serif;font-size:1em;font-style:normal;font-variant:normal;font-weight:normal;text-transform:uppercase;transition:color 1s ease-in}#page-header .navbar ul.linklist li a:hover{color:#46BDDB}ul.navlinks{background:none;border-bottom:none;margin:0;padding:7px 16px 19px 8px;position:relative}.forabg,.forumbg{background:#0e191e url(http://i50.tinypic.com/in4j2v.jpg) no-repeat;border-radius:7px}li.row,ul.forums{-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:5px}.module{background:#e5e5e5}.module span.corners-top{background:url(http://i50.tinypic.com/in4j2v.jpg) no-repeat;border-top-left-radius:5px;border-top-right-radius:5px;height:30px}.module span.corners-bottom{background:#25626e;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:10px;margin-top:5px}.forabg{-moz-box-shadow:0 0 6px #0489B1;-webkit-box-shadow:0 0 6px #0489B1;border:2px solid #fff;box-shadow:0 0 6px #0489B1;margin-top:10px}#site-title,#site-title h1{display:none}#logo-desc p{color:#1d1d1d;font-family:Georgia, serif;font-size:1.6em;font-style:italic;left:60px;position:absolute;text-shadow:1px 1px 1px #656565;top:102px}#logo{-moz-transition-duration:1s;-moz-transition-property:-moz-transform;-o-transition-duration:1s;-o-transition-property:-o-transform;-webkit-transition-duration:1s;-webkit-transition-property:-webkit-transform;background:url(http://i.imgur.com/z1Smz.png);display:block;margin:0 auto 25px;overflow:hidden;position:relative;text-indent:-9999px;top:5px;transition-duration:1s;transition-property:transform;width:859px;-o-transf}#logo:active{-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transform:scale(0.9);background:url(http://i.imgur.com/z1Smz.png) 0 0}#wrap{box-shadow:0 0 18px #4aabff}.img_list_hp{-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #0372BE;border-radius:6px;color:#FFF!important;float:left;font-size:11px;margin:auto 10px auto auto;padding:0;text-align:center;width:auto}.img_list_hp:hover{background-color:#DCEAF5}.img_list_hp img{padding:8px 15px}.img_list_hp span{background-color:#0372BE;display:block;padding:0 10px}.img_list_hp a{color:#FFF!important;text-decoration:none}#img_list_alt{background-image:url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);background-position:20px 0;background-repeat:no-repeat;padding-left:55px;padding-top:13px}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(240,240,240) 0%, rgba(240,240,240,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(240,240,240)), color-stop(1.00, rgba(240,240,240,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0, endColorstr=#00f0f0f0, 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");
}
Atenciosamente,
House
Pior que ficou bugado, acho que o tema em si está bugado, tanto que hoje o criador excluiu o mesmo
Conseguiu um tema bem legal tambem mas ta dificil reduzir o tamanho do ''esverdeado'' na parte de cima para colocar o banner...Se tiver como me ajudar só nisso
O css aqui
- Spoiler:
- ----------------->\\/THEMEBY:TOUKS\\
.h3 a, .content h2, .panel h2, .h3, h3 {
text-shadow: 1px 1px 1px #367AE0;
color: #367AE0;
}
.postprofile a:active, .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
background-image: url(https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
text-shadow: 0 0 5px blue;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-color: transparent;
background-image: url(https://2img.net/i/fa/empty.gif);
}
.navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top {
display: none;
}
span.corners-bottom span,span.corners-top span {
display: none;
}
#logo:hover {
padding: 10px;
}
#page-header .navbar a:hover {
background-image: url(http://sinus.wustl.edu/graphics/design/header_bar.gif);
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
}
.introduction .h3, .module .h3, .postbody .h3 {
text-shadow: 1px 1px 1px #367AE0;
color: #367AE0;
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
background-image: url(http://reimagine.ca/img/reimagine/header_bar.png);
}
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}
#main .module-advert {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
a.forumtitle,.h3, h3 {
border: 1px dotted #999;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
text-align: center;
}
#page-header .navbar a {
border: 1px dotted #999;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
text-align: center;
}
#wrap {
width: 94%;
padding: 5px;
border: 3px dotted #999;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
padding: 9px;
}
body {
padding-top: 144px;
background: url(https://2img.net/i/fa/empty.gif);
text-shadow: 0px 0px 1px #fff;
}
ul.navlinks {border-bottom: 0px solid white;}
#page-header .navbar {background: transparent;position: absolute; top: 117px;}
#page-header .navbar a{text-shadow: 1px 1px 1px #000;color: #f1f1f1;padding: 10px;}
p.rightside {
position: absolute;
top: 5px;
right: 5px;
text-shadow: 1px 1px 1px #000;
color: #f1f1f1;
}
#page-header .navbar a:hover{text-shadow: 1px 0px 3px #1186D4;color: #f1f1f1;padding: 10px;}
#page-header .navbar img{display: none;}
.headerbar {width: 100%;position: absolute;top: 0px;left:0px;height: 150px;background: url(http://reimagine.ca/img/reimagine/header_bar.png);background-position: 0px -60px;border-bottom: 1px solid #222;box-shadow: 1px 1px 6px #222;}
#search-box, .search-box {display: none;}
.h3, .content h2, .panel h2 {border-bottom: 1px dashed #f1f1f1;}
.h3 a, .content h2, .panel h2, .h3, h3 {color: #121212;}
.forabg, .forumbg {
background-color: #4E4E4E;
background-image: url(http://reimagine.ca/img/reimagine/header_bar.png);
background-repeat: repeat repeat;
border: 2px solid #d7d7d7;
border-radius: 8px;
box-shadow: 1px 0px 6px #d7d7d7;
}
ul.forums {
background-color: #fff;
background-image: url(https://2img.net/i/fa/empty.gif);
background-repeat: repeat repeat;
}
li.row {
border-bottom: 1px solid #trasnparent;
border-top: 1px solid #D7D7D7;
background: #FAFAFA;
}
#page-footer .navbar {
background: #EEE;
box-shadow: 1px 1px 11px #f1f1f1;
border: 1px solid #d7d7d7;
color: #eee;
border-radius: 6px;
}
#page-footer .navbar a{
background: #fff;
padding: 5px;
color: #222222;
border-radius: 6px;
box-shadow: 1px 1px 11px #f1f1f1;
border: 1px solid #d7d7d7;
}
#logo {position: absolute;top: 13px;left: 30px;
}
#site-title, #site-title h1, #logo-desc p{display: none;}
#logo {position: absolute;top: -14px;left: 30px;}
#site-title, #site-title h1, #logo-desc p{display: none;}
#login_popup {
color #222;
background: #fff;
padding: 5px;
border: 3px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 10px #AAA;
-webkit-box-shadow: 0 0 10px #AAA;
padding: 9px;
}
td.avatar-mini img, .inputbox {
border: 1px solid #d7d7d7;
border-radius: 5px;
}
.panel {
background-color: #f8f8f8;
border-radius: 5px;
border: 1px solid #dadada;
box-shadow: 0px 0px 6px #f1f1f1;
color: #2E2E2E;
margin-bottom: 4px;
padding: 0 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.row1, .row1 {background-color: #f1f1f1;}
.row2, .row1 {
background: #f1f1f1;
border: 1px solid #d7d7d7;
border-radius: 5px;
box-shadow: 0px 0px 5px #f1f1f1;
}
.postprofile {
padding: 5px;
border-color: #d7d7d7;
border-left-style: dashed;
border-left-width: 1px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background: #f1f1f1;
border-radius: 5px;
background-position: top;
background-repeat: repeat-x;
color: #222;
border: 1px solid #d7d7d7;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
.postbody .topic-title a {
border: 1px solid #D7D7D7;
background: #EBEBEB;
color: #232323;
padding-left: 6px;
padding-right: 6px;
position: relative;
top: -5px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
p.author {
border: 1px solid #D7D7D7;
background: #EBEBEB;
color: #232323;
width: 225px;
padding-top: 3px;
padding-left: 3px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: relative;
left: -11px;
}
.postprofile {
border: 1px solid #D7D7D7;
position: relative;
top: 25px;
left: 11px;
padding: 5px;
background: #EBEBEB;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.row1, row2 {padding-bottom: 2px;}
.buttons img{
border: 1px solid transparent;
background: #;
opacity:1.-;
filter:alpha(opacity=100);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}
.buttons img:hover{
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
border: 1px solid #d7d7d7;
border-radius: 5px;
background: #f1f1f1;
opacity:0.9;
filter:alpha(opacity=100);
}
ul.topiclist li {
border-radius: 0px;
box-shadow: 0px 0px 0px #fff;
}
#page-footer, .navbar {padding-top: 1px;}
#page-footer .navbar a:hover{color:#1186D4 ;}
#smiley-box, .smile-status-box {
background-color: #E6E6E6;
float: right;
margin-top: 25px;
width: 18%;
padding: 5px;
border-radius: 5px;
}
Edit by Helper Loyer
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://i.imgur.com/BZ17N.png');
}
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
Link do fórum:http://designera.forumeiros.com/
O que precisaria seria reduzir aquele verde de cima só para algo parecido com um ''retangulo'' que cobrisse a área do menu ''Inicio FAQ Buscar e etc'' e colocar esse banner https://2img.net/h/oi45.tinypic.com/fokmr8.jpg em cima...
Abraços
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Re: Personalização do banner de forma apropriada
Ola,
Coloce esse seguinte codigo na sua Folha de estilo CSS :
Ate mais !
Coloce esse seguinte codigo na sua Folha de estilo CSS :
- Código:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 0 0 transparent;
display: block;
margin: 0 auto 25px;
overflow: hidden;
position: relative;
text-indent: -9999px;
top: 7px;
width: 1200px;
}
Ate mais !
Re: Personalização do banner de forma apropriada
UsuarioX escreveu:Ola,
Coloce esse seguinte codigo na sua Folha de estilo CSS :
- Código:
#logo {
-moz-transition-duration: 1s;
-moz-transition-property: -moz-transform;
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 0 0 transparent;
display: block;
margin: 0 auto 25px;
overflow: hidden;
position: relative;
text-indent: -9999px;
top: 7px;
width: 1200px;
}
Ate mais !
Não deu certo :crybaby:
http://designera.forumeiros.com/
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Re: Personalização do banner de forma apropriada
Olá,
Tente adicionar o código abaixo em sua folha CSS:
Atenciosamente.
Tente adicionar o código abaixo em sua folha CSS:
- Código:
#logo {height:110px!important;}
Atenciosamente.
Convidad- Convidado
Re: Personalização do banner de forma apropriada
Robe! escreveu:Olá,
Tente adicionar o código abaixo em sua folha CSS:
- Código:
#logo {height:110px!important;}
Atenciosamente.
Agora o banner expandiu mas o verde lá de cima continuou expandido, não seria possivel reduzir ele somente para um ''retangulo'' que cobrisse só o menu de ''Inicio FAQ'' e etc e deixar o banner todo em cima?
Abraços :roll:
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Re: Personalização do banner de forma apropriada
Olá,
Retire o código que lhe dei anteriormente.
Adicione este:
Esse tema que você está usando, fui eu que criei. Na verdade, eu criei para que seja um logo pequeno, mais tudo bem. Veja se dá algum resultado o código acima, e não se esqueça de retirar o código que lhe dei anteriormente.
Até mais.
Retire o código que lhe dei anteriormente.
Adicione este:
- Código:
#page-header .navbar a:hover , #page-header .navbar a{background-image: url(http://i45.tinypic.com/fokmr8.jpg);}
Esse tema que você está usando, fui eu que criei. Na verdade, eu criei para que seja um logo pequeno, mais tudo bem. Veja se dá algum resultado o código acima, e não se esqueça de retirar o código que lhe dei anteriormente.
Até mais.
Convidad- Convidado
Re: Personalização do banner de forma apropriada
Robe! escreveu:Olá,
Retire o código que lhe dei anteriormente.
Adicione este:
- Código:
#page-header .navbar a:hover , #page-header .navbar a{background-image: url(http://i45.tinypic.com/fokmr8.jpg);}
Esse tema que você está usando, fui eu que criei. Na verdade, eu criei para que seja um logo pequeno, mais tudo bem. Veja se dá algum resultado o código acima, e não se esqueça de retirar o código que lhe dei anteriormente.
Até mais.
Olá Robe, agora está cortando o banner novamente
http://designera.forumeiros.com/
Não seria possivel reduzir ele somente para um ''retangulo'' que cobrisse só o menu de ''Inicio FAQ'' e etc e deixar o banner todo em cima?
Abraços
²
PS: Parabéns pelo tema, perfeito.
Maicon23- Novo Membro
- Membro desde : 12/05/2012
Mensagens : 7
Pontos : 9
Tópicos semelhantes
» [Banner] Vermelho escuro - Médio - Texto branco (Banner Flutuante)
» Como centralizar a parte do banner aumentando o lugar do banner de acordo com o tamanho da imagem
» [Banner] Banner PS2 Detonados - Preto - Texto Azul
» Mudar forma das estatisticas
» Por forma a volta das categorias
» Como centralizar a parte do banner aumentando o lugar do banner de acordo com o tamanho da imagem
» [Banner] Banner PS2 Detonados - Preto - Texto Azul
» Mudar forma das estatisticas
» Por forma a volta das categorias
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos