Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Página de manutenção Ask.Fm

5 participantes

Início :: Forumeiros :: Dicas e tutoriaisPágina de manutenção Ask.Fm

[Dark]Doki-. [Dark]Doki-.  • Ter 18 Jun 2013 - 11:43

Página de manutenção Ask.Fm Empty Página de manutenção Ask.Fm Ter 18 Jun 2013 - 11:43

Reputação da mensagem: 100% (1 votos)
[Tutorial] Efeito Sidebar Hover


Encontrei essa página de manutenção pelo site [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]  .
Achei ela bastante simples e facil de editar, aqui está o html dela:
[aviso]é necessário deixar os créditos do ask.fm na página para não causar nenhum problema !!!![/aviso]

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML Seta criar no modo avançado (HTML)

[guest]
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" />
<meta name="viewport" content="width=780"/>
<title>Em manutencao</title>
<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/114779/Socicon/style-cf.css?u8vidh" />
<style type="text/css">
html /*.maintenance-body*/ {
    background-color: #19314A;
    background-image: url(https://s3.amazonaws.com/askfm-static/maintenance/maintenance.png);
    background-position: center top;
    background-repeat: repeat-x;
}
body {
    /*background:#264C67 none repeat-x fixed center bottom;*/
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 52px 0 0;
    padding: 0;
    text-align: left;
}
#maintenance-box {
    color: #FFFFFF;
    display: block;
    height: 240px;
    left: 50%;
    margin: -120px 0 0 -320px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 640px;
}
.maintenance-logo {
    border: medium none;
    display: block;
    height: 84px;
    margin: 0 auto;
    padding: 0;
    width: 238px;
}
.maintenance-loader {
    background-color: #041723;
    border: none;
    display: block;
    height: 15px;
    margin: 8px auto 20px;
    padding: 10px;
    width: 128px;
}
.maintenance-row {
    border: none;
    display: block;
    margin-top: 8px;
    padding: 0;
}
.maintenance-headline {
    background-color: #041723;
    border: none;
    display: inline;
    font-size: 20px;
    margin: 0 auto 20px;
    padding: 8px;
}
.maintenance-subline {
    background-color: #041723;
    border: none;
    display: inline;
    font-size: 12px;
    margin: 0 auto;
    padding: 8px;
}
.maintenance-subsubline {
    background-color: #041723;
    border: none;
    display: inline;
    font-size: 12px;
    margin: 0 auto;
    padding: 0 8px;
}
.maintenance-timer {
    background-color: #041723;
    border: none;
    color: #4A5861;
    display: block;
    font-size: 12px;
    margin: 0 auto;
    padding: 8px;
    width: 355px;
}
#socicons {
  display:block;
  overflow:hidden;
  width:115px;
  height:50px;
  margin-left:-53px;
  margin-right:0px;
  margin-bottom:0px;
  margin-top:0px;
  padding:0px;
  position:absolute;
  bottom:50px;
  left:50%;
}
#socicons a.socicon-twitter {
  display:block;
  overflow:hidden;
  width:50px;
  height:50px;
  float:left;
  margin:0px;
  padding:0px;
  border:none;
  text-decoration:none;
  background:url(https://s3.amazonaws.com/askfm-static/maintenance/maintenance_Twitter.png) no-repeat;
  background-position:top center;
}
#socicons a.socicon-twitter:hover {
  background-position:bottom center;
}
#socicons a.socicon-facebook {
  display:block;
  overflow:hidden;
  width:50px;
  height:50px;
  float:right;
  margin:0px;
  padding:0px;
  border:none;
  text-decoration:none;
  background:url(https://s3.amazonaws.com/askfm-static/maintenance/maintenance_Facebook.png) no-repeat;
  background-position:top center;
}
#socicons a.socicon-facebook:hover {
  background-position:bottom center;
}
body {
    -webkit-text-size-adjust: none;
}
</style>
<script type="text/javascript">
//<![CDATA[

var milisec = 0
var seconds = 60

function display() {
    if (milisec <= 0) {
        milisec = 9
        seconds -= 1
    }
    if (seconds <= -1) {
        milisec = 0
        seconds += 1
    }
    else
        milisec -= 1
    document.getElementById('seconds').innerHTML = seconds
    if (seconds == 0) {

        window.location = "/"
    }
    else {
        setTimeout("display()", 100)
    }
}

//]]>
</script>
</head>

<body class="maintenance-body" onload="display()">

    <div id="maintenance-box">
      <img src="https://i.imgur.com/KPp9Kgc.png" class="maintenance-logo" alt="" />
        <img src="https://s3.amazonaws.com/askfm-static/maintenance/loader-dark.gif" class="maintenance-loader" alt="" />

        <div class="maintenance-row"><span class="maintenance-headline">SYSTEM MAINTENANCE</span></div>
        <div class="maintenance-row"><span class="maintenance-subline">WE ARE UPGRADING DARKCHEATS TO MAKE IT BETTER FOR YOU.</span><br />
        <span class="maintenance-subsubline">PLEASE TRY AGAIN IN A FEW MOMENTS.</span></div>
        <div class="maintenance-timer">THIS PAGE WILL AUTOMATICALLY REFRESH IN <span id="seconds"></span>&nbsp;SECONDS</div>

    </div>
   <div id="socicons">
      <a href="https://twitter.com/dokigamer27" class="socicon-twitter" target="_blank"></a>
      <a href="https://www.facebook.com/dokigamer" class="socicon-facebook" target="_blank"></a>
   </div>
</script>
<script src="https://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script type="text/javascript">
try {

    var pageTracker = _gat._getTracker("UA-9989982-1");

    pageTracker._trackPageview();

} catch (err) {}
</script>
</div>

<center>
    <div style="border-top:1px solid #666666; height:20px; padding:1px; background: #333333 none repeat scroll 0% 0%; position: fixed; bottom: 0pt; right: 0pt; left: 0pt; width: 100%; z-index: 100; text-align: center; font-size:12pt;">
        <center>
            <font size="4" style="color:gray;font-weight:bold;">Pagina criada por <a href="https://ask.fm" target="_blank">ASK.FM</a> Todos direitos reservados </font>
        </center>
    </div>
</center>
</body>
</html>
[/guest]

Resultado

Categoria: Recursos de Outros Autores
Autor: [Dark]Doki-. / Ask.FM
Todas as versões

FON FON  • Qui 20 Jun 2013 - 11:47

Harzard Harzard  • Qui 18 Jul 2013 - 22:12

Unkown Unkown  • Ter 30 Jul 2013 - 7:47

Página de manutenção Ask.Fm Empty Re: Página de manutenção Ask.Fm Ter 30 Jul 2013 - 7:47

Obrigado, pela página pra quando entrar em manutenção.

IiMaGneToiI IiMaGneToiI  • Qui 1 Ago 2013 - 20:16

Página de manutenção Ask.Fm Empty Re: Página de manutenção Ask.Fm Qui 1 Ago 2013 - 20:16

Muito boa mano, gostei completamente rs

Conteúdo patrocinado  • 

Página de manutenção Ask.Fm Empty Re: Página de manutenção Ask.Fm

Início :: Forumeiros :: Dicas e tutoriais:: Página de manutenção Ask.Fm
Permissões neste sub-fórum
Não podes responder a tópicos