Página primaria

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Página primaria

Mensagem por zLaw em Qua 31 Jul 2013 - 13:50

Qual é minha questão:
- No meu fórum quero deixar uma página antes de entrar no fórum com um aviso aos membros. Meu fórum ficará fechado apenas para convidados para evitar alguns problemas que tive com outros fóruns em que frequentei. Queria um template - se for possível - de fundo preto e com letras legíveis para que um aviso possa ser deixado, e se possível, espaço para deixar uma imagem de fundo.

- Ao todo, quero um template para deixar um aviso de contato para os membros que querem entrar nos contatar.

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

Versão do fórum:
PUNBB
avatar

zLaw
Nível 4

Masculino
Inscrito dia : 05/01/2013
Mensagens : 28
Pontos Ativos : 66

Ver perfil do usuário

Resolvido Re: Página primaria

Mensagem por Hyouki em Qua 31 Jul 2013 - 13:59

Olá!

To passando esta pagina html para você editar do jeito que quiser :

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>
<style type="text/css">
html /*.maintenance-body*/ {
    background-color: #19314A;
    background-image: url(http://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(http://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(http://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="http://i.imgur.com/KPp9Kgc.png" class="maintenance-logo" alt="" />
        <img src="http://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> SECONDS</div>

    </div>
    <div id="socicons">
       <a href="http://twitter.com/dokigamer27" class="socicon_Twitter" target="_blank"></a>
        <a href="http://www.facebook.com/dokigamer" class="socicon_Facebook" target="_blank"></a>
    </div>





</script><script src="http://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="http://ask.fm" target="_blank">ASK.FM</a> Todos direitos reservados </font></center>

</div>



</center>



</body>
</html>

Demo da página: não tenho , mais bote e vera que e boa.
avatar

Hyouki
Membro do Fórum

Masculino
Inscrito dia : 10/02/2012
Mensagens : 1490
Pontos Ativos : 1972

Ver perfil do usuário http://www.forum-dix.wikiforum.net

Resolvido Re: Página primaria

Mensagem por North em Qua 31 Jul 2013 - 16:06

Saudações!

Editei a página cedida pelo usuário lucasxd111, deixei-a como quer, com o fundo preto, letras visíveis e retirei o direcionamento.

Basta editar onde diz: Texto, Sub-Texto, http://twitter.com e http://facebook.com para os seus respectivos textos e endereços. E a imagem no seguinte endereço: http://i.imgur.com/7dVaOrk.png

Segue abaixo o código pronto, peço que não retire os créditos.

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>
<style type="text/css">
html /*.maintenance-body*/ {
    background-color: #000000;
}
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(http://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(http://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>

</head>

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

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

        <div class="maintenance-row"><span class="maintenance-headline">Título</span></div>
        <div class="maintenance-row"><span class="maintenance-subline">Texto</span><br />
        <span class="maintenance-subsubline">Sub-Texto</span></div>    

    </div>
    <div id="socicons">
       <a href="http://twitter.com" class="socicon_Twitter" target="_blank"></a>
        <a href="http://www.facebook.com" class="socicon_Facebook" target="_blank"></a>
    </div>





</script><script src="http://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="http://ask.fm" target="_blank">ASK.FM</a> e editada por <a href="http://ajuda.forumeiros.com/u38942" target="_blank">Harker</a> - Todos direitos reservados </font></center>

</div>



</center>



</body>
</html>

Todavia queira checar:

Seta [FAQ] Criar uma página inicial HTML personalizada

Atenciosamente,
Harker.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum