23.10.2016, 19:54
(
Последний раз редактировалось ubunttu; 23.10.2016 в 22:06.
)
Sei que o foco aqui sгo cуdigos em PWN, mas nгo tenho problemas com isso, queria estudar PHP pra isso tenho que fazer um layout base pra comeзar a mexer num site...
Vi um tutorial de como criar um layout usando GIMP e fiz o meu do meu jeito
Bem bбsico mesmo sу um banner, menu, corpo para paginas e footer
Essa parte de conteudo de cada pagina seria oq mudaria pra localhost/contato.php ou localhost/fotos.php
1- Como fazer para que seja sempre um espaзo de no minimo 30 linhas, podendo se extender com o tamanho do texto coloado em cada "corpo"
2- Como fazer pra que o tamanho do site seja dinamico para cada monitor, tipo quando diminui o tamanho da tela ou aumenta as imagens ficam fora do lugar
Base do site:
Vi um tutorial de como criar um layout usando GIMP e fiz o meu do meu jeito
Bem bбsico mesmo sу um banner, menu, corpo para paginas e footer
Essa parte de conteudo de cada pagina seria oq mudaria pra localhost/contato.php ou localhost/fotos.php
Код:
<div id=”corpo”>
2- Como fazer pra que o tamanho do site seja dinamico para cada monitor, tipo quando diminui o tamanho da tela ou aumenta as imagens ficam fora do lugar
Base do site:
PHP код:
<html>
<head>
<title>Titulo</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<div id="banner">
<a href="#"><img alt=" " src="img/banner.jpg" style="width: 797px; height: 287px; border-width: 0px;"></a>
</div>
<div id=menu margin="0" border="0" cellspacing="0">
<div id=mb_b1><a href="#"><img alt=" " src="img/bt_b1.jpg" style="width: 90px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b2><a href="#"><img alt=" " src="img/bt_b2.jpg" style="width: 128px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b3><a href="#"><img alt=" " src="img/bt_b3.jpg" style="width: 117px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b4><a href="#"><img alt=" " src="img/bt_b4.jpg" style="width: 114px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b5><a href="#"><img alt=" " src="img/bt_b5.jpg" style="width: 146px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b6><a href="#"><img alt=" " src="img/bt_b6.jpg" style="width: 107px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b7><a href="#"><img alt=" " src="img/bt_b7.jpg" style="width: 95px; height: 56px; border-width: 0px;"></a></div>
</div>
<div id=”corpo”>
Textos
</div>
<div id"footer">
<a href="#"><img alt=" " src="img/footer.jpg" style="width: 797px; height: 94px; border-width: 0px;"></a>
</div>
</body>
</html>
PHP код:
#corpo {
margin-top: 20cm;
}
#menu {
font-size: 0;
height: 60px;
line-height: 10;
display: inline;
width:100px;
}
#mb_b1 {
display: inline;
width:100px;
}
#mb_b2 {
display: inline;
width:100px;
}
#mb_b3 {
display: inline;
width:100px;
}
#mb_b4 {
display: inline;
width:100px;
}
#mb_b5 {
display: inline;
width:100px;
}
#mb_b6 {
display: inline;
width:100px;
}
#mb_b7 {
display: inline;
width:100px;
}
#mb_b5:hover {
background-image: url('img/bt_hover/bt_b5.jpg');
}