Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Montei esse site esse layout básico apenas para sanar essa duvida. Irei adicionar noticias, e que mostre na pagina inicial as novas, assim ao clicar no campo TITULO ele direcione para a noticia. O que devo fazer?
Exemplo de links:
www.home.com
www.home.com/noticia-1
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css"/>
<title>Documento sem título</title>
</head>
<body>
<div id="estrutura1">
<div id="banner">
</div>
<div id="menu">
<ul>
<li><a href="url">OPCAO</a></li>
<li><a href="url">OPCAO</a></li>
<li><a href="url">OPCAO</a></li>
<li><a href="url">OPCAO</a></li>
<li><a href="url">OPCAO</a></li>
</ul>
</div>
<div id="estrutura">
<div id="verm">
<h1>titulo</h1>
<center><img src="" width="250px" height="350px" border:"0"/></center>
<p align="justify">descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao</p>
<h1>titulo</h1>
<center><img src="" width="250px" height="350px" border:"0"/></center>
<p align="justify">descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao</p>
<h1>titulo</h1>
<center><img src="" width="250px" height="350px" border:"0"/></center>
<p align="justify">descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao descricao</p
</div>
<div id="azul">
</div>
</div>
<div id="rodape">
</div>
</div>
</body>
</html>
@charset "utf-8";*{margin:0; padding:0; border:0;}
body{background:#888888;}
div#estrutura1{
margin:auto;
width:975px;
background:#ccc;
}div#estrutura{
margin:auto;
width:975px;
overflow: hidden;
background:#ccc;
position: relative;
}div#banner{
width:975px;
height:200px;
background:#FF00F5;
}div#menu{
width:975px;
height:45px;
background:#00FF15;
}div#menu ul{background:#868686;widht:975px;height:45px;}
div#menu ul li{display:inline}
div#menu ul li a{color:#000000;font:15px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;text-decoration:none;float:left;padding:12px 25px;}
div#menu ul li a:hover{background:#E50003;}
div#verm{
background:#FF0004;
width:625px;
float:left;
}div#verm h1{
margin:25px;
}div#verm img{
}
div#verm p{
margin:25px;
}div#azul{
background:#0024FF;
position: absolute;
float:left;
left: 625px;
right: 0;
top: 0;
bottom: 0;
}div#azul h1{
margin:25px;
}div#azul h2{
margin-left:25px;
}div#rodape{
widht:975px;
height:100px;
background:#FF00F5;
}Carregando comentários...