Planeta Tutorial
Planeta Tutorial

Ola Visitante, Seja bem vindo(a) ao Planeta Tutorial, esta-mos em construção em breve estaremos prontos para lhe atender e fornecer-lhe tutoriais e dicas diversas para você aprimorar os seus conhecimentos e passar para outros. esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades. Vale também ressaltar que, Para você ter acesso aos links por ai , é necessário ser registrado, então se registre .
Se já tem uma conta no forúm,
Logue-se .
Painel de Usuario
Convidado
Mensagens: 0


Alterar
Ver
Tópicos e mensagens
Menu
Redes Sociais
Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Translate
Últimos assuntos
» Regras da Área de pedidos
Ter 28 Jun 2011 - 17:31 por Admin

» Efeito Glow
Seg 27 Jun 2011 - 17:39 por Admin

» Efeito Brilho Suave nas fotos
Seg 27 Jun 2011 - 17:33 por Admin

» Arte geométrica com Photoshop
Seg 27 Jun 2011 - 17:31 por Admin

» Efeito Varinha Mágica no Photoshop
Sab 25 Jun 2011 - 15:20 por konan

» Montagem multicolorida com tintas e efeitos diversos
Sab 25 Jun 2011 - 15:18 por konan

» Linhas luminescentes no Photoshop
Sab 25 Jun 2011 - 15:17 por konan

» Segredos sobre design de site
Sex 24 Jun 2011 - 23:00 por konan

» Hardware para iniciantes, parte 5
Sex 24 Jun 2011 - 22:41 por konan

Estatísticas
Temos 26 usuários registrados
O último usuário registrado atende pelo nome de kaironborges

Os nossos membros postaram um total de 144 mensagens em 142 assuntos
Radio Jovem Pan
Relogio
Julho 2018
SegTerQuaQuiSexSabDom
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Calendário Calendário

Visitou

Veja uma página HTML.

Ir em baixo

Tutoriais Veja uma página HTML.

Mensagem por konan em Sex 17 Jun 2011 - 11:33

Código que mostra como montar uma página HTML construída com código baseado em tableless:


Código:

<html>
<head>
<title>TableLess</title>
<style type="text/css">
BODY  { background-color:#000000; margin:0px; font-family:Verdana; font-size:8pt }
#main  { width:100%; height:100% }
#submain { width:780px; height:100% }
#esq  { padding:16px; float:left; border-left:#FFFFFF 1px solid; border-right:#000000 1px solid; background-color:#999999; height:100% }
#mestre { padding:3px; float:left; border:#000000 1px solid; background-color:#666666 }
#mestre DIV  { padding:3px; float:left; border:#000000 1px solid; background-color:#FFEEDD; margin:2px; width:70px }
#meio  { float:left;width:50%;height:100%;background-color:#666666 }
#dir  { padding:17px; float:right; border-left:#000000 1px solid; border-right:#FFFFFF 1px solid; background-color:#999999; width:160px; height:100% }
#oraculo { padding:3px;float:right; border:#000000 1px solid; background-color:#666666; width:160px }
#oraculo DIV { padding:3px;float:right; border:#000000 1px solid; background-color:#99CCEE; margin:2px; width:70px }
</style>
</head>
<body>
<div align=center id=main>
<div align=center id=submain>
<div id=esq>
 <div id=mestre>
  <div>AAAAAA</div><div>BBBBBB</div><BR clear=all>
  <div>CCCCCC</div><div>DDDDDD</div><BR clear=all>
  <div>EEEEEE</div><div>FFFFFF</div>
 </div>
</div>
<div align=center id=meio>MEIO</div>
<div id=dir>
 <div id=oraculo>
  <div>HHHHHH</div><div>GGGGGG</div> <BR clear=all>
  <div>JJJJJJ</div><div>IIIIII</div> <BR clear=all>
  <div>LLLLLL</div><div>KKKKKK</div>
 </div>
</div>
</div>
</div>
</body>
</html>

avatar
konan
Uplouder
Uplouder

Respeito às regras : Respeito as regras 100%

Mensagens : 59
Reputação : 0
Data de inscrição : 13/06/2011
Idade : 26

Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum