Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Imagem na barra do menu cortada
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Imagem na barra do menu cortada
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
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)
Re: Imagem na barra do menu cortada
Olá querido!
Troque o código por este
Até.
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
Re: Imagem na barra do menu cortada
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?
Re: Imagem na barra do menu cortada
Olá querido!
Bom, troque o código por este
Até.
Bom, troque o código por este
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./*-----------------------------------------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;
}
Até.
Convidado- Convidado
Re: Imagem na barra do menu cortada
Deu certo ^^ - o alinhamento do texto para center???
text-align: center; - eu coloco nos dois pages? separado?
text-align: center; - eu coloco nos dois pages? separado?
Re: Imagem na barra do menu cortada
Olá querido!
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é.
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
Tópicos semelhantes
» Imagem entre a barra de menu
» Imagem no final da pg ta cortada
» A imagem nos posts fica cortada
» Imagem na barra
» Barra do Menu
» Imagem no final da pg ta cortada
» A imagem nos posts fica cortada
» Imagem na barra
» Barra do Menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos