Centralizar menu

3 participantes

Ir para baixo

Tópico resolvido Centralizar menu

Mensagem por Load 29.08.14 5:26

  • Descrição:
Como podem ver no fórum o menu fica uma pequena parte fora.

  • Informações:
Fórum:http://demowp.forumeiros.com/Versão:PHPBB3
Tipo:Erros diversosTags:Centralizar

Load
Load
***

Membro desde : 12/07/2014
Mensagens : 143
Pontos : 212

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Uatyla 29.08.14 11:27

O problema é essa barra https://i.imgur.com/FQkqx.gif
ela ultrapassa a largura do seu fórum.
Uatyla
Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Load 29.08.14 15:36

Não é isso, eu já diminui-la e continua do mesmo jeito.
Load
Load
***

Membro desde : 12/07/2014
Mensagens : 143
Pontos : 212

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Shek 29.08.14 15:37

Bom dia!

Acesse Geral > Configuração > e procure Largura do fórum e coloque em 81%

Em seguida, acesse Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e procure por:
Código:
#page-header .navbar ul.navlinks
Substitua por:
Código:
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/FQkqx.gif) no-repeat top center;
height: 55px;
left: -36px;
position: relative;
width: 1154px;
}
Até mais!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Load 29.08.14 16:12

Olha lá como ficou agora.

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:#000;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:#000;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}}#wrap{background-image:url(http://i47.servimg.com/u/f47/13/27/41/49/9oznw10.jpg)!important;background-position:left top;background-repeat:no-repeat!important;background-size:100%;border:#D4D6D5 solid 1px!important}#page-header .headerbar #logo-desc img{height:330px;width:1075px}.post{background-color:#FFF;background-image:url(http://oi44.tinypic.com/wi4tna.jpg);background-position:189px;background-repeat:repeat-y;border-color:#eee;border-style:solid;border-width:3px}.signature_div{border-top:1px solid #D4D6D5;margin-left:-2.6%;margin-top:2%;padding-left:15px;width:102.8%}.signature_div div{width:88%!important}.postprofile{border-color:#D4D6D5;border-right-style:initial;border-right-width:1px;margin-left:-12px;width:23.2%}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,.spoiler dt,button.button2,input#submit_button,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}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,#message:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}.vote .vote-no-bar,.vote div.vote-button:last-child{display:none}.forabg{background-color:#2E2E2E;background-image:url(http://i.imgur.com/RGt8rDg.png);background-repeat:repeat repeat;border:2px solid #d7d7d7;border-radius:8px;box-shadow:1px 0 6px #d7d7d7;margin-left:4px}.forabg .topiclist.forums li.row dl.icon{background-position:left center;left:-20px;position:relative}.forabg .topiclist.forums li.row dl.icon dd.dterm div{margin:0 0 0 72px !important}.postbody{width:77%}.postbody .topic-title{font-family:trebuchet MS,trebuchet MS}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#fff;border:solid 1px #D4D6D5;border-image:initial;border-radius:7px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#F3F3F3;border:solid 1px #D4D6D5;border-bottom-left-radius:10px;border-image:initial;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}ul.topiclist li.header dl dd{color:#E4E4E4;text-shadow:1px 1px black, -0 -0 #333}ul.topiclist dd{color:#000;text-shadow:1px 1px white, -0 -0 #333}div .navbar .inner ul.linklist.clearfix{color:#000;font-family:trebuchet MS,trebuchet MS;font-size:11px;font-style:bold}div.h3 a:hover{color:#E11141!important}#main-content div.h3 a{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;color:#5C5A5A;font-family:trebuchet MS,trebuchet MS;font-size:1.05em;font-style:bold;font-weight:700;padding-left:5px;padding-top:1px;text-transform:uppercase}#main-content div.h3{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #000;border-radius:5px}p em{color:#5C5A5A;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.05em;font-style:normal;font-weight:700;padding-left:1px;padding-top:1px;text-transform:uppercase}em{font-style:normal}#message-box #textarea_content textarea#text_editor_textarea{width:99%!important}#search-box{float:right;margin-right:5px;margin-top:10px;white-space:nowrap}#search-box #keywords{background-color:#fff;width:95px}#chatbox .user{font-weight:400}.vote{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background-color:#FFF;border:1px solid #D4D6D5;padding:4px 1px;text-align:center;width:20px}.vote .vote-button a[href$="plus"]{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(http://i47.servimg.com/u/f47/13/27/41/49/tick_c10.png) no-repeat scroll 0 0;color:transparent;display:block;height:19px;width:22px}.vote .vote-button a[href$="minus"]{background-image:url(http://i47.servimg.com/u/f47/13/27/41/49/minus_10.png);background-repeat:no-repeat;color:transparent;display:block;height:19px;width:22px}a{color:#105289}a:hover{color:#d31141}.pagination span a:hover{background-color:#A4A4A4;border-color:#B4BAC0;color:#FFF;text-decoration:none}.pagination span strong{background-color:gray;border:0 solid gray;color:#FFF;font-size:.9em;margin:0 2px;padding:0 2px}#footer li,#footer ul{list-style-position:outside}#page-header .navbar{background-color:#FFF;background-repeat:repeat-x;clear:both;margin:-5px -5px 25px;padding-top:10px}.headerbar{background-color:#FFF;margin:-5px}ul.navlinks{-moz-border-radius:9px;-webkit-border-radius:9px;border-bottom:0 solid #EEE;height:24px;padding-top:5px}#page-footer .navbar{background-color:#FFF;border-top:1px solid #000;margin-top:5px}ul.linklist li a img{-moz-opacity:.8;filter:alpha(opacity=85);opacity:.8}ul.linklist li a img:hover{-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}.forumbg{background-color:#2E2E2E!important;background-image:url(http://i.imgur.com/RGt8rDg.png);background-position:0 0;background-repeat:repeat-x;border:2px solid #D7D7D7;border-image:initial;border-radius:8px;box-shadow:1px 0 6px #d7d7d7;clear:both;margin-bottom:4px;padding:0 5px}.module{border:2px solid #d7d7d7;border-radius:8px;box-shadow:1px 0 6px #d7d7d7}li.row{background-color:#b000000}#wrap,.panel{-moz-border-radius:9px;-webkit-border-radius:9px;background:#fff url(http://i47.servimg.com/u/f47/13/27/41/49/conteu10.png);border:0 solid grey}#logo-desc,#page-footer .navbar,#page-header .navbar,.headerbar,.module,span.corners-bottom span,span.corners-top,span.corners-top span{background-color:transparent}.module .h3{border-bottom:1px solid #d7d7d7;color:#000!important;margin:.5em 0;position:relative;text-align:center;top:-7px}#chatbox{background:#fff;background-position:bottom right;background-repeat:no-repeat}form#quick_reply #textarea_content textarea#text_editor_textarea{background-image:url();background-position:bottom right;background-repeat:no-repeat}#message-box textarea{background-image:url();background-position:bottom right;background-repeat:no-repeat}blockquote{background-color:#FFF;border-color:#9B9B9B}.postprofile dd,.postprofile dt{margin-right:6px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-image:initial;border-width:1px;color:#000;height:23px}input.search{background:url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position:0 -701px;padding-left:17px}input.inputbox{width:60%}.inputbox{background-color:#fff;border:1px solid #BCBCBC;border-image:initial;color:#666;cursor:text;padding:2px}input{cursor:pointer;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;padding:0 3px;vertical-align:middle}#search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-image:initial;border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#page-header .navbar ul.navlinks{background:url(http://i.imgur.com/FQkqx.gif) no-repeat top center;height:55px;left:-36px;position:relative;width:1135px}#page-header .navbar ul.navlinks li a{bottom:-22px!important;color:#fff;font-family:arial;font-size:14px;margin:5px;position:relative;text-shadow:1px 1px 1px #000}#page-header .navbar ul.navlinks li a:hover{color:#fff;text-shadow:-1px -1px 1px grey}#page-header .navbar ul.linklist.navlinks{margin-top:-20px}
      .fade {
         display:inline-block;
         background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
         background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,255)), color-stop(1.00, rgba(255,255,255,0)));
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1);
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, 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");
      }
Load
Load
***

Membro desde : 12/07/2014
Mensagens : 143
Pontos : 212

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Shek 29.08.14 16:16

Você vai ter que pedir no setor gráfico que, esta imagem seja mais larga de acordo com a adaptação da estrutura, pois, com CSS não há muito o que fazer.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Load 29.08.14 16:17

Eu já fiz outros tamanhos da imagem também, mas sempre continua fixa no mesmo lugar..
Load
Load
***

Membro desde : 12/07/2014
Mensagens : 143
Pontos : 212

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Shek 29.08.14 16:22

Mude o valor do left do seletor #page-header .navbar ul.navlinks para:
Código:
left: -32px;

Acesse Geral > Configuração > e procure Largura do fórum e coloque em 80%
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Load 29.08.14 16:24

Quase quase, olha como ficou.
Load
Load
***

Membro desde : 12/07/2014
Mensagens : 143
Pontos : 212

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Shek 29.08.14 16:28

Já disse, não tem como fazer alterações na imagem por meio de CSS. Lamento. Ou você diminui o tamanho da largura da imagem, ou vai ajustando o valor left: -32px; que lhe passei.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Load 29.08.14 16:30

Ok né.
Pode fechar o tópico ai.. ;/
Load
Load
***

Membro desde : 12/07/2014
Mensagens : 143
Pontos : 212

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Centralizar menu

Mensagem por Shek 29.08.14 16:53

Centralizar menu  Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos