Imagem na barra do menu cortada

Ir para baixo

Tópico resolvido Imagem na barra do menu cortada

Mensagem por Kojitani 14.03.13 11:07

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(https://i.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 12:59, editado 1 vez(es)
Kojitani
Kojitani
***

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra do menu cortada

Mensagem por Convidado 14.03.13 12:28

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é.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra do menu cortada

Mensagem por Kojitani 14.03.13 12:35

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?
Kojitani
Kojitani
***

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra do menu cortada

Mensagem por Convidado 14.03.13 12:42

Olá querido! Eu amo você

Bom, troque o código por este
/*-----------------------------------------Menu-------------------------------------------------------*/
#page-header .navbar ul.navlinks {
background: url(https://i.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é.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra do menu cortada

Mensagem por Kojitani 14.03.13 12:51

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

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra do menu cortada

Mensagem por Convidado 14.03.13 12:56

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é.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem na barra do menu cortada

Mensagem por Kojitani 14.03.13 12:58

grato e obrigado dado.
Kojitani
Kojitani
***

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

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