RESOLVIDO AJUDA URGENTE POR FAVOR!!!

Oi estou com um problema estou fazendo um site baixamelhor.com
e minha duvida é no topo do site tem os menu só que ele esta muito grande e não deu pra aparecer todos no topo se olhar do lado direito em categorias vê os que ficaram faltando, ai galera oque posso fazer e como fazer para que todos os menus da categoria apareça lá em cima???

Ajuda ai

franklin98745621 escreveu: Oi estou com um problema estou fazendo um site baixamelhor.com
e minha duvida é no topo do site tem os menu só que ele esta muito grande e não deu pra aparecer todos no topo se olhar do lado direito em categorias vê os que ficaram faltando, ai galera oque posso fazer e como fazer para que todos os menus da categoria apareça lá em cima???

Ajuda ai

Oie!

Então, vamos lá, primeira coisa:

Vá no arquivo template.css na linha 76 e vc verá isto (#jv-mainmenu .jv-wrapper):

#jv-mainmenu .jv-wrapper {
width: 962px; (mude para este valor: 962px e salve)
}

Vc verá que os outros itens do menu começarão a aparecer (imagem e foto, utilitário...etc...) O que ocorre é que as abas do menu, estão muito grandes e as letras também, ou seja, mesmo aumentando o width, vc terá problemas no layout. Sugiro que vc diminua as letras e o width das abas para que possa caber tudo no topo.

Assim ó, esse bloco de código (#menusys_moo li a span) está no arquivo http://baixamelhor.com/templates/jv_moj ... oomenu.css na linha 69 (mude o tamanho da font-size para 10 e o padding-right para 5px e salve)

#menusys_moo li a span {
background: url("../../images/red/mainmenu-item.png") no-repeat scroll right 0 transparent;
border: medium none;
color: #FFFFFF;
display: block;
font-size: 10px;
font-weight: bold;
padding-right: 5px;
text-transform: uppercase;
}

Depois disso, vc tem que mudar o padding-left para centralizar o link bonitinho na aba, assim ó: (localização do bloco de código abaixo: http://baixamelhor.com/templates/jv_moj ... oomenu.css na linha 61)

#menusys_moo li a {
background: url("../../images/red/mainmenu-item.png") no-repeat scroll left 0 transparent;
display: block;
line-height: 36px;
padding: 0 0 0 7px;
text-decoration: none;
text-shadow: 1px 1px 1px #CA630A;
}

Mude o padding para padding: 0 0 0 7px; como eu fiz, eu diminui o último valor (7px) que é o valor do lado esquerdo da aba. Dai tu salva e faz o upload do jv.moomenu.css

Pronto! Anexei a imagem de como ficaram as mudanças, que só aparece pra mim, no meu browser (o Poderoso FireFox hehe)

Tudo isso eu consegui com uma ferramenta chamada Firebug que é um add-ons do FireFox, vc verá um vídeo ensinando com usar esta ferramenta, aqui ó http://www.toprated.com.br/video-tutori ... -a-firebug

Gente, eu não recebo comissão para falar do Firebug naum...kkkk é que eu amo essa ferramenta, e o que é bom, deve ser divulgado

Abçs e espero ter te ajudado <!-- s:oops: --><img src="{SMILIES_PATH}/icon_redface.gif" alt="" title="Envergonhado" /><!-- s:oops: -->

Nossa muito obrigada deu certinho rsrsrs vlw mesmo !!!

franklin98745621 escreveu: Nossa muito obrigada deu certinho rsrsrs vlw mesmo !!!

<!-- s;) --><img src="{SMILIES_PATH}/icon_e_wink.gif" alt="" title="Piscada" /><!-- s;) --> Fico feliz!

Boa Páscoa!

Yupiiiiiiiiiii!