Como fazer isso Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como fazer isso

2 participantes

Ir para baixo

Tópico resolvido Como fazer isso

Mensagem por dey_visson 16.10.12 5:39

Qual é minha questão:
Site
http://darkcheats.uniogame.com/

Links e imagens do meu problema:
Como fazer isso Negoh

Endereço do meu fórum:
http://pbsemlimites.forumeiros.com/

Versão do meu fórum:
PHPBB3




codigo HTML DA PAGINA
Código:
<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]-->

    <script type="text/javascript" src="chrome-extension://bfbmjmiodbnnpllbbbfblcplfjjepjdn/js/injected.js"></script><style id="wrc-middle-css" type="text/css">.wrc_whole_window{   display: none;   position: fixed;    z-index: 2147483647;   background-color: rgba(40, 40, 40, 0.9);   word-spacing: normal;   margin: 0px;   padding: 0px;   border: 0px;   left: 0px;   top: 0px;   width: 100%;   height: 100%;   line-height: normal;   letter-spacing: normal;}.wrc_middle_main {   font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif;   font-size: 14px;   width: 600px;   height: auto;   margin: 0px auto;   margin-top: 15%;    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-body.jpg) repeat-x left top;   background-color: rgb(39, 53, 62);}.wrc_middle_logo {    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/logo.jpg) no-repeat left bottom;    width: 140px;    height: 42px;    color: orange;    display: table-cell;    text-align: right;    vertical-align: middle;}.wrc_icon_warning {   margin: 20px 10px 20px 15px;   float: left;   background-color: transparent;}.wrc_middle_title {    color: #b6bec7;   height: auto;    margin: 0px auto;   font-size: 2.2em;   white-space: nowrap;   text-align: center;}.wrc_middle_hline {    height: 2px;   width: 100%;    display: block;}.wrc_middle_description {   text-align: center;   margin: 15px;   font-size: 1.4em;   padding: 20px;   height: auto;   color: white;   min-height: 3.5em;}.wrc_middle_actions_main_div {   margin-bottom: 15px;   text-align: center;}.wrc_middle_actions_blue_button {   -moz-appearance: none;   border-radius: 7px;   -moz-border-radius: 7px/7px;   border-radius: 7px/7px;   background-color: rgb(0, 173, 223) !important;   display: inline-block;   width: auto;   cursor: Pointer;   border: 2px solid #00dddd;}.wrc_middle_actions_blue_button:hover {   background-color: rgb(0, 159, 212) !important;}.wrc_middle_actions_blue_button:active {   background-color: rgb(0, 146, 200) !important;   border: 2px solid #00aaaa;}.wrc_middle_actions_blue_button div {   display: inline-block;   width: auto;   cursor: Pointer;   margin: 3px 10px 3px 10px;   color: white;   font-size: 1.2em;   font-weight: bold;}.wrc_middle_action_low {   font-size: 0.9em;   white-space: nowrap;   cursor: Pointer;   color: grey !important;   margin: 10px 10px 0px 10px;   text-decoration: none;}.wrc_middle_action_low:hover {   color: #aa4400 !important;}.wrc_middle_actions_rest_div {   padding-top: 5px;   white-space: nowrap;   text-align: center;}.wrc_middle_action {   white-space: nowrap;   cursor: Pointer;   color: red !important;   font-size: 1.2em;   margin: 10px 10px 0px 10px;   text-decoration: none;}.wrc_middle_action:hover {   color: #aa4400 !important;}</style><script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">var g_inputsCnt = 0;var g_InputThis = new Array(null, null, null, null);var g_alerted = false;/* we test the input if it includes 4 digits  (input is a part of 4 inputs for filling the credit-card number)*/function is4DigitsCardNumber(val){   var regExp = new RegExp('[0-9]{4}');   return (val.length == 4 && val.search(regExp) == 0);}/* testing the whole credit-card number 19 digits devided by three '-' symbols or  exactly 16 digits without any dividers*/function isCreditCardNumber(val){   if(val.length == 19)   {      var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}');      return (val.search(regExp) == 0);   }   else if(val.length == 16)   {      var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}');      return (val.search(regExp) == 0);   }   return false;}function CheckInputOnCreditNumber(self){   if(g_alerted)      return false;   var value = self.value;   if(self.type == 'text')   {      if(is4DigitsCardNumber(value))      {         var cont = true;         for(i = 0; i < g_inputsCnt; i++)            if(g_InputThis[i] == self)               cont = false;         if(cont && g_inputsCnt < 4)         {            g_InputThis[g_inputsCnt] = self;            g_inputsCnt++;         }      }      g_alerted = (g_inputsCnt == 4);      if(g_alerted)         g_inputsCnt = 0;      else         g_alerted = isCreditCardNumber(value);   }   return g_alerted;}function CheckInputOnPassword(self){   if(g_alerted)      return false;   var value = self.value;   if(self.type == 'password')   {      g_alerted = (value.length > 0);   }   return g_alerted;}function onInputBlur(self, bRatingOk, bFishingSite){   var bCreditNumber = CheckInputOnCreditNumber(self);   var bPassword = CheckInputOnPassword(self);   if((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword) )   {      var warnDiv = document.getElementById("wrcinputdiv");      if(warnDiv)      {         /* show the warning div in the middle of the screen */         warnDiv.style.left = "0px";         warnDiv.style.top = "0px";         warnDiv.style.width = "100%";         warnDiv.style.height = "100%";         document.getElementById("wrc_warn_fs").style.display = 'none';         document.getElementById("wrc_warn_cn").style.display = 'none';         if(bFishingSite)            document.getElementById("wrc_warn_fs").style.display = 'block';         else            document.getElementById("wrc_warn_cn").style.display = 'block';         warnDiv.style.display = 'block';      }   }}</script></head>

    <body>
    <div id="container">

      <div id="content_row">

          <div class="content_all">

            <div id="logo"><img src="http://img811.imageshack.us/img811/7618/76323172.png" width="225" height="70" 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: -15px; display: block; ">70<span>%</span></div>

                <div id="countdown" class="hasCountdown"><span><span class="text">Días</span><span class="number">00</span> </span><span><span class="text">Horas</span><span class="number">15</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="@DarkCheatsTeam" id="twitter" class="easttool" title=""></a>

                  <p><span>Forum em Manutenção.</span><br>

                      Estamos trabalhando para um forum melhor.!</p>

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

               

            </div>

          </div>

      </div>

    </div>

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


   
<hide><a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></hide></body></html>


Última edição por dey_visson em 16.10.12 18:55, editado 1 vez(es)
dey_visson
dey_visson
**

Membro desde : 05/09/2011
Mensagens : 72
Pontos : 124

http://pbsemlimites.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso

Mensagem por [F]lames 16.10.12 14:56

Olá,

Aceda á :
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das Páginas HTML :seta2: Criar uma nova Página HTML
Título: Qualquer um ...
Usar esta Página como Página Inicial ? Sim ...
Usar o inicío e fim do seu Fórum ? Não ...
Código HTML *:
Código:
<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]-->

    <script type="text/javascript" src="chrome-extension://bfbmjmiodbnnpllbbbfblcplfjjepjdn/js/injected.js"></script><style id="wrc-middle-css" type="text/css">.wrc_whole_window{  display: none;  position: fixed;    z-index: 2147483647;  background-color: rgba(40, 40, 40, 0.9);  word-spacing: normal;  margin: 0px;  padding: 0px;  border: 0px;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  line-height: normal;  letter-spacing: normal;}.wrc_middle_main {  font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif;  font-size: 14px;  width: 600px;  height: auto;  margin: 0px auto;  margin-top: 15%;    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-body.jpg) repeat-x left top;  background-color: rgb(39, 53, 62);}.wrc_middle_logo {    background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/logo.jpg) no-repeat left bottom;    width: 140px;    height: 42px;    color: orange;    display: table-cell;    text-align: right;    vertical-align: middle;}.wrc_icon_warning {  margin: 20px 10px 20px 15px;  float: left;  background-color: transparent;}.wrc_middle_title {    color: #b6bec7;  height: auto;    margin: 0px auto;  font-size: 2.2em;  white-space: nowrap;  text-align: center;}.wrc_middle_hline {    height: 2px;  width: 100%;    display: block;}.wrc_middle_description {  text-align: center;  margin: 15px;  font-size: 1.4em;  padding: 20px;  height: auto;  color: white;  min-height: 3.5em;}.wrc_middle_actions_main_div {  margin-bottom: 15px;  text-align: center;}.wrc_middle_actions_blue_button {  -moz-appearance: none;  border-radius: 7px;  -moz-border-radius: 7px/7px;  border-radius: 7px/7px;  background-color: rgb(0, 173, 223) !important;  display: inline-block;  width: auto;  cursor: Pointer;  border: 2px solid #00dddd;}.wrc_middle_actions_blue_button:hover {  background-color: rgb(0, 159, 212) !important;}.wrc_middle_actions_blue_button:active {  background-color: rgb(0, 146, 200) !important;  border: 2px solid #00aaaa;}.wrc_middle_actions_blue_button div {  display: inline-block;  width: auto;  cursor: Pointer;  margin: 3px 10px 3px 10px;  color: white;  font-size: 1.2em;  font-weight: bold;}.wrc_middle_action_low {  font-size: 0.9em;  white-space: nowrap;  cursor: Pointer;  color: grey !important;  margin: 10px 10px 0px 10px;  text-decoration: none;}.wrc_middle_action_low:hover {  color: #aa4400 !important;}.wrc_middle_actions_rest_div {  padding-top: 5px;  white-space: nowrap;  text-align: center;}.wrc_middle_action {  white-space: nowrap;  cursor: Pointer;  color: red !important;  font-size: 1.2em;  margin: 10px 10px 0px 10px;  text-decoration: none;}.wrc_middle_action:hover {  color: #aa4400 !important;}</style><script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">var g_inputsCnt = 0;var g_InputThis = new Array(null, null, null, null);var g_alerted = false;/* we test the input if it includes 4 digits  (input is a part of 4 inputs for filling the credit-card number)*/function is4DigitsCardNumber(val){  var regExp = new RegExp('[0-9]{4}');  return (val.length == 4 && val.search(regExp) == 0);}/* testing the whole credit-card number 19 digits devided by three '-' symbols or  exactly 16 digits without any dividers*/function isCreditCardNumber(val){  if(val.length == 19)  {      var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}');      return (val.search(regExp) == 0);  }  else if(val.length == 16)  {      var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}');      return (val.search(regExp) == 0);  }  return false;}function CheckInputOnCreditNumber(self){  if(g_alerted)      return false;  var value = self.value;  if(self.type == 'text')  {      if(is4DigitsCardNumber(value))      {        var cont = true;        for(i = 0; i < g_inputsCnt; i++)            if(g_InputThis[i] == self)              cont = false;        if(cont && g_inputsCnt < 4)        {            g_InputThis[g_inputsCnt] = self;            g_inputsCnt++;        }      }      g_alerted = (g_inputsCnt == 4);      if(g_alerted)        g_inputsCnt = 0;      else        g_alerted = isCreditCardNumber(value);  }  return g_alerted;}function CheckInputOnPassword(self){  if(g_alerted)      return false;  var value = self.value;  if(self.type == 'password')  {      g_alerted = (value.length > 0);  }  return g_alerted;}function onInputBlur(self, bRatingOk, bFishingSite){  var bCreditNumber = CheckInputOnCreditNumber(self);  var bPassword = CheckInputOnPassword(self);  if((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword) )  {      var warnDiv = document.getElementById("wrcinputdiv");      if(warnDiv)      {        /* show the warning div in the middle of the screen */        warnDiv.style.left = "0px";        warnDiv.style.top = "0px";        warnDiv.style.width = "100%";        warnDiv.style.height = "100%";        document.getElementById("wrc_warn_fs").style.display = 'none';        document.getElementById("wrc_warn_cn").style.display = 'none';        if(bFishingSite)            document.getElementById("wrc_warn_fs").style.display = 'block';        else            document.getElementById("wrc_warn_cn").style.display = 'block';        warnDiv.style.display = 'block';      }  }}</script></head>

    <body>
    <div id="container">

      <div id="content_row">

          <div class="content_all">

            <div id="logo"><img src="http://img811.imageshack.us/img811/7618/76323172.png" width="225" height="70" 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: -15px; display: block; ">70<span>%</span></div>

                <div id="countdown" class="hasCountdown"><span><span class="text">Días</span><span class="number">00</span> </span><span><span class="text">Horas</span><span class="number">15</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="@DarkCheatsTeam" id="twitter" class="easttool" title=""></a>

                  <p><span>Forum em Manutenção.</span><br>

                      Estamos trabalhando para um forum melhor.!</p>

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

               

            </div>

          </div>

      </div>

    </div>

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


   
<hide><a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></hide></body></html>
Cordialmente ...
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Ir para o topo


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