- Fórum
- /
- Suporte Joomla
- /
- Templates
- /
- Joomla 1.5
- /
- Ajuste de CSS: Aumentar Largura dos itens no menu principal
Ajuste de CSS: Aumentar Largura dos itens no menu principal
- rldesign
- Autor do Tópico
- Offline
- JCB! Hero
Menos
Mais
12 anos 9 meses atrás #49510
por rldesign
Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites
rldesign created the topic: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Olá Pessoal,
Gostaria de pedir uma ajuda em relação ao ajuste de css em um menu.
Inicialmente estava usando o próprio módulo main menu, porém ao clicar em um determinado item, não ficava o a hover em cima do item desse menu.
Ai, resolvi trocar por um módulo especifico para controle de menu: maxi menu chk
Eu quero que aumentar a largura de todos os itens do menu, até que a divisão ficasse certa até o final da posição hornav.
Alguem ai pode me dar uma força no que eu posso fazer para resolver esse problema.
End: capitalprime.rldesign.net.br
Gostaria de pedir uma ajuda em relação ao ajuste de css em um menu.
Inicialmente estava usando o próprio módulo main menu, porém ao clicar em um determinado item, não ficava o a hover em cima do item desse menu.
Ai, resolvi trocar por um módulo especifico para controle de menu: maxi menu chk
Eu quero que aumentar a largura de todos os itens do menu, até que a divisão ficasse certa até o final da posição hornav.
Alguem ai pode me dar uma força no que eu posso fazer para resolver esse problema.
End: capitalprime.rldesign.net.br
Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites
Please Entrar ou Registrar to join the conversation.
- wdleo
- Offline
- JCB! Senior
12 anos 9 meses atrás #49516
por wdleo
Atenciosamente,
[b:vtd5x1a7][i:vtd5x1a7]Leandro Alves
Webdesigner[/i:vtd5x1a7][/b:vtd5x1a7]
Hospede seu site Joomla em: [url:vtd5x1a7]http://corehost.com.br[/url:vtd5x1a7]
Cupom desconto de 10% em todas as mensalidades: #CORE10
wdleo replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
manda um screen com as posiçoes identificadas para vermos. assim fica mais fácil.
Atenciosamente,
[b:vtd5x1a7][i:vtd5x1a7]Leandro Alves
Webdesigner[/i:vtd5x1a7][/b:vtd5x1a7]
Hospede seu site Joomla em: [url:vtd5x1a7]http://corehost.com.br[/url:vtd5x1a7]
Cupom desconto de 10% em todas as mensalidades: #CORE10
Please Entrar ou Registrar to join the conversation.
- rldesign
- Autor do Tópico
- Offline
- JCB! Hero
12 anos 9 meses atrás #49519
por rldesign
Posições do template
http://capitalprime.rldesign.net.br/index.php?tp=1
No anexo, tentei desenhar explicando o que quero fazer.
Aumentar a largura de cada item do menu, até chegar no final da posição hornav
Não quero deixar aquele espaço sobrando, depois do último item, entendeu?
Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites
rldesign replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
wdleo escreveu: manda um screen com as posiçoes identificadas para vermos. assim fica mais fácil.
Posições do template
http://capitalprime.rldesign.net.br/index.php?tp=1
No anexo, tentei desenhar explicando o que quero fazer.
Aumentar a largura de cada item do menu, até chegar no final da posição hornav
Não quero deixar aquele espaço sobrando, depois do último item, entendeu?
Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites
Please Entrar ou Registrar to join the conversation.
- Trorram
- Offline
- Administrador
12 anos 9 meses atrás #49524
por Trorram
Trorram replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Seu menu tem 850px de largura.
Certo?? Assim. voce tem 7 menus certo?
Dividindo 850px /7 menus = cada um deve ter 121 px
Assim coloca neste código.
No arquivo -> navigation.css
Procure o código
Insere
Olha é sem teste, verifica se funciona, eu nao tenho muita coisa aqui para fazer o teste.
Abs, Trorram <!-- s:lol: --><img src="{SMILIES_PATH}/icon_lol.gif" alt="" title="Rindo" /><!-- s:lol: -->
Certo?? Assim. voce tem 7 menus certo?
Dividindo 850px /7 menus = cada um deve ter 121 px
Assim coloca neste código.
No arquivo -> navigation.css
templates/shaper_simplicity_ii/css/navigation.css
Procure o código
#hornav ul li {
Insere
width:121px !important;
Olha é sem teste, verifica se funciona, eu nao tenho muita coisa aqui para fazer o teste.
Abs, Trorram <!-- s:lol: --><img src="{SMILIES_PATH}/icon_lol.gif" alt="" title="Rindo" /><!-- s:lol: -->
Please Entrar ou Registrar to join the conversation.
- rldesign
- Autor do Tópico
- Offline
- JCB! Hero
12 anos 9 meses atrás #49527
por rldesign
Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites
rldesign replied the topic: Re: Ajuste de CSS: Aumentar Largura dos itens no menu principal
Vlw pela força Trorram!!!
Fui ajustando e o melhor jeito ficou assim
O item Área dos Clientes, terei que tirar a palavra dos pra ficar certinho
Agora a zica é o tal do a:hover
To na briga pra ajustar essas duas imagens pra ficar certinho
O arquivo que ele está é no style3.css
Fui ajustando e o melhor jeito ficou assim
width:96px !important
O item Área dos Clientes, terei que tirar a palavra dos pra ficar certinho
Agora a zica é o tal do a:hover
To na briga pra ajustar essas duas imagens pra ficar certinho
O arquivo que ele está é no style3.css
a:hover,a:active,a:focus{color:#4bb033}
#hornav ul li:hover, #hornav ul li.active {background: url(../../images/styles/style3/nav-active-l.png) no-repeat 10 100%;}
#hornav ul li:hover > a, #hornav ul li.active > a {background: url(../../images/styles/style3/nav-active-r.png) no-repeat 100% 100%;color: #fff;}
Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites
Please Entrar ou Registrar to join the conversation.