Imagem na barra do menu cortada

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

Resolvido Imagem na barra do menu cortada

Mensagem por Kojitani em 14/03/13, 08:07 am

Qual é minha questão:

Eu adicionei esse css para fazer alterações no meu menu - entretanto a img esta cortando, não completa a volta, por mais que eu edite o width, fica cortada... alguma idéia?


#wrap{min-width:1px}#page-header .navbar ul.linklist.navlinks{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png);background-origin:padding-box;border-bottom-color:white;border-bottom-style:solid;border-bottom-width:0px;bottom:auto;clear:none;color:#222;display:block;font-family:'trebuchet MS','trebuchet MS';font-size:10px;font-weight:bold;height:50px;left:-34px;line-height:normal;list-style-type:none;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;opacity:1;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;position:relative;text-align:center;text-shadow:none;width:1040}

Endereço do meu fórum:
http://sobrevivencialistabr.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Kojitani em 14/03/13, 09:59 am, editado 1 vez(es)
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

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

Resolvido Re: Imagem na barra do menu cortada

Mensagem por Convidado em 14/03/13, 09:28 am

Olá querido! Eu amo você

Troque o código por este
Código:
/*-----------------------------------------Menu-------------------------------------------------------*/
#page-header .navbar ul.navlinks {
background: url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
height: 50px;
left: -30px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}

Até.

Convidado
Convidado


Resolvido Re: Imagem na barra do menu cortada

Mensagem por Kojitani em 14/03/13, 09:35 am

Pablow deu certo, mas só precisa de uns ajustes - de alinhamento - que na direita tá maior que na esquerda - a fonte eu ajeitei - mas, como centraliza nesse código em questão?
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

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

Resolvido Re: Imagem na barra do menu cortada

Mensagem por Convidado em 14/03/13, 09:42 am

Olá querido! Eu amo você

Bom, troque o código por este
/*-----------------------------------------Menu-------------------------------------------------------*/
#page-header .navbar ul.navlinks {
background: url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;
height: 55px;
left: -25px;
position: relative;
width: 1018px;
}
#page-header .navbar ul.navlinks li a:hover {
color: #EFEFEF;
text-shadow: black -1px -1px 1px;
}
#page-header .navbar ul.navlinks li a {
bottom: -20px;
color: white;
font-family: arial;
font-size: 17px;
margin: 5px;
position: relative;
text-shadow: black 1px 1px 1px;
}
.mainmenu:hover {
border-bottom: 1px solid white!important;
}
Se acaso ainda não ficou na posição certa, a onde este em negrito, troque pelos valores até fica a posição que deseja.

Até.

Convidado
Convidado


Resolvido Re: Imagem na barra do menu cortada

Mensagem por Kojitani em 14/03/13, 09:51 am

Deu certo ^^ - o alinhamento do texto para center???
text-align: center; - eu coloco nos dois pages? separado?
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

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

Resolvido Re: Imagem na barra do menu cortada

Mensagem por Convidado em 14/03/13, 09:56 am

Olá querido! Eu amo você

Para centralizar o texto, faça desta maneira
Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegações
Procure por Posição do menu :Marque Centralizado.
Salvar.

Até.

Convidado
Convidado


Resolvido Re: Imagem na barra do menu cortada

Mensagem por Kojitani em 14/03/13, 09:58 am

grato e obrigado dado.
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

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

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