Power Pixel Fórum - O melhor conteúdo você encontra aqui!
Redes Sociais:

Você não está conectado. Conecte-se ou registre-se

[Entrega]Lucas.M-Layout

Mensagem - Página 1 de 1

1 [Entrega]Lucas.M-Layout em Ter 20 Mar 2012 - 17:35

Membro Lenda

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 [Você precisa estar registrado e conectado para ver esta imagem.]

2 Re: [Entrega]Lucas.M-Layout em Ter 20 Mar 2012 - 17:36

Membro Lenda

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

3 Re: [Entrega]Lucas.M-Layout em Ter 20 Mar 2012 - 17:37

Membro Platina

Levou meu mais... valeu amigo ;D

4 Re: [Entrega]Lucas.M-Layout em Ter 20 Mar 2012 - 17:38

Membro Lenda

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

5 Re: [Entrega]Lucas.M-Layout em Ter 20 Mar 2012 - 18:38

Membro

perdeu playboy kkk Brincadeira

6 Re: [Entrega]Lucas.M-Layout em Qua 21 Mar 2012 - 16:23

Membro Lenda

[Você precisa estar registrado e conectado para ver este link.] escreveu:perdeu playboy kkk Brincadeira
WTF?

Se quiserem um Layout.
[Você precisa estar registrado e conectado para ver este link.]

7 Re: [Entrega]Lucas.M-Layout em Dom 1 Abr 2012 - 14:57

Membro Bronze

@Closed
Layout Entregue Smile

Mensagem - Página 1 de 1

Tópicos similares

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