Personalização do banner de forma apropriada

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

Resolvido Personalização do banner de forma apropriada

Mensagem por Maicon23 em 12/05/12, 12:52 pm

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.

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://illiweb.com/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://illiweb.com/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://illiweb.com/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, 12:23 am, editado 1 vez(es)
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Cream em 12/05/12, 01:07 pm

Olá,

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;
}
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;
    right: 0;
    top: 0;
}
Em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Maicon23 em 12/05/12, 01:23 pm

@Cream escreveu:Olá,

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;
}
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;
    right: 0;
    top: 0;
}
Em:
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.
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Cream em 12/05/12, 02:14 pm

Olá,

Procure por:
Código:
#logo:hover {
-moz-transform: translate (60px);
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 00 transparente;
}
E exclua. Procure nvoamente em seu CSS 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;
}
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;
    margin: 0 auto 25px;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    top: 5px;
    width: 859px;
}

Resulta?
Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Maicon23 em 12/05/12, 04:25 pm

@Cream escreveu:Olá,

Procure por:
Código:
#logo:hover {
-moz-transform: translate (60px);
background: url("http://i50.tinypic.com/in4j2v.jpg") repeat scroll 00 transparente;
}
E exclua. Procure nvoamente em seu CSS 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;
}
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;
    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("http://i50.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(http://i50.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://illiweb.com/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://illiweb.com/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://illiweb.com/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.
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Sennior em 15/05/12, 01:15 pm

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://illiweb.com/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://illiweb.com/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://illiweb.com/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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Maicon23 em 15/05/12, 11:13 pm

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://illiweb.com/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://illiweb.com/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://illiweb.com/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 Chorando ou muito tr

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 Venerar

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(http://i46.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(http://illiweb.com/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(http://illiweb.com/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(http://illiweb.com/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('http://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 http://i45.tinypic.com/fokmr8.jpg em cima...

Abraços Colegas
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por UsuarioX em 15/05/12, 11:53 pm

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 ! Exclamação
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Maicon23 em 16/05/12, 10:09 am

@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 ! Exclamação


Não deu certo :crybaby:

http://designera.forumeiros.com/
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Convidad em 16/05/12, 10:12 am

Olá,

Tente adicionar o código abaixo em sua folha CSS:

Código:
#logo {height:110px!important;}

Atenciosamente. Feliz aniversário

Convidad
Convidado


Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Maicon23 em 16/05/12, 10:36 am

Robe! escreveu:Olá,

Tente adicionar o código abaixo em sua folha CSS:

Código:
#logo {height:110px!important;}

Atenciosamente. Feliz aniversário

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:
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por nikkibs em 17/05/12, 09:49 am

Tem como fazer isso no Phpbb2?
avatar

nikkibs
Nível 9

Feminino
Inscrito dia : 16/05/2012
Mensagens : 211
Pontos Ativos : 306

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

Resolvido Re: Personalização do banner de forma apropriada

Mensagem por Convidad em 17/05/12, 10:36 am

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

Convidad
Convidado


Resolvido Re: Personalização do banner de forma apropriada

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

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

Olá Robe, agora está cortando o banner novamente Chorando ou muito tr

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 Envergonhado


²
PS: Parabéns pelo tema, perfeito.
avatar

Maicon23
Nível 2

Masculino
Inscrito dia : 12/05/2012
Mensagens : 7
Pontos Ativos : 9

Ver perfil do usuário

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

- Tópicos similares

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