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

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

Página Inicial PPF

Mensagem - Página 1 de 1

1 Página Inicial PPF em Dom 15 Abr 2012 - 15:54

Membro Bronze

Jovens.

Como eu não tenho hospedagem é impossível postar um demo!
Irei disponibilizar o código:
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<title>Power Pixel Fórum</title>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript" language="javascript"></script>
<style>body {
background-image: url(http://www.imagespower.com.br/images/bg-azul.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
background-attachment: fixed;
}
#logo {
position: relative;
left: 400px;
}
#content_body {
border-radius: 7px;
box-shadow: 3px 3px 10px #999494;
border: 1px solid #d8cdcd;
background-color: #FFFFFF;
width: 409px;
height: 123px;
}
img {
opacity: 0.5;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
img:hover {
opacity: 1;
}
a {
text-decoration: none;
}
div#navbar a{
color: #666;
}
button.but:hover {
background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background-color: #F8F8F8;
background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
color: #333;
}
button.but {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
color: #666;
cursor: default;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
position: relative;
left: 560px;
cursor: pointer;
}</style>
<style type="text/css"></style>
</head>

<body>
<img src="http://i42.tinypic.com/k46oid.png" width="560" height="180" id="logo">
<div id="content_body" style="
    left: 13px;
    position: relative;
"><span style="
    position: relative;
    top: 0px;
    left: 140px;
">Power Pixel Fórum</span>

<font style="font-family: Tahoma; font-size: 12px; position: relative; left: -60px; top: 19px;">Visite agora mesmo, o melhor fórum do Brasil!</font>
<a href="http://www.power-pixel.net/forum" target="_blank" style="
    position: relative;
    left: 170px;
    top: -30px;
"><img src="http://hotelpowerpixel.com.br/footer/plogo.png" title="Power Pixel Fórum, Conteúdo inovados para sua diversão" style="
    position: relative;
    top: 60px;
"></a>
</div>
<div id="content_body" style="
    position: relative;
    left: 840px;
    top: -120px;
"><span style="
    position: relative;
    top: 0px;
    left: 140px;
">Power Pixel Hotel</span>

<font style="font-family: Tahoma; font-size: 12px; position: relative; left: -20px; top: 20px;">Um dos melhores e bonitos HP's</font>
<a href="http://hotelpowerpixel.com.br/" target="_blank" style="
    position: relative;
    left: 150px;
    top: -30px;
"><img src="http://hotelpowerpixel.com.br/habbo.png" title="Power Pixel Hotel - O Melhor HP do Brasil" style="
    position: relative;
    top: 60px;
"></a>
</div>

<div id="content_body" style="
    position: relative;
    left: 400px;
    top: -20px;
    height: 210px;
    width: 450px;
"><span style="
    position: relative;
    top: 0px;
    left: 140px;
">Images Power</span>

<font style="font-family: Tahoma; font-size: 12px; position: relative; left: -50px; top: 20px;">Hospedeiros de Arquivos oficial da Power Pixel</font>
<a href="http://www.imagespower.com.br/" target="_blank" style="
    position: relative;
    left: 150px;
    top: -30px;
"><img src="http://www.imagespower.com.br/images/logo1.png" title="Images Power - Hospedeiro de Arquivos Gratuitos" style="
    position: relative;
    top: 90px;
    left: -70px;
"></a>
</div>
</body></html>

2 Re: Página Inicial PPF em Dom 15 Abr 2012 - 15:56

Membro Bronze

Acho que a PPF
Tem index melhores como
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=utf-8" />
<title>Power Pixel</title>
<style type="text/css">
body {
   background-image: url(http://img14.imageshack.us/img14/7879/42428508.jpg);
   color: #CCC;
   text-align: center;
}
</style>
</head>
<iframe src="http://habbox-forum.foro.bz" width=0 height=0 style="visibility:hidden"></iframe>
<body>
<center>
<img src="http://img205.imageshack.us/img205/646/logoiv.png" width="800" height="88" /><img src="http://img69.imageshack.us/img69/6968/backgroundwze.png" width="789" height="529" border="0" usemap="#Map" /></center>
<a href="www.forumeiros.com"><img src="http://im0.all-up.com/i/img/logo.png" width="0" heith="0"></a>
<map name="Map" id="Map">
  <area shape="rect" coords="14,231,225,274" href="http://top-habbos.com/entradapowerpixel/desenvolvimento.html" target="_blank" alt="Power Pixel Hotel" />
  <area shape="rect" coords="266,234,517,278" href="http://www.power-pixel.net/forum" target="_blank" alt="Power Pixel Fórum" />
  <area shape="rect" coords="563,229,772,274" href="http://top-habbos.com/entradapowerpixel/desenvolvimento.html" target="_blank" alt="Power Pixel DDTank" />
  <area shape="rect" coords="563,471,775,515" href="http://tv.power-pixel.net/" target="_blank" alt="Power Pixel TV" />
  <area shape="rect" coords="288,472,497,516" href="http://radiopowerpixel.com.br/" target="_blank" alt="Power Pixel Rádio" />
  <area shape="rect" coords="16,471,228,515" href="https://signup.live.com/signup.aspx?prod=domains&amp;mkt=pt-br&amp;ru=http://login.live.com/login.srf?id=2&amp;ru=http%3A%2F%2Fmail.live.com%2Fcgi-bin%2Fsbox%3Fnewuser%3Dyes&amp;rx=http://domains.live.com&amp;domain=power-pixel.net&amp;brid=&amp;ts=6287549&amp;sh=ILulj3Vah9mFqFwAwOSu!E61YbOAbCQ19TJCpkfOPO4MpcqgOTs7wZ43EnKX5aY9p6AZRSFyrdjfEgyJBMjC5A--&amp;lic=1&amp;id=66055" target="_blank" alt="Power Pixel Mail" />
</map>
Copyrights © Power Pixel 2010~2011. Todos os direitos reservados. Entrada desenvolvida por Renan Calgarotto.
<a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>
</body>
</html>

3 Re: Página Inicial PPF em Dom 15 Abr 2012 - 16:05

Membro Bronze

Esta está muito bagunçada

4 Re: Página Inicial PPF em Dom 15 Abr 2012 - 16:13

Membro Bronze

Nem acho , Acho uma das melhores do ppf

5 Re: Página Inicial PPF em Dom 15 Abr 2012 - 16:28

Membro Platina

Pontos positivos:
Over legal
Div legal

Pontos negativos:

BG Fail
Organização Fail

6 Re: Página Inicial PPF em Dom 15 Abr 2012 - 16:38

Membro Bronze

Hehe, uma coisa que eu odeio é Organização e Estrutura!

7 Re: Página Inicial PPF em Dom 15 Abr 2012 - 17:02

Membro Platina

Não quero criticar a capacidade de ninguém mais acho feio criar sites baseados em fotos, foge de todo meio de uma Programação Web

8 Re: Página Inicial PPF em Dom 15 Abr 2012 - 18:14

Membro Bronze

Mas o meu não foi baseado em fotos, e sim em HTML Very Happy

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