Ajuste de CSS: Aumentar Largura dos itens no menu principal

  • rldesign
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
8 anos 10 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.


Mais
8 anos 10 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
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
8 anos 10 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.

Mais
8 anos 10 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 <!-- s:lol: --><img src="{SMILIES_PATH}/icon_lol.gif" alt=":lol:" title="Rindo" /><!-- s:lol: -->

Please Entrar ou Registrar to join the conversation.

  • rldesign
  • Avatar de rldesign Autor do Tópico
  • Offline
  • JCB! Hero
  • JCB! Hero
Mais
8 anos 10 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.