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 HTML

2 participantes

Gustavo H. Gustavo H.  • Ter 28 maio 2013 - 18:43

Página HTML Empty Página HTML Ter 28 maio 2013 - 18:43

Qual é minha questão:
Queria Saber essa página HTML: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Endereço do meu fórum:
GamezerSoccer.forumbrasil.net

Versão:
PunBB

Daemon Daemon  • Ter 28 maio 2013 - 19:09

Página HTML Empty Re: Página HTML Ter 28 maio 2013 - 19:09

Crie uma nova página HTML e adicione:
Código:
<html>
<head>
<title></title>
</head>
<body>
<!-- Put the body of your page below this line -->
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>

    <title>DarkCheats | Em Manutençao</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <link rel="stylesheet" href="http://darkcheats.uniogame.com/h5-css" type="text/css" media="all">

    <link rel="shortcut icon" type="image/x-icon" href="http://darkcheats.site88.net/favicon.ico"><script type="text/javascript">

    <!--//--><![CDATA[//><!--

    $(document).ready(function() {


      $('#countdown').countdown({

          until: end,

          layout: '<span><span class="text">{dl}<\/span><span class="number">{dn}<\/span> <\/span><span><span class="text">{hl}<\/span><span class="number">{hn}<\/span><\/span><span><span class="text">{ml}<\/span><span class="number">{mn}<\/span><\/span><span> <span class="text">{sl}<\/span><span class="number">{sn}<\/span><\/span>'});

                     

      $("#progresbar-bar").hide();

      $("#procent").hide();

      $("#progresbar-bar").progresbar({

            procent:0,

            manual:false,/*true manual, then you must set the procent*/

            bar_height:253

      });

    }); 

    //--><!]]>

    </script>

    <!--[if IE 6]>

    <link rel="stylesheet" href="http://www.oxylusflash.com/themeforest/30/css/ie.css" type="text/css" media="all"/>

    <![endif]-->

    </head>

    <body>
    <div id="container">

      <div id="content_row">

          <div class="content_all">

            <div id="logo"><img src="http://i.imgur.com/e44idEd.png" width="300" height="120" alt="logo"></div>

            <div id="timer">

                <div id="progresbar-bg">

                  <div id="progresbar-bar" style="top: 0px; height: 213px; display: block; "></div>

                </div>

                <div id="procent" style="top: -
               
                px; display: block; ">0<span>%</span></div>

                <div id="countdown" class="hasCountdown"><span><span class="text">Dias</span><span class="number">00</span> </span><span><span class="text">Horas</span><span class="number">00</span></span><span><span class="text">Minutos</span><span class="number">00</span></span><span> <span class="text">Segundos</span><span class="number">00</span></span></div>

                <div id="links"> <a href="http://www.twitter.com/darkcheatsteam" id="twitter" class="easttool" title=""></a>

                  <p><span>Em Manutencao.</span><br>

                    Reabertura oficial do forum dia 00/00/00 !</p>

                  <a href="#" id="rss" class="westtool" title=""></a> </div>

               

            </div>

          </div>

      </div>

    </div>

    <!--[if !IE]>End Content<![endif]-->
    <div id="footer">Copyright 2012/2013 HydraCheats, Todos Direitos Reservados. </div>


    </body></html>

<style>
@charset "utf-8";
    /* CSS Document */
    html,body {margin:0;padding:0;height:100%;font-family:Arial, Helvetica, sans-serif;}
    body{ background:#303030 url(http://i.imgur.com/pumBW.png) repeat-x top left; height:auto !important; height:100%;min-height:100%;}

    p{padding:0; margin:0;}

    a{color: #616161;
    text-decoration: none;}

    a:hover{color: #898988;
    text-decoration: none;}

    #container{position:relative; margin:0 auto;width:100%; }
    .content_all{ width:810px; margin:0 auto;overflow:hidden;}
      #content_row {width:100%;}

          #logo{ height:70px; text-align:center;padding-top:99px; padding-bottom:30px;}
          #timer{ height:300px;width:553px; padding-right:135px; padding-left:120px;background:url(http://i.imgur.com/J01x1.png) no-repeat 50% 0%; text-align:center;  position:relative; }
            #progresbar-bg{width:10px; padding:0 9px 0 8px; height:272px;background:url(http://i.imgur.com/ltHWt.png) no-repeat 50% 0%;float:left;}
                  #progresbar-bar{ margin-top:8px;float:left; width:10px; height:253px;position:relative;top:0;background:url(http://i.imgur.com/2mHZF.gif) no-repeat 50% 0px;}
                  #procent{ position:absolute;height:31px; width:75px; background:url(http://i.imgur.com/o2pck.png) no-repeat top left;padding-top:5px;left:53px;font-size:21px; color:#FFF; font-weight:bold;}
                      #procent span{ font-size:14px; margin-left:2px;}
           
            #countdown{float:right; padding-top:30px; width:500px; padding-bottom:3px;}

            #countdown span{width:120px; height:84px; padding-left:5px;display:block; float:left;font-weight:bold; background:url(http://i.imgur.com/U18Po.gif) no-repeat 0 0;}
                  #countdown span.text{width:112px; height:18px; padding-left:8px; padding-top:6px; text-align:left;font-size:14px;color:#898988; background:none;}
                  #countdown span.number{width:95px; height:55px; padding-right:20px; text-align:right;font-size:45px;color:#111111; background:none;}
            #links{float:right; width:485px;padding:20px 10px 10px 5px;}
                #links a{width:41px; height:41px; display:block; float:left; background-position:0 0; background-repeat:no-repeat;}
                  #links a#twitter{background-image:url(http://i.imgur.com/5xG7x.png);}
                  #links a#rss{ float:right; background-image:url(http://i.imgur.com/Nzyte.png);}
                #links p{ float:left; font-size:12px;width:393px; line-height:22px;color:#6b6e70;}
                #links span{ font-size:24px;}
            #form-email{float:right; width:500px;padding:20px 0px 10px 0px; margin:0;}
                #form-email p{ float:left;}
                #form-email input{ border:none; background:none;}
                  #form-email input#email{height:23px; width:400px; padding:7px 5px 0 8px;  color:#919191; font-size:14px; font-family:Arial, Helvetica, sans-serif;background:url(http://i.imgur.com/5AIV6.png) no-repeat 0 0; }
                  #form-email input#submit{ background-image:url(http://i.imgur.com/UlMrr.png);background-repeat:no-repeat; background-position: 0 0px; height:30px; width:75px; margin-left:2px; }
                  #form-email input#submit:hover{ background-position:0-40px; cursor:pointer;}
      /*footer*/
    div#footer{position:absolute; bottom:0; width:100%;text-align:center; background:url(http://i.imgur.com/UMx0g.png) repeat-x 0 0; height:25px; padding-top:5px; color:#616161; font-size:11px;}

    .tipsy {}
      .tipsy-inner {max-width: 200px; text-align: center;}
      .tipsy-east { background-image: url(http://i.imgur.com/1HZEe.gif); background-position: center right; padding-right:4px;}
      .tipsy-west { background-image: url(http://i.imgur.com/HCCIu.gif); background-position: left center;padding-left:4px;}
      .tipsy-inner span{ border:1px solid #4a4a4a;background-color:#000;padding:2px 4px; float:left; color:#919191; font-size:11px; }
      .tipsy-inner span.east{border-right:0px none;}
      .tipsy-inner span.west{border-left:0px none; }
</style>
<!-- Put the body of your page above this line -->
</body>
</html>

Gustavo H. Gustavo H.  • Ter 28 maio 2013 - 20:30

Página HTML Empty Re: Página HTML Ter 28 maio 2013 - 20:30

Resolvido....

Daemon Daemon  • Ter 28 maio 2013 - 20:48

Página HTML Empty Re: Página HTML Ter 28 maio 2013 - 20:48

[sucesso=Tópico Resolvido & Bloqueado][/sucesso]

Conteúdo patrocinado  • 

Página HTML Empty Re: Página HTML

Permissões neste sub-fórum
Não podes responder a tópicos