Ir para conteúdo
Fórum Script Brasil
  • 0

Conteudo fixo na pagina

lucianoshl

Perguntado por lucianoshl,

 Share

Pergunta

lucianoshl

lucianoshl

Postado
Postado

queria fazer um menu-topo fixo cmo desse link, so que eu tava vendo o codigo fonte, e la é usado iframe com o cod javascript que eu não consegui acessar, que faz o iframe ocupar o resto da pagina, mesmo redimencionando a pagina o iframe se ajusta,

tem um otro modo de fazer esse menu? fiz a busca no forum mais não encontrei nada que tivesse respostas

desde já obrigado

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
vini_loock

vini_loock

Postado
Postado (editado)

É só você ter um pouco de paciencia para analizar o código fonte.

Eu dei uma olhada meio que por cima, consegui.

O código um pouco alterado para ficar mais fácil para você:

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

<script type="text/javascript" src="js/libs/prototype.js"></script><script type="text/javascript" src="js/libs/scriptaculous/scriptaculous.js"></script>    <script type="text/javascript" src="js/faced.js"></script>
    <!--[if lt IE 7]>
    <script language="JavaScript">
    function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
    {
       var arVersion = navigator.appVersion.split("MSIE")
       var version = parseFloat(arVersion[1])
       if ((version >= 5.5) && (document.body.filters)) 
       {
          for(var i=0; i<document.images.length; i++)
          {
             var img = document.images[i]
             var imgName = img.src.toUpperCase()
             if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
             {
                var imgID = (img.id) ? "id='" + img.id + "' " : ""
                var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                var imgStyle = "display:inline-block;" + img.style.cssText 
                if (img.align == "left") imgStyle = "float:left;" + imgStyle
                if (img.align == "right") imgStyle = "float:right;" + imgStyle
                if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                var strNewHTML = "<span " + imgID + imgClass + imgTitle
                + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
                + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
                img.outerHTML = strNewHTML
                i = i-1
             }
          }
       }    
    }
    window.attachEvent("onload", correctPNG);
    </script>
    <![endif]-->
</head>
<!--aqui começa o topo(a parte que vai ficar parada)-->
<body scroll="no" style="background-color:#000000; color:#ffffff;" onload="faced.doSize();">
<div id="gov">topo</div>
<!--aqui acaba o topo-->


<!--aqui começa a página que vai rolar-->
        <div id="content_iframe"><iframe src="index.html" id="content" name="content" scrolling="auto" framespacing="0" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%"></iframe></div>
    </div>

<!--fim da página-->
</body>
</html>

Viu como é fácil??

Agora só você dar uma olhada que vai ficar fácinho de mudar.

Fl.w

Editado por vini_loock
Link para o comentário
Compartilhar em outros sites
  • 0
del123

del123

Postado
Postado

Só complementando a resposta do colega, para quem procura colocar um topo flash fixo, aí vai o código. Esse eu fiz para joomla, mas pode ser adptado para outros scripts. Só colocar o local de seu arquivo .swf e o caminho do seu index.php. O script você cria um arquivo index.html que sobreporá sobre o index.php de seu site.

<HTML>
<HEAD>
 <TITLE>.:: Seu Título ::.</TITLE>
</HEAD>
<BODY>
<!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>

<script type="text/javascript" src="js/libs/prototype.js"></script><script type="text/javascript" src="js/libs/scriptaculous/scriptaculous.js"></script>    <script type="text/javascript" src="js/faced.js"></script>
    <!--[if lt IE 7]>
    <script language="JavaScript">
    function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
    {
       var arVersion = navigator.appVersion.split("MSIE")
       var version = parseFloat(arVersion[1])
       if ((version >= 5.5) && (document.body.filters))
       {
          for(var i=0; i<document.images.length; i++)
          {
             var img = document.images[i]
             var imgName = img.src.toUpperCase()
             if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
             {
                var imgID = (img.id) ? "id='" + img.id + "' " : ""
                var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                var imgStyle = "display:inline-block;" + img.style.cssText
                if (img.align == "left") imgStyle = "float:left;" + imgStyle
                if (img.align == "right") imgStyle = "float:right;" + imgStyle
                if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                var strNewHTML = "<span " + imgID + imgClass + imgTitle
                + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
                + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
                img.outerHTML = strNewHTML
                i = i-1
             }
          }
       }
    }
    window.attachEvent("onload", correctPNG);
    </script>
    <![endif]-->
</head>
<!--aqui começa o topo(a parte que vai ficar parada) - Neste caso um arquivo flash Tranparente-->
<body background="bg.jpg">
<div id="gov"><p align="center"><object width="largura_aqui" height="altura_aqui">
<param name="wmode" value="transparent" />
  <embed src="seu_arquivo.swf" wmode="transparent" width="largura_aqui" height="altura_aqui"></embed></object></p></a></div>
<!--aqui acaba o topo-->


<!--aqui começa a página que vai rolar-->
        <div id="content_iframe"><iframe src="index.php" id="content" name="content" scrolling="auto" framespacing="0" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%"></iframe></div>
    </div>

<!--fim da página-->
</body>
</html>

Só um problema, e se alguém puder ajudar, fica com duas barras de rolagem, o ideal seria só uma no index. Se colocar scrolling "no", não visualiza a página toda.

Fiz neste site, mas ficou com as duas barras, queria tirar a barra externa, Algué ajuda?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...