Maratona de Layouts – Parte 7
Untitled Document xmlns=”http://www.w3.org/1999/xhtml”>
<br /> BODY {<br /> MARGIN: 0px<br /> }<br /> #colunaTexto {<br /> PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: Arial; TEXT-ALIGN: left<br /> }<br /> #colunaTexto H1 {<br /> MARGIN-LEFT: 0px<br /> }<br /> H2 {<br /> MARGIN-LEFT: 0px<br /> }<br /> H3 {<br /> MARGIN-LEFT: 0px<br /> }<br /> H4 {<br /> MARGIN-LEFT: 0px<br /> }<br /> H5 {<br /> MARGIN-LEFT: 0px<br /> }<br /> H6 {<br /> MARGIN-LEFT: 0px<br /> }<br /> #colunaTexto H1 {<br /> FONT-SIZE: 15px; COLOR: #003399<br /> }<br /> #colunaTexto H2 {<br /> FONT-SIZE: 15px; COLOR: #000000<br /> }<br /> #colunaTexto H3 {<br /> FONT-SIZE: 14px; COLOR: #003399<br /> }<br /> #colunaTexto H4 {<br /> FONT-SIZE: 13px; COLOR: #003399<br /> }<br /> #colunaTexto H5 {</p> <p>}<br /> #colunaTexto A {<br /> COLOR: #000; BORDER-BOTTOM: #000000 1px dashed; TEXT-DECORATION: none<br /> }<br /> #colunaTexto A:hover {<br /> COLOR: #003399; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none<br /> }<br /> #colunaTexto DIV#codigo {<br /> BORDER-RIGHT: #006699 1px dashed; PADDING-RIGHT: 2px; BORDER-TOP: #006699 1px dashed; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN: 0px auto; FONT: 12px “Courier New”, Courier, mono; OVERFLOW: auto; BORDER-LEFT: #006699 1px dashed; WIDTH: 95%; PADDING-TOP: 2px; BORDER-BOTTOM: #006699 1px dashed; HEIGHT: 250px<br /> }<br /> #colunaTexto DIV#destaque {<br /> BORDER-RIGHT: #006699 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #006699 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #006699 1px solid; WIDTH: 90%; PADDING-TOP: 3px; BORDER-BOTTOM: #006699 1px solid; BACKGROUND-COLOR: #e6f7ff; TEXT-ALIGN: left<br /> }<br />
Salve, comunidade.Bem vindos à mais uma parte da maratona de layouts, nela estarei iniciando um novo tema, business, um estilo em que geralmente usamos layouts mais cleans e formais.
Obs: Os layouts das colunas são de propriedades dos autores e não podem ser comercializados e nem usados para criação de sites.
Iremos desenvolver o seguinte layout: 20 – Agora coloque uma imagem em destaque de sua preferência e algum texto. |
fórum ou mande um e-mail para 
Escrito por tiagoperes
on maio 10, 2005. Arquivado em Fireworks.
Você pode seguir as respostas a esse artigo pelo RSS 2.0.
Você pode deixar respostas para esse artigo
Últimos Comentários