Página primaria

3 participantes

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

Tópico resolvido Página primaria

Mensagem por zLaw 31.07.13 17: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
zLaw

zLaw
Novo Membro

Membro desde : 05/01/2013
Mensagens : 28
Pontos : 66

Ir para o topo Ir para baixo

Tópico resolvido Re: Página primaria

Mensagem por Hyouki 31.07.13 17: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.
Hyouki

Hyouki
Super Membro

Membro desde : 10/02/2012
Mensagens : 1495
Pontos : 1981

http://www.forum-dix.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página primaria

Mensagem por goodbye 31.07.13 20: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 https://facebook.com para os seus respectivos textos e endereços. E a imagem no seguinte endereço: https://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

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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