Agora que já explicamos como funciona o submenu vamos começar a dizer como colocar um no seu blog. Entre na pagina layout, adicionar gadget, html/javascript e coloque o código abaixo, por ser um código grande pode haver algum problema com o código em copiar e colar direito do blog, então temos aqui o mesmo código pronto para download.
<style type="text/css">
<!--
ul.MenuBarHorizontal{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: auto;
}
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: auto;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 150px;
float: left;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 150px;
position: absolute;
left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
ul.MenuBarHorizontal ul li
{
width: 150px;
}
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}
ul.MenuBarHorizontal a
{background-color: #6633FF;
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
border-right: 1px solid #0000CC;
border-bottom: 1px solid #0000CC;
border-left: 1px solid #FFFFFF;
font-size: 120%;
text-decoration: none;
padding-top: 5px;
padding-bottom: 4px;
width: 150px;
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);
color: #000000;letter-spacing: normal;word-spacing: normal;border-top: 1px solid #FFFF00;
border-right: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 1px solid #FFFF00;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #66CCFF;
}
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(http://img6.imageshack.us/img6/5549/sprymenubarright.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(http://img6.imageshack.us/img6/5549/sprymenubarright.gif);
background-repeat: no-repeat;
background-position: 95% 50%;}
-->
</style>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="link do Item 1.1">Item 1.1</a></li>
<li><a href="link do Item 1.2">Item 1.2</a></li>
<li><a href="link do Item 1.3">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a href="link do Item 3.1">Item 3.1</a> </li>
<li><a href="link do Item 3.2">Item 3.2</a></li>
<li><a href="link do Item 3.3">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<p>
<script src="http://acessoriosparablogs.com.br/scripts/submenu.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://img6.imageshack.us/img6/5549/sprymenubarright.gif", imgRight:"http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif"});
//-->
</script>
Vamos falar sobre o item 1, isso é o texto que vai aparecer no seu blog, o link dele é daquele jeito mesmo só um sinal de jogo da velha, os subitens é só trocar onde está Item 1.1 pelo titulo que desejar e colocar a url no lugar indicado na mesma linha, e assim por diante em todos os outros links.
Você deve colocar esse código onde aparecerá o menu horizontal com submenu, lembre-se que se o espaço (largura) do seu blog não for suficiente para o menu completo um ou mais itens vão para linha debaixo, portanto é preciso ter cuidado com o numero de itens e a largura do botão para alterar a largura de cada botão mude o valor 150px, veja no código ele aparece 4 vezes width: 150px; você deve mudar esse numero em todos, ou seja, se colocar 130px tem que alterar nos 4 lugares que aparece o 150.
Para mudar as cores, letras, fundo e tudo mais dos botões é nesta parte do código:
ul.MenuBarHorizontal a
{background-color: #6633FF;
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
border-right: 1px solid #0000CC;
border-bottom: 1px solid #0000CC;
border-left: 1px solid #FFFFFF;
font-size: 120%;
text-decoration: none;
padding-top: 5px;
padding-bottom: 4px;
width: 150px;
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
E o estilo quando o mouse está sobre ele é aqui:
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);
color: #000000;letter-spacing: normal;word-spacing: normal;border-top: 1px solid #FFFF00;
border-right: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 1px solid #FFFF00;
}
Veja aqui uma demostração do menu com sub menu. Para fazer modificações nos botões é como se fosse qualquer outra coisa feita em CSS, então veja nossas dicas sobre:
Fazer e colocar botões
Mudar a imagem de fundo
Código das Cores
Como abrir e usar um arquivo no formato .zip
Link para esta página
99 comentários:
ja tenho o menu horizontal so q nao consigo por os submenus, qndo coloco o codigo o menu e submenu fica na coluna lateral
clubemexirica.blogspot.com
tente colocar esse código que mostramos nesta postagem, o submenu ficará embaixo
mais o menu e submenu nao ficam na horizontal...
oi cara seu blog e o maximo !!
bem queria perguntar onde fica localizado o codigo css numa postagem você disse que era no inicio no codigo do template então decide procurar ... bem logo depois fui procurar no final do template e não encontrei esse css eu sei que ele tem sidebar,maim,head essa tags procurei eu todo o onicio do codigo do meu template mais so achei no final as tags :
body
html
e foi no final
na pagina editar html vai encontrar essas tags que falou:
#main {widt....
#sidebar {widt....
o texto que está dentro das chaves certamente será difirente, mas vai achar #main, clique ctrl + F vai aparecer uma janela de busca, ai é só digitar o texto que quiser procurar
Obrogado mais uma vez
desculpa por ta escrevendo erra e que o teclado ta rem
quando coloca o mouse em cima da barrinha ela fica piscando em rosa e amarelo como mudar essas cores?
Topa parceria? dicadedica.com
o que faz piscar é uma imagem de fundo
http://img16.imageshack.us/img16/122/overc.gif é só fazer outro gif animado e colocar no lugar desse
Fabiano roberto, se nao for perguntar demais gostaria de saber se em vez da cor da barrinha(azul) tem como colocar uma imagem?
victorno final dessa postagem tem um link sobre imagem de fundo e também fazer e colocar botões, é só seguir o que tem lá e colocar a imagem no lugar da cor azul
Muito valiosa as suas dicas. Seu Blog é sensacional.
Quando vo editar os titulos do menus, muda, fica fora de ordem, como se muda o titulo tipo, em vez de item 1, item 2 como coloco os nomes que eu quero, e quando vou salvar algo no blog, como eu coloco numa parte do menu?
esse código é preciso ter cuidado ao editar.
você deve colocar os itens do submenu onde está ink do Item 1.1,link do Item 1.2....
o Item 1 é o titulo que aparece no menu.
preste atenção para não apagar os ul e li pois isso também gera falhas no submenu
Fiz o que foi pedido, mas agora não está abrindo. veja www.cdigoias.org.br O que fazer?
tente novamente, é bem possível que tenha deixado um li ou ul fora de lugar ou sem fechar
Fabio tipo esse codigo de SubMenu nao ta funcionando olha só como aparece ele nao da o efeito de desce
www.dicas-10.blogspot.com
houve um problema no site onde hospedamos uma parte do código, veja a correção
<li><a href="#">Item 4</a></li>
</ul>
<p>
<script src="http://cidadeweb.110mb.com/dicas/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
Valeu demais pelas dicas! Só tem uma outra coisa que gostaria de saber. Como faço para retirar dos botões (menu) as setinhas. Na verdade, no último botão, que renomeei de videoteca, não aparece a setinha. Gostaria de poder manter a setinha no menu (botão) que houver submeno, e no que não não tiver retirar a setinha. Como faço isso?
Fabiano, como faço para inserir mais botões (menu) na barra? Inicialmente, o código já vem com 4, mas estou precisando inserir mais.
IDEGE - Instituto de Desenvolvimento e Gestão Empresarial
onde está esse código apenas duplique essa linha
<li><a href="#">Item 4</a></li>
se precisar de mais um item com submenu duplique esse
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a href="link do Item 3.1">Item 3.1</a> </li>
<li><a href="link do Item 3.2">Item 3.2</a></li>
<li><a href="link do Item 3.3">Item 3.3</a></li>
</ul>
</li>
mas em ambos os casos será necessário alterar as larguras do botões pois ocupará mais espaço
Fernando, gostaria de saber se há como manter os títulos dos menus(botões) sem o sublinhado quando passamos o mouse sobre o link (botão) e se há como, também mantermos a mesma cor do título depois de clicar sobre o link (botão. Ou seja, quando posiciono o cursor do mouse sobre um link do menu (ex.: "contato"), o título contato fica sublinhado. Depois de clicar (acessar esse link) o título muda de cor. E eu não gostaria que isso ocorresse, pois a cor que a letra fica é a mesma da barra e o sublinhado não fica legal.
Fabiano, além da questão do sublinhado e do nome dos menus desaparecerem, após serem acessados (a cor de links visitadis é o mesmo utilizado na barra de menu), que ainda não consegui resolver, agora, tem uma outra coisa. No menu que tem submenu, ao passar o cursor sobre ele e abrir os submenus, aparece, também, uma tarjazinha branca. Tem como tirar isso?
isso acontece porque alguma parte do seu blog tem a configuração para links após clicados, procure por a:visited{...
isso pode estar em qualquer parte, e geralmente dá esse tipo de problemas, no meu blog apaguei todos desse tipo que encontrei, mas não é para apagar a tag inteira somente esse parte, por exemplo, no blog tem
.post a, .post a:visited{....
deixe só
post a{....
Fabiano,
eu queria saber entre que Palavras devo colar o código, pois não tenho tanta habilidade com html.
blogg do individuo
como você mesmo diz não ter experiencia com html sugiro que comece com algo mais simples, o texto do link vai onde está escrito item 1... e outros lugares deste tipo e os links onde está link do item 1....
mas esse código é complicado de usar principalmente alterar.
OK VALEU ADOREI =)
Fico agradecido... pelas dicas... nos todos que passamos por aqui somos abençoados por essa preciosas dicas, que Deus sempre inlumene seus caminho sempre com pomtos positivo em sua vida...
valeu
e tudo de bom
att clebson
olá... em meu blog há um templete que ja veio com o(s) menu(s), mas quando eu clico em algum dos menus não acontece nada..., ou seja volta a pagina inicial, conhecida como "Home" ai quero colocar outra guia(donwload) mas que quando eu clico aparece outros topicos... os topicos para download, como eu faço?
BlogDowload
você precisa editar os links do menu, para fazer isso entre na pagina layout e clique para editar o gadget que é o menu.
se não for possivel terá que ser feito pela pagina editar html
quando o mouse não esta em cima dos botóes, os botoes ficam azuis..., tem como colocar a imagem que eu quero...
OBS.: só quando o mouse não estiver em cima.
pode me add no msn?
*responde pra depois eu te passar o msn*
vlw mlkão seu blog é o melhor!
BlogWonderland
é só colocar a imgem no estilo a:hover, veja no final da postagem o link fazer e colocar botões lá mostra com detalhes como fazer um efeito quando o mouse está sobre o link.
Fabiano tem como eu colocar sem o submenu???
sem o submenu veja aqui, como fazer um menu horizontal
http://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html
Fabiano, eu tenho um Menu, e gostaria de saber se tem como eu colocar um submenu nesse que eu já tenho.
A dica que você deu de como abrir um link em outra janela é ótima!
Thereza
é melhor copiar a formatação do seu menu atual e depois colocar neste código do menu pronto já com submenu.
adaptar um codigo para o outro dará mais trabalho
Oie, adorei a dica. Estou precisando muito do desse menu no meu blog.
Eu acrescentei o codigo acima do </head esta correto?
Toda vez que vou salvar aparece a seguinte mensagem:
[b]
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "p" must be terminated by the matching end-tag "
".
[/b]
O que seria isso? Olhei em tudo no codigo, ate acrescente o link nas opções do menu, mas não deu certo.
Você poderia me ajudar.
Obrigada.
Patricinha esperta
na verdade poderia ser um pouco mais acima disso, mas deveria funcionar normalmente
Oi fabiano nao entendi quase nda eu consigui por o submenu item 1, item 2 aparece la mais nao consigo mudar o nome do item oque vc flo do url jogo da velha nao entendi! me ajuda?
bjs..
Leti
veja essa parte
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a href="link do Item 3.1">Item 3.1</a> </li>
<li><a href="link do Item 3.2">Item 3.2</a></li>
onde está escrito Item 3 é o que aparece no menu, os links Item 3.1, Item 3.2.... são o que aparece quando colocar o mouse sobre o item 3
a parte onde está escrito link do item 3.1 é o link deste item e assim para cada um deles
Olá fernando,
Então coloquei o código que você passou, mais o submenu não aparece qndo passo o mouse em cima do respectivo menu... pode me dar uma luz ai de como consigo resolver isso.
No aguardo.
Olá Fernando ,
Coloquei o menu horizontal no meu blog e ta show.
http://esteticaesaudemanaus.blogspot.com/
Então tentei aproveitar ele p colocar no menu vertical ja que ele desce qndo o espaço é menor, só que a cor da letra muda automaticamente fica escura mesmo seu código sendo na cor branca, como faço p aproveitar a cor branca nele vertical.
No aguardo.
vou preparar um tutorial com o menu na vertical, assim ficará mais fácil do que corrigir esse.
Fabiano tipo esse código de SubMenu nao ta funcionando ele nao da o efeito de desce
o que eu faço?
fiz o teste e funcionou normalmente, deve ter errado em algo no hora de colocar o código
Fabiano, parabens pelas suas postagens.
Aminha dúvida é a seguinte: Quantos menus eu consigo colocar com este projeto? Pois no oitavo eu não conseguir colocar mais menus. Existe algum bloqueio?
O que eu devo fazer para colocar mais de 8?
Mauricio, não sei de bloqueios, acho que não era para ter limites.
só se for a largura total do menu, a coluna ou blog onde vai colocar tem espaço suficiente?
Fabiano, o blog que eu tentei colocar é este: www.calopsitar.com.br, eu não tenho muito conhecimento, você pode dar uma espiada para ver se o mesmo tem algo que bloqueia (template). Intressante que ele deixou eu colocar mais de 8 menus.
Desde já agradeço.
Mauricio
Fabiano, O blog é este: www.calopsitar.com.br, o problema não seria a largura, pois o problema apareceu verticalmete, interessante que ele aceitou a colocação de mais de oito menus. Os primeiros oitos funcionam normalmete, mas os demais nem aparece. Você pode dar uma olhada!
Desde já agradeço.
Mauricio
Fabiano, boa tarde!
O problema não era de bloqueio, o problema era comigo.
Dúvida: Quando eu coloco setinha do mouse sobre o menu a escrita fica preta, tem como o submenu ficar da mesma cor? Isto é, para diferenciar submenu dos outros menus.
Desde já agradeço,
o estilo ul.MenuBarHorizontal a é a aparencia do menu quando o mouse está sobre ele é só mudar a cor neste trecho
Fabio, boa tarde!
Num template de duas colunas, eu posso colocar este menu nas duas?
MAURICIO
você pode colocar dois menus no seu blog, um em cada coluna, mas acho que seria mais interessante usar apenas um no inicio da pagina, mas isso é uma questão de opinião pessoal de cada um.
Fabiano, boa noite,
Eu coloquei este menu num blog de teste (www.teste-mauluis.blogspot.com), mas está havendo um probleminha, eu montei 3 colunas vertical de menus, sendo que cada coluna tem 6 menus horizontalmente, sendo que os últimos menus da coluna horizontal estão ficando congelados. Você pode me dar uma orientação? Será que é o tamanho da página?
Quebra essa para mim, obrigado.
Fabiano, bom dia!
Este problema só acontece quando se usa o MOZILA FIREFOX e o GOOGLE.
No INTERNET EXPLORER ele funciona normalmente.
Este fato é verdadeiro?
Abs,
Mauricio parece tudo certo, mas troque os nomes daqueles que estão com problema e excluia, depois tente colocar novamente, pode ser algum falha no copiar e colar.
Fabiano, boa noite!
Eu troquei o nome conforme você me aconselhou, mas o mesmo continua legal na INTERNET EXPLORER, e continua não abrindo a última carreira vertical no GOOGLE CHROMO E MOZILA, o interessante que são os três. De uma olhada no blog.: www.calopsitar.com.br
Abs,
no começo do código
ul.MenuBarHorizontal{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: auto;
}
troque width: auto; por 800px;
talvez o problema seja que o menu está ficando fora das largura do seu blog, tem itens demais nele isso também pode gerar problemas
Fabiano,
Exite a possibilidade de eu centralizar toda barra do menu?
Abs,
no trecho
ul.MenuBarHorizontal{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 95%;
width: 800px;
altere para margin:auto; text-align:center
e veja o que acontece mas esses novos templates estão dando alguns problemas com os códigos já testados nos modelos antigos(atuais)
Fabiano, boa tarde!
Eu venho agradecer pelas dicas e que elas deram certos.
Agora como faço para tirar aquela setinha do menu, e também como centralizar o meu blog na tela.
Desde já agradeço.
Mauricio,
as setas são imagens de fundo
background-image: url(http://img6.imageshack.us/img6/5549/sprymenubarright.gif);
apague essa linha
sobre centralizar o modelo do seu blog é novo, então ainda não sei como ele é para edição no blog, precisa mexer diretamente nele até descobrir.
Fabiano, bom dia!
E obrigado por toda ajuda!
Deixa eu fazer uma pergunta, este template do seu blog, foi criado por voce?
E voce pode me informar qual é o site que tem templates legal?
Agradeço novamente e abraços,
Mauricio
MAURICIO, o template deste é blog é criação nossa mesmo, não sei falar sobre qual site é bom para baixar template pois nunca usei nenhum deles
Fabiano,
Este template que estou usando é modelo novo ou antigo, você pode me informar?
MAURICIO, os modelos novos são aqueles criados na pagina designer de modelo no blogger in draft
Designer de modelo - Layout e Configurações Avançadas
por favor, preciso de algumas informações, o blogspot tem limite de armazenamento? se tem qual é? quando voce coloca algum video ou uma playlist, o espaço gasto é o tamanho do video/playlist/etc?
veja aqui sobre os limites do blogger
http://www.google.com/support/blogger/bin/answer.py?hl=br&answer=42348
video ou playlist são coisas externas isso não conta armazenamento no blogger
olll
Parabéns pelo blog!
Me ajudou muito e sempre vem me ajudando!
Estou com problemas nos menus, eles pararam de abrir os sub-menos!
Acho que é a parte do código hospedada: http://cidadeweb.110mb.com/dicas/SpryMenuBar.js !
Será?
^.^
Leonardo, acabei de trocar o arquivo que falou, talvez seja esse o problema devido a falhas no servidor do cidadeweb.
\o/
Muito Obrigado Fabiano!
Fabiano, bom dia!
Estou com um problema no menu, ele parou de abrir o submenu. Voce sabe me informar o que pode ser isto?
O meu blog é: www.calopsitar.com.br.
Obs.: O submenu não está abrindo em varios navegadores.
Desde já agradeço.
MAURICIO
fizemos uma atualização no código veja a linha src="http://cidadeweb.110mb.com/dicas/SpryMenuBar.js" que aparece no seu blog e altere o link do arquivo
Fabiano, tem como eu colocar o submenu na parte de guias do meu blog?
Humor do NetoO
pode usar esse menu em qualquer lugar onde possa colocar html no seu blog
fabiano,
Eu tenho que colocar o mesmo link que voce colocou?
sim, esse é o endereço do javascript que faz o menu funcionar.
como faço pra editar esse template
http://xtestandotemplatex.blogspot.com/
queria aproveitar o que tem no meu blog
http://www.cliquedowns.net/
e coloca pra la.pq vou usar o template preto mais nao estou conseguindo editar =/. alguem me da uma luz ai rsrs
se quer usar o modelo de um no outro é só entrar na pagina editar html baixar o modelo, depois entrar na pagina editar html do outro blog e enviar o modelo que baixou, quando enviar vai aparecer um botão com a opção manter os gadget, clique nele e pronto.
ola amigo muito obrigda pela diga eu nao poderia deixar de resgistrar aqui que to muito feliz com essa dica, coloquei esse menu no meu blog e esta muito bonito. quebrei a cabeça no primeiro dia e desistir depois com mais calma em outro dia segui os passos certinho e conseguir. uma dica pra quem vai tentar, esse codigo primeiro nao esta completo. corriga o codigo com as dicas do chate que vc vai conseguir, abraço a todos e boa sorte.
Olá. Sempre que posso visito aqui. Copiei e colei num worpad. Fiz as modificações necessários (menu e submenu):
Acontece que não abre o submenu. Por quê?
esse código com submenu é mesmo complicado, qualquer detalhe faz parar de funcionar.
deve ter faltado algo
Como faz para quando clicar no item ele ir pra algum lugar?
tem que alterar o código nos links onde está escrito:
link do Item 1.1 é o endereço do site
Item 1.1 e neste local o nome do site
Comigo deu tudo Certo. Só queria agora mudar a fonte para uma letra mais legal, estava pensando na fonte brock script que é característica do meu blog, tem jeito de colocar essa fonte. Dê uma olhada em meu blog: espacodavitoria.blogspot.com
Valeu!!
Outra coisa, eu coloquei o menu inteiro com submenus, só que tem um menu que pra voltar para o início do blog, então este não precisaria ter submenu, só de clicar nele voltaria. Só que não consigo fazer isso. Mesmo excluido os submenus no html só volta se clicar em uma barrinha pequena que fica abaixo de início. Dê uma olhada em espacodavitoria.blogspot.com
Espaço da Vitória
veja o item 2, do jeito que colocamos neste tutorial ele não tem submenu
Valeu! Deu super certo.
Eu queria uma lista em que as imagens ficam passando
automaticamente tipo a desse blog
http://musicagospelmp3-musicagospel.blogspot.com/
veja aparte lançamentos 2010 ela fica descendo, eu queria colocar um desses em meu blog vc sabe como?
Fabiano, boa noite!
O seu menu está abrindo os submenus?
Abs,
veja neste link o menu em funcionamento
Demosntração do Submenu
Mudei o modelo do meu blogger, agora o submenu aparece abaixo do plano de fundo e não dá para ver, como posso mudar isso. Veja em http://espacodavitoria.blogspot.com/
Espaço da Vitória>
olhei seu blog e você não colocou o código completo do menu por isso não aparecem as opções do submenu
oi, eu coloquei esse codigo, soh que as barras tem tamanhos iguais , 150 px, como faço pra mudar o tamanho das abas separadamente?
e outra duvida, quando eu coloco o mouse em cima fica iluminado a regiao por exemplo, eu coloco o mouse em cima de "saude e bem estar" e essa aba fica iluminada, soh q ela ta deixando escapar um pouco pra aba ao lado. como arrumar isso?
um print \/
http://img832.imageshack.us/i/semttulojz.jpg/
veja que o valor 150px aparece em varias partes do código, então quando alterar um deverá fazer em todos da mesma maneira, deve ser esse o problema
Cara, me ajuda aí
O meu submenu é visualizado perfeitamente pelo mozilla firefox, só que aundo abre ele com o internet explorer ele fica na vertical no canto direito da página. O que tá acontecendo?
Dê uma olhado com o mozilla e com o iexplorer aqui:
http://espacodavitoria.blogspot.com/
para fazer um menu horizontal use o código deste link:
Links lado a lado (menu horizontal)
lá é mais facil
Postar um comentário