Nova Manutenção

4 participantes

SecurityPixel SecurityPixel  • 18.01.13 10:28

Nova Manutenção Empty Nova Manutenção 18.01.13 10:28

Este layout de manutenção foi "criado" por mim recentemente, eu peguei ele de uma index e transformei,
ele ainda está em fase de desenvolvimento, ele é simples, mas bonito! Daí o logo está bugado, então
no código procure por "logomarca.png" daí você edita e coloca o link do seu logo! e o resto basta editar...

Demo: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

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" xml:lang="en" lang="en">
<head>
   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
   <title>Gold Hotel: Estamos em manutencao!</title>
<script type="text/javascript">
//<![CDATA[
window.__CF=window.__CF||{};window.__CF.AJS={"ga_key":{"ua":"UA-33087430-1","ga_bs":"2"}};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) { var CloudFlare=[{verbose:0,p:1357061806,byc:0,owlid:"cf",mirage:{responsive:0,lazy:0},oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/abv=1870252173/"},atok:"f5053aad5e9f50b65ff679099c213146",zone:"ihabi.net",rocket:"0",apps:{"ga_key":{"ua":"UA-33087430-1","ga_bs":"2"}}}];var a=document.createElement("script"),b=document.getElementsByTagName("script")[0];a.async=!0;a.src="//ajax.cloudflare.com/cdn-cgi/nexp/abv=4114775854/cloudflare.min.js";b.parentNode.insertBefore(a,b);}}catch(e){};
//]]>
</script>
<script type="text/javascript">
var andSoItBegins = (new Date()).getTime();
</script>

    <link rel="shortcut icon" href="" type="image/vnd.microsoft.icon" />
 
    <style type="text/css">
body {
   background-color: rgb(99,212,254);
   background: url(images/bg%20-%20Kopie%20%282%29.png);
   font-size:11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   margin: 0;
   padding: 0;
   left:0px;
   top:0px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
}


#container {
   position: absolute;
   width: 800px;
   margin-left: -400px;
   left:50%;
   text-align: left;
}

#tags-container {
   position: absolute;
   top: 80px;
   left: 0px;
   height:200px;
   color:white;
   font-size:64px;
   width: 100%;
   overflow: hidden;
}
#tags {
   position: absolute;
   top: 0px;
   left: 0;
   margin-left:-4600px;
   height:150px;
   color:white;
   font-size:64px;
}

