Ir para conteúdo

Arquivado

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

barbosamths

Quais recursos é preciso utilizar em um sistema de postagem

Por , em Geral

Recommended Posts

barbosamths    0

barbosamths
Postado

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";
/* CSS Document */

*{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;
}

Compartilhar este post

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

Informação importante

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

  Aceito