Menu no topo da página

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu no topo da página

Mensagem por Rudas~ em 09/07/11, 02:26 am

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
avatar

Rudas~
Nível 6

Masculino
Inscrito dia : 05/03/2011
Mensagens : 77
Pontos Ativos : 118

Ver perfil do usuário http://topdesign.forumeiros.com/

Resolvido Re: Menu no topo da página

Mensagem por Itachi Uchiha em 09/07/11, 02:40 am

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>
avatar

Itachi Uchiha
Membro do Fórum

Masculino
Inscrito dia : 14/06/2010
Mensagens : 1292
Pontos Ativos : 1860

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por Luciano98 em 09/07/11, 02:45 am

Olá!

Veja:
<div style=position:absolute;top:0px;left:0px>CODIGODOMENU</div>
CODIGODOMENU = Código do menu que você quer colocar no alto do fórum.

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por Rudas~ em 10/07/11, 12:29 am

não funcionou,

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>
avatar

Rudas~
Nível 6

Masculino
Inscrito dia : 05/03/2011
Mensagens : 77
Pontos Ativos : 118

Ver perfil do usuário http://topdesign.forumeiros.com/

Resolvido Re: Menu no topo da página

Mensagem por Luciano98 em 10/07/11, 01:20 am

Olá!

Onde exatamente você quer colocar esse código? Em uma página HTML?

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por Rudas~ em 10/07/11, 01:31 pm

ai :

queria colocar no topo do forum
avatar

Rudas~
Nível 6

Masculino
Inscrito dia : 05/03/2011
Mensagens : 77
Pontos Ativos : 118

Ver perfil do usuário http://topdesign.forumeiros.com/

Resolvido Re: Menu no topo da página

Mensagem por Luciano98 em 10/07/11, 02:39 pm

Olá!

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por Rudas~ em 10/07/11, 03:22 pm

Obrigado luciano funcionou muito bem.

tem como eu deixar esse menu em todas as paginas ou só na home page ?
avatar

Rudas~
Nível 6

Masculino
Inscrito dia : 05/03/2011
Mensagens : 77
Pontos Ativos : 118

Ver perfil do usuário http://topdesign.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum