GRID 960, alguem usa???

15/01/2013

1

olá, alguem aqui usa o GRID 960, pelo que me falaram é um framework.

Responder

Posts

ninguem conhece?
Responder
nem eu sei...hehehehe
Responder
alguem
Responder

23/01/2013

José

Leia essa página, fala muito sobre 960 GRID.
[url]http://www.criarweb.com/artigos/apresentacao-960-grid-system.html[/url]
Responder
Hoje não vale mais tanto à pena usar o 960gs, porque outros frameowrks CSS mais ricos já incorporam esta funcionalidade, como por exemplo o Twitter Bootstrap.

E inclusive, são mais fáceis de usar que o 960gs hoje.
Responder
Mexi com isso hoje no curso

HTML


<html>
<head>
<title>Aula 11</title>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="../css/960.css" type="text/css">
<link rel="stylesheet" href="../css/layout.css" type="text/css">

</head>
<body>	
	<div class="container_16">
		
		<div id="topo" class="grid_16">
		</div>
		
		<div id="esquerda1" class="grid_4">
		</div>
		
		<div id="menu" class="grid_12">
		</div>
	
		<div id="conteudo" class="grid_12">
		</div>

		<div id="esquerda2" class="grid_4">
		</div>

		<div id="esquerda3" class="grid_4">
		</div>	

		<div id="esquerda4" class="grid_4">
		</div>

		<div id="rodape" class="grid_16">
		</div>
		
	
	</div>	
</body>
</html>



CSS


#topo{
	height:200px;
	background-color:#A9A9A9
}

#esquerda1{
	height:250px;
	background-color:#00FFFF;
	margin-top:10px;
}

#menu{
	height:30px;
	background-color:#0000FF;
	margin-top:10px;
}

#conteudo{
	height:900px;
	background-color:#00FFFF;
	margin-top:10px;
}

#esquerda2{
	height:300px;
	background-color:#00FFFF;
	margin-top:-680px;
}

#esquerda3{
	height:180px;
	background-color:#DC143C;
	margin-top:-370px
}

#esquerda4{
	height:180px;
	background-color:#00FFFF;
	margin-top:-180px
}

#rodape{
	height:125px;
	background-color:#A9A9A9;
	margin-top:20px;
}

Responder

29/01/2013

José

Amigos vejam este artigo sobre 960 grid.

Veja neste artigo uma introdução ao framework CSS 960 Grid, conjunto de estilos (CSS) que facilitam o desenvolvimento de páginas web, organizando seu layout na forma de grid.

Leia mais em: Introdução ao framewok CSS 960 Grid
[url]http://www.devmedia.com.br/introducao-ao-framewok-css-960-grid/27061[/url]
Responder
vou ver sim, como estou começando, quero estudar mais sobre o assunto!!!

obrigado
Responder

29/01/2013

José

Acredito que esse artigo lhe ajudara bem a entender melhor o sistema 960 grid.
Responder
vc testou meu codigo acima???
Responder

29/01/2013

José

vc testou meu codigo acima???


Vou está testando está tarde.
Responder

29/01/2013

José

Amigo testei seu exemplo funcionou legal numa Grid 16 colunas.
Você está criando seu CSS separado do HTML ou no mesmo arquivo ?
Responder
separado mesmo, dentro de uma pasta, essa é forma correta não é?
Responder

30/01/2013

José

Sim você cria a folha de estilo CSS e depois linda ela para dentro do html.
Se você gostou do 960 grid de uma olhada no Skeleton acredito que vá gostar também.
Responder

31/01/2013

José

Sim você cria a folha de estilo CSS e depois linca ela para dentro do html.
Se você gostou do 960 grid de uma olhada no Skeleton acredito que vá gostar também.


corrigindo erro de ortografia enviei a resposta pelo celular e altero algumas palavras.
Responder