Estou montando um site e muita coisa ja aprendi aqui no forum. Fiz um curso de Webdesign em 2005 e desde entao nunca mais mexi com essa area, mas recentemente peguei um projeto (de amigos) para fazer e estou tentando aprender (na marra) os novos metodos. Aprendi muita coisa aqui, como fazer meu site ajustar de acordo com a resoluçao do visitante, mas ainda estou com problemas....
Gostaria de fazer meu site no estilo do twitter, a parte do conteudo (o fundo branco), se ajustar de acordo com o conteudo (expandir ou nao) e fazer os menus acompanhar o ajuste da pagina de acordo com a resoluçao (isso eu consegui fazer, mas com o arcaico iframe e transformando o menu em imagem e montando todo o site com tabelas).
Preciso de ajuda de vcs para fazer um site mais moderno, mas que eu creio que nao seja tao complicado!
Aqui está o codigo de fonte:
<html>
<head>
<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<title>Bebemos porque é liquido, se fosse sólido, comería-mos!</title>
<style type="text/css">
html, body{ height: 100%; padding: 0; margin: 0; overflow: hidden;}
.fundoFake{
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
border: 0; margin: 0;
width: 100%; height: 100%;
}
.Body{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: auto;
}
#apDiv1 {
position:absolute;
z-index: 1;
width: 774px;
height: 600px;
}
#apDiv2 {
position:absolute;
z-index: 2;
}
#apDiv3 {
z-index: 3;
height: 443px;
width: 573px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="images/background.jpg" class="fundoFake" />
<div class="Body" align="center"><img src="images/index.png" width="774" height="600" border="0" usemap="#Menu">
</div>
<div class="Body" align="center"><table id="Table_01" width="774" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" width="773" height="144">
</td>
<td width="1" height="144">
</td>
</tr>
<tr>
<td rowspan="4" width="12" height="456">
</td>
<td rowspan="3" height="440px" width="573px">
<div id="apDiv3">
<iframe src="home.html" name="iframe" scrolling="no" frameborder="0" height="437px" width="570px">Home</iframe></div></td>
<td width="188" height="244">
<img src="images/bebubosta_04.png" border="0" usemap="#Map" />
</td>
<td width="1" height="244">
</td>
</tr>
<tr>
<td width="188" height="97">
</td>
<td width="1" height="97">
</td>
</tr>
<tr>
<td rowspan="2" width="188" height="115">
</td>
<td width="1" height="99">
</td>
</tr>
<tr>
<td width="573" height="16">
</td>
<td width="1" height="16">
</td>
</tr>
</table></div>
<map name="Map"><area shape="rect" coords="59,30,150,57" target="iframe" href="home.html">
<area shape="rect" coords="37,73,171,98" target="_blank" href="http://www.orkut.com/Main#Community?cmm=23478166">
<area shape="rect" coords="38,115,180,139" target="_blank" href="http://videolog.uol.com.br/suquinhodamamae">
<area shape="rect" coords="40,159,180,182" target="iframe" href="reunioes.html">
</map>
</body>
</html>
www.bebubosta.hg1.com.br
Edição feita por: berga, 21/07/2010, 11:21.