a {
   color: white;
   text-decoration: none;
   text-shadow: 0px 3px 8px #e6e6e6;
}
#tenso {
   background-image: ur(http://www.files.ihabi.net/background.png);
width:511px;   
height:120px;
   margin-left:absolute;
   margin-right:absolute;
   margin-top:400px;
   boder::1;

}
/* Header */
.logo {
   margin:10px;
}
.onlinecount {
   position: absolute;
   right: 10px;
   top: 30px;
   color:white;
   font-weight: bold;
   font-size: 14px;
   text-align: right;
}
</style>    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

   <meta name="description" content="iHabi Hotel: faça amigos, divirta-se e fique conhecido!" />
   <meta name="keywords" content="ihabi, ihabi hotel, crazzy, habbinfo, habblet, hapixel, habbo pirata, moedas gratis, mundo virtual, jogo online, habbo pirata com moedas gratis, habbo pirata com vip" />

   
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33087430-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<body>
   <div id="container">
      <img src="http://www.goldhotel.toophabbo.com/logomarca.png" class="logo" alt="iHabi Logo" />
                  <div class="onlinecount"><br /><small></small></div>

   </div>
   <div id="tags-container">
      <div id="tags" class="tags1" style="display:none;">
         <!-- 0 !--><font color="white">
         <div style="font-size:40%;position:absolute;top:40px;left:150px;font-weight:bold;">
            facebook
         </div>
         <div style="font-size:80%;position;absolute;top:160px;left:200px;">
            mod
         </div>
         <div style="font-size:60%;position:absolute;top:20px;left:350px;opacity: 0.5;">
            pizza
         </div>
         <div style="font-size:50%;position:absolute;top:50px;left:480px;">
            amor
         </div>
         <div style="font-size:70%;position:absolute;top:110px;left:320px;">
            flores
         </div>
         <div style="font-size:130%;position:absolute;top:70px;left:80px;opacity: 0.3;">
            legal
         </div>
         <div style="font-size:130%;position:absolute;top:45px;left:680px;opacity: 0.8">
            habbo
         </div>
         <div style="font-size:35%;position:absolute;top:20px;left:720px;">
            vip
         </div>
         <div style="font-size:78%;position:absolute;top:150px;left:850px;opacity: 0.4">
            xd
         </div>
         <div style="font-size:78%;position:absolute;top:48px;left:980px;opacity: 0.9">
            moto
         </div>
         <div style="font-size:100%;position:absolute;top:18px;left:1180px;">
            lol
         </div>
         <div style="font-size:100%;position:absolute;top:105px;left:1270px;opacity: 0.4">
            diversao
         </div>
         <div style="font-size:148%;position:absolute;top:14px;left:1460px;opacity: 0.8">
            amor
         </div>
         <div style="font-size:48%;position:absolute;top:150px;left:1680px;">
            te amo
         </div>
         <div style="font-size:48%;position:absolute;top:96px;left:1760px;opacity: 0.6">
            staff
         </div>
         <div style="font-size:48%;position:absolute;top:25px;left:1840px;">
            tags
         </div>
         <div style="font-size:80%;position:absolute;top:146px;left:2000px;">
            internet
         </div>
         <!-- 1 !-->
         <div style="font-size:40%;position:absolute;top:40px;left:2160px;font-weight:bold;">
            facebook
         </div>
         <div style="font-size:80%;position:absolute;top:60px;left:2030px;">
            mod
         </div>
         <div style="font-size:60%;position:absolute;top:20px;left:2350px;opacity: 0.5;">
            pizza
         </div>
         <div style="font-size:50%;position:absolute;top:50px;left:2480px;">
            skate
         </div>
         <div style="font-size:70%;position:absolute;top:150px;left:2520px;">
            rosas
         </div>
         <div style="font-size:130%;position:absolute;top:70px;left:2280px;opacity: 0.3;">
            legal
         </div>
         <div style="font-size:130%;position:absolute;top:45px;left:2680px;opacity: 0.8">
            habbo
         </div>
         <div style="font-size:35%;position:absolute;top:20px;left:2720px;">
            vip
         </div>
         <div style="font-size:78%;position:absolute;top:150px;left:2850px;opacity: 0.4">
            xd   
         </div>
         <div style="font-size:78%;position:absolute;top:48px;left:2980px;opacity: 0.9">
            ferrari
         </div>
         <div style="font-size:100%;position:absolute;top:18px;left:3180px;">
            lol
         </div>
         <div style="font-size:100%;position:absolute;top:105px;left:3270px;opacity: 0.4">
            diversao
         </div>
         <div style="font-size:148%;position:absolute;top:14px;left:3460px;opacity: 0.8">
            tags
         </div>
         <div style="font-size:48%;position:absolute;top:150px;left:3680px;">
            oi
         </div>
         <div style="font-size:48%;position:absolute;top:96px;left:3760px;opacity: 0.6">
            staff
         </div>
         <div style="font-size:180%;position:absolute;top:25px;left:3840px;">
            vish
         </div>
         <div style="font-size:80%;position:absolute;top:146px;left:4000px;">
            facebook
         </div>
         <!-- 2 !-->
         <div style="font-size:40%;position:absolute;top:40px;left:4160px;font-weight:bold;">
            orkut
         </div>
         <div style="font-size:120%;position:absolute;top:100px;left:4300px;">
            mod
         </div>
         <div style="font-size:60%;position:absolute;top:20px;left:4350px;opacity: 0.5;">
            pizza
         </div>
         <div style="font-size:50%;position:absolute;top:50px;left:4480px;">
            morango
         </div>
      </div>
   </div></font>
   <div id="bild" style="position:absolute;top:100px;boder::10;width:816px;margin-left:-408px;left:50%;">
   
   
      <form action="http://www.ihabi.net" method="POST">
   <div style="position:absolute;top:28px;left:320px;width:480px;text-align:left;">
      Estamos em manutencao, aguarde nosso retorno, pois traremos muitas novidades,</br>
com novos mobis, mais atualizados, mais bem desenvolvido, e cada vez melhor para voce!</br></br>
Aguarde... Em breve Gold Hotel "Nova Era"</br>
   </div>
   </form>
   
   <img style="float:right;" src="http://files.ihabi.net/login_bg.png" alt="" />
   <div style="font-size:16px;margin-top:130px;font-weight:bold;color:#ffffff;">Previsao de Volta: INDEFINIDA</div><br />
   
   <span style="font-size:10px;"><a href="/manage/hotel/de/housekeeping/index/p/home" TARGET="_blank">Painel da Administracao</a></span>
   
   <span style="font-size:8px;"><br /><br />Copyright © 2013 Gold Hotel - Este site nao e operado ou moderado pela Sulake Corporation Oy.<br />Página desenvolvida por Arthur.<br />Hotel criado por Arthur</span>
   
   
   </div>
      <script type="text/javascript">
      $(document).ready(function () {      
         $("#bild").animate({ top: "320px"}, 1500);
         $(".tags1").fadeIn(1000).animate({ left: "210%"}, { duration: 4000, queue: false}).delay(4000).animate({ left: "120%"}, { duration: 60000, queue: true});
      });
   </script>   
</body>
</html>

Não retire os créditos!

Minato™ Minato™  • 18.01.13 11:04

Nova Manutenção Empty Re: Nova Manutenção 18.01.13 11:04

Ola

Coloque alguns prints facilitaria para as pessoas baixassem vissem como é

mesmo assim obrigado por compartilhar!

WictorP WictorP  • 18.01.13 11:05

Nova Manutenção Empty Re: Nova Manutenção 18.01.13 11:05

Simples, sem designer. Tem muito que melhorar na v2.

Até mais!

Porshe Porshe  • 19.01.13 11:53

Nova Manutenção Empty Re: Nova Manutenção 19.01.13 11:53

Você apenas pegou na index do iHabi e apagou algumas coisas, está simplesmente horrivel, e os créditos não são seus ^-^
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.