Ajuste de CSS: Aumentar Largura dos itens no menu principal

rldesign
Autor do Tópico
Offline
JCB! Hero

Mais

14 anos 5 meses atrás #49510 por rldesign

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

Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites

Please Entrar ou Registrar to join the conversation.

wdleo
Offline
JCB! Senior

Mais

14 anos 5 meses atrás #49516 por wdleo

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

Mais

14 anos 5 meses atrás #49519 por rldesign

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

Anexos:

Please Entrar ou Registrar to join the conversation.

Trorram
Offline
Administrador

Mais

14 anos 5 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

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 <img src="{SMILIES_PATH}/icon_lol.gif" alt="

" title="Rindo" />

Please Entrar ou Registrar to join the conversation.

rldesign
Autor do Tópico
Offline
JCB! Hero

Mais

14 anos 5 meses atrás #49527 por rldesign

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

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.

Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates