[Entrega]Lucas.M-Layout

5 participantes

TrY! TrY!  • 20.03.12 17:35

[Entrega]Lucas.M-Layout Empty [Entrega]Lucas.M-Layout 20.03.12 17:35

Reputação da mensagem: 100% (1 votos)
Olá,

Como pedido eis o código HTML do layout!
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(left,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div#img1, div#img2, div#img3 {
width: 200px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
height: 200px;
border: 1px solid #999999;
border-radius: 4px;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
div#img1 {
width: 200px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
height: 200px;
border: 1px solid #999999;
border-radius: 4px;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
left: 300px;
top: 200px;
position: absolute;
}
div#img2 {
width: 200px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
height: 200px;
border: 1px solid #999999;
border-radius: 4px;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
left: 600px;
top: 200px;
position: absolute;
}
div#img3 {
width: 200px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
height: 200px;
border: 1px solid #999999;
border-radius: 4px;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
left: 900px;
top: 200px;
position: absolute;
}
img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
opacity: 0.5;
}
img:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
opacity: 1;
}

</style>
</head>

<body>
<div id="img1">
<img src="http://i40.tinypic.com/358qq1u.png" id="img1" width="200" height="200" OnContextMenu="return false" />
</div>
<div id="img2">
<img src="http://i40.tinypic.com/358qq1u.png" id="img2" width="200" height="200" OnContextMenu="return false" />
</div>
<div id="img3">
<img src="http://i40.tinypic.com/358qq1u.png" id="img3" width="200" height="200" OnContextMenu="return false" />
</div>
<div style="bottom: 10px; position: absolute; left: 600px; color: #000000; text-decoration: none;">
Página criada por <a href="http://www.power-pixel.net/u19008" target="_blank">Raff</a>
</div>
</body>
</html>

Cumprimentos [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

The Flash The Flash  • 20.03.12 17:36

[Entrega]Lucas.M-Layout Empty Re: [Entrega]Lucas.M-Layout 20.03.12 17:36

Isso é layout de que???
Diz ai??

bsvss bsvss  • 20.03.12 17:37

[Entrega]Lucas.M-Layout Empty Re: [Entrega]Lucas.M-Layout 20.03.12 17:37

Levou meu mais... valeu amigo ;D

TrY! TrY!  • 20.03.12 17:38

[Entrega]Lucas.M-Layout Empty Re: [Entrega]Lucas.M-Layout 20.03.12 17:38

Ele deu um modelo no Chat, e eu entreguei ele em HTML ;)

j11souza j11souza  • 20.03.12 18:38

[Entrega]Lucas.M-Layout Empty Re: [Entrega]Lucas.M-Layout 20.03.12 18:38

perdeu playboy kkk Brincadeira

TrY! TrY!  • 21.03.12 16:23

[Entrega]Lucas.M-Layout Empty Re: [Entrega]Lucas.M-Layout 21.03.12 16:23

j11souza escreveu:perdeu playboy kkk Brincadeira
WTF?

Se quiserem um Layout.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Next Next  • 01.04.12 14:57

[Entrega]Lucas.M-Layout Empty Re: [Entrega]Lucas.M-Layout 01.04.12 14:57

@Closed
Layout Entregue :)

Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.