InícioMenu no topo da página
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Menu no topo da página
por Rudas~ 09.07.11 6:26
Qual é sua questão:
bom, eu tenho um menu em html/css
queria saber se tem como eu coloca-lo no topo da pagina, como se fosse um segundo menu.
se precisar do codigo do menu eu coloco aqui no topico, mas acho q não é necessario.
Que medidas você tomou para corrigir o problema:
nenhuma, nao tive ideia.
Apresente-nos imagens do problema (se necessário):
nenhuma img
Endereço do fórum:
http://topdesign.forumeiros.com
Versão do fórum:
PHPBB3
bom, eu tenho um menu em html/css
queria saber se tem como eu coloca-lo no topo da pagina, como se fosse um segundo menu.
se precisar do codigo do menu eu coloco aqui no topico, mas acho q não é necessario.
Que medidas você tomou para corrigir o problema:
nenhuma, nao tive ideia.
Apresente-nos imagens do problema (se necessário):
nenhuma img
Endereço do fórum:
http://topdesign.forumeiros.com
Versão do fórum:
PHPBB3
Rudas~- **
- Membro desde : 06/03/2011
Mensagens : 77
Pontos : 118 -
Re: Menu no topo da página
por Itachi Uchiha 09.07.11 6:40
Olá, teste este código na CSS:
<iframe style="position: fixed; top: 0%; left: 0%;height: 6%;width: 100%;" src="código do menu"></iframe>
Itachi Uchiha- Super Membro
- Membro desde : 14/06/2010
Mensagens : 1292
Pontos : 1860 -
Re: Menu no topo da página
por Luciano98 09.07.11 6:45
Olá!
Veja:
Até mais.
Luciano98
Veja:
CODIGODOMENU = Código do menu que você quer colocar no alto do fórum.<div style=position:absolute;top:0px;left:0px>CODIGODOMENU</div>
Até mais.
Luciano98
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Menu no topo da página
por Rudas~ 10.07.11 4:29
não funcionou,
segue o codigo do menu :
segue o codigo do menu :
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Tutoriais</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}
hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}
ul#saturday{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
background:transparent url("http://yourimg.in/m/o76jm77.gif") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
border-bottom:4px solid #336666;
border-top:1px solid #C0E2D4;
}
ul#saturday li{
display:block;
float:left;
margin:0;
pading:0;
}
ul#saturday li a{
display:block;
float:left;
color:#874B46;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
background:transparent url("http://yourimg.in/m/79o9atx.gif") no-repeat top right;
}
ul#saturday li a:hover{
background:transparent url("http://yourimg.in/m/lbulv78.gif") no-repeat top right;
}
ul#saturday li a.current,ul#saturday li a.current:hover{
color:#fff;
background:transparent url("http://yourimg.in/m/vg35982.png") no-repeat top right;
}
</style>
</head>
<body>
<h1> </h1>
<ul id="saturday">
<li><a href="http://topdesign.forumeiros.com/c2-design" class="current"><span> design</span></a></li>
<li><a href="http://topdesign.forumeiros.com/c6-tutoriais"><span>Tutoriais</span></a></li>
<li></li>
<li><a href="http://topdesign.forumeiros.com/c7-webdesign"><span>Webdesign</span></a></li>
<li></li>
<li><a href="http://topdesign.forumeiros.com/c9-rea-vip"><span>v.i.p.</span></a></li>
<li></li>
<li><a href="http://topdesign.forumeiros.com/f7-recursos"><span>Recursos</span></a></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a rel="nofollow" target="_blank" href="http://topdesign.forumeiros.com/c1-descontracao" title="TopDesign"><span>Offtopic</span></a></li>
<li></li>
</ul>
</body>
</html>
Rudas~- **
- Membro desde : 06/03/2011
Mensagens : 77
Pontos : 118 -
Re: Menu no topo da página
por Luciano98 10.07.11 5:20
Olá!
Onde exatamente você quer colocar esse código? Em uma página HTML?
Até mais.
Luciano98.
Onde exatamente você quer colocar esse código? Em uma página HTML?
Até mais.
Luciano98.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Rudas~- **
- Membro desde : 06/03/2011
Mensagens : 77
Pontos : 118 -
Re: Menu no topo da página
por Luciano98 10.07.11 18:39
Olá!
Substitua aquele código por esse:
Até mais.
Luciano98.
Substitua aquele código por esse:
- Código:
<div style=position:absolute;top:0px;left:0px;width:100%><style>h1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin:0;padding:0}hr{border:none;border-top:1px solid #CCCCCC;height:1px;margin-bottom:25px}ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url(http://yourimg.in/m/o76jm77.gif) repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4}ul#saturday li{display:block;float:left;margin:0;pading:0}ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url(http://yourimg.in/m/79o9atx.gif) no-repeat top right}ul#saturday li a:hover{background:transparent url(http://yourimg.in/m/lbulv78.gif) no-repeat top right}ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url(http://yourimg.in/m/vg35982.png) no-repeat top right}</style><body><h1> </h1><ul id=saturday><li><a href="http://topdesign.forumeiros.com/c2-" class="current"><span> design</span></a></li><li><a href="http://topdesign.forumeiros.com/c6-"><span>Tutoriais</span></a></li><li></li><li><a href="http://topdesign.forumeiros.com/c7-"><span>Webdesign</span></a></li><li></li><li><a href="http://topdesign.forumeiros.com/c9-"><span>v.i.p.</span></a></li><li></li><li><a href="http://topdesign.forumeiros.com/f7-"><span>Recursos</span></a></li><li></li><li></li><li></li><li></li><li></li><li><a target=_blank href="http://topdesign.forumeiros.com/c1-"><span>Offtopic</span></a></li><li></li></ul></body></div>
Até mais.
Luciano98.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Menu no topo da página
por Rudas~ 10.07.11 19:22
Obrigado luciano funcionou muito bem.
tem como eu deixar esse menu em todas as paginas ou só na home page ?
tem como eu deixar esse menu em todas as paginas ou só na home page ?
Rudas~- **
- Membro desde : 06/03/2011
Mensagens : 77
Pontos : 118 -
Tópicos semelhantes» Menu no topo da página
» Botão de fim e topo da página
» Personalizar menu no topo da página
» Botão topo e fim da página
» Duvida sobre menu fixado no topo da pagina
» Botão de fim e topo da página
» Personalizar menu no topo da página
» Botão topo e fim da página
» Duvida sobre menu fixado no topo da pagina
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
