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]
Não retire os créditos!
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!
