Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

iperd

links css

Por , em Desenvolvimento frontend

Recommended Posts

iperd    0

iperd
Postado

Minha dúvida é sobre os link, bom eu fiz um menu categorias, cada link aponta para uma página , se eu for altera os link da pagina principal, vou ter que fazer isso individualmente com cada pagina.

 

Bom, resumindo eu queria saber se tem como criar tipo uma pagina pai, para quando eu for atualizar os link desta página pai, ele atualizasse em todas as outras página filho.

 

Segue o código do menu abaixo:

 

<!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>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

		<title>Menu</title> 

<style type="text/css">
	/* Menu */

          div{border:2px solid  #000;}
          p{border-top:1px dashed  #000;border-bottom:1px dashed #000;text-align:center;}
   a{text-decoration:none;}
   a:link{color:#000;}
   ul{list-style:none;}
   a:hover{color:#FFF;}
   #container{margin:200px auto;width:180px;background:#DDDD66;}

</style>



</head>
<body>
     <div id="container">
  <div id="menu_cat">
	<p>Categorias</p>
	<ul>
	   <li><a href="cat-comedia.html">Comédia</a></li>
	   <li><a href="cat-aventura.html">Aventura</a></li>
	   <li><a href="cat-drama.html">Drama</a></li>
	   <li><a href="cat-terror.html">Terror</a></li>
	   <li><a href="cat-guerra.html">Guerra</a></li>
	   <li><a href="cat-acao.html">Ação</a></li>
	   <li><a href="cat-acao.html">Ação</a></li>
	   <li><a href="cat-classicos.html">Clássicos</a></li>
	   <li><a href="cat-documentarios.html">Documentários</a></li>
	   <li><a href="cat-filmes-2011.html">Filmes 2011</a></li>
	   <li><a href="cat-filmes-2012.html">Filmes 2012</a></li>
	   <li><a href="cat-policial.html">Policial</a></li>
	   <li><a href="cat-romance.html">Romance</a></li>
	   <li><a href="cat-shows.html">Shows</a></li>
	   <li><a href="cat-suspense.html">Suspense</a></li>
	   <li><a href="cat-luta.html">Luta</a></li>								
	</ul>
	</div>
	</div>
</body>
</html>

 

fiz o menu desta forma, espero que fique clara minha dúvida.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Você utiliza alguma linguagem server-side?

Se não, uma solução possível seria a utilização de iframes.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Se conhece PHP, melhor fazer com includes então.

Coloque a parte invariável da página em um ou mais arquivos externos e dê include nas páginas que deseja.

Compartilhar este post

Link para o post
Compartilhar em outros sites

FernandoPhP    9

FernandoPhP
Postado

index.php

 

<!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>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

                       <title>Menu</title> 

       <style type="text/css">
               /* Menu */

          div{border:2px solid  #000;}
          p{border-top:1px dashed  #000;border-bottom:1px dashed #000;text-align:center;}
          a{text-decoration:none;}
          a:link{color:#000;}
          ul{list-style:none;}
          a:hover{color:#FFF;}
          #container{margin:200px auto;width:180px;background:#DDDD66;}

       </style>



</head>
<body>
     <div id="container">
         <div id="menu_cat">
               <p>Categorias</p>
               <ul>
<? require_once(isset($_GET['page']?$_GET['page']:'home').".php") ?>                              
               </ul>
               </div>
               </div>
</body>
</html>

 

home.php

 

                  <li><a href="index.php?page=cat-comedia">Comédia</a></li>
                  <li><a href="index.php?page=cat-aventura">Aventura</a></li>
                  <li><a href="index.php?page=cat-drama">Drama</a></li>
                  <li><a href="index.php?page=cat-terror">Terror</a></li>
                  <li><a href="index.php?page=cat-guerra">Guerra</a></li>
                  <li><a href="index.php?page=cat-acao">Ação</a></li>
                  <li><a href="index.php?page=cat-acao">Ação</a></li>
                  <li><a href="index.php?page=cat-classicos">Clássicos</a></li>
                  <li><a href="index.php?page=cat-documentarios">Documentários</a></li>
                  <li><a href="index.php?page=cat-filmes-2011">Filmes 2011</a></li>
                  <li><a href="index.php?page=cat-filmes-2012">Filmes 2012</a></li>
                  <li><a href="index.php?page=cat-policial">Policial</a></li>
                  <li><a href="index.php?page=cat-romance">Romance</a></li>
                  <li><a href="index.php?page=cat-shows">Shows</a></li>
                  <li><a href="index.php?page=cat-suspense">Suspense</a></li>
                  <li><a href="index.php?page=cat-luta">Luta</a></li>

 

e ai para cada cat você cria uma página cat-comedia.php ou cat-aventura.php ou etc

 

e nesses arquivos é só você colocar os menus, assim será sempre a mesma index, só variando as páginas das categorias. Qualquer dúvida poste. Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito