Pagina inicial

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

Resolvido Pagina inicial

Mensagem por Connor R. em Sab 6 Out 2012 - 8:08

Qual é minha questão:
Quero fazer uma pagina inicial igual a deste link ai embaixo.

http://forum.academianinjakonoha.com/

Links e imagens do meu problema:
Http://forum.academianinjakonoha.com/

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

Versão do meu fórum:
PHPBB2
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Pagina inicial

Mensagem por Ace em Sab 6 Out 2012 - 8:10

Olá,

Aceda à:

Painel >> Módulos >> HTML & JAVASCRIPT >> Nova página HTML >> Utilizar como inicial >> Sim >> Conteúdo:

Código:
 <html lang="en" class="no-js">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />

   <title>Academia Ninja Konoha 2.0</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>
  <script src="http://huddletogether.com/js/libs/modernizr-2.0.6.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" src="http://use.typekit.com/bdq7cdj.js"></script>
  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  <link rel="stylesheet" href="http://huddletogether.com/css/base.css">
  <script type="text/javascript">
  $(document).ready(function() {
  $("#widget-content").hide();
  $(".og").click(function() {
  $("#widget-content").slideToggle(400);
  $(".one").css('display', 'block');
  $(".two").css('display', 'none');
  });
  });
  </script>
    <script type="text/javascript">
  $(document).ready(function() {
  $("#widget-content").hover(function() {
  $(".titulo").css('opacity', '25').css('-webkit-transition-duration', '.8s');
  });
  });
  </script>
      <script type="text/javascript">
  $(document).ready(function() {
  $("#widget-content").mouseout(function() {
  $(".titulo").css('opacity', '2').css('-webkit-transition-duration', '.8s');
  });
  });
  </script>


    <script type="text/javascript">
  $(document).ready(function() {
   $(".og").dblclick(function() {
      $(".og img").attr('src', 'http://www.purevb.com/demo/images/styles/elegance/buttons/collapse_tcat_collapsed.png');
   });
  });
  </script>
  <script type="text/javascript">
  $(document).ready(function() {
  $(".titulo").mouseout(function() {
  $(".titulo").css('opacity', '.2').css('-webkit-transition-duration', '.8s');
  });
  });
  </script>
<style>
body {
background-image: url('http://i46.tinypic.com/2z9mn1d.png');
background-position: fixed;
}
.ctn {
font-family: Fredoka One, lucida grande, tahoma, sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.625em;
  margin: 0;
  font-size: 18px;
}
a {
text-decoration: none;
}
.footer {
margin-top: 210px;
background-color: #09A1EC;
bottom: 0px !important;
position: absolute;
color: white;
font-height: 500px;
width: 100%;
opacity: .3;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
.footer:hover {
opacity: 25 !important;
-webkit-transition-duration: .8s;
}
.footer a{
color: darkblue;
}
nav li a:hover {
-webkit-box-shadow: 0 0 26px #33CCFF;
moz-box-shadow: 0 0 26px #33CCFF;
box-shadow: 0 0 26px #33CCFF;
-webkit-transition-duration: .8s;
}
.widget {
top: 30px !important;
position: absolute;
left: -30px !important;
}
.titulo {
z-index: 999 !important;
position: absolute;
width: 155px;
opacity: .2;
 text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  color: white;
  text-shadow: 0 -1px #0779b1;
  background-color: #09A1EC;
  border-bottom: 4px solid #0091CC;
  line-height: 1.2em;
  padding: 10px;
  font-size: 20px;
  margin: 0 1em .85em 1em;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.widget a:hover {
color: orange;
}
.og {
padding-left: 5px;
margin-top: 00px !important;
position: absolute;
z-index: 999;
}
.titulo:hover {
opacity: 20 !important;
-webkit-transition-duration: .8s;
}
.one {
display: none;
}
a {
font-height: 400px;
color: #09A1EC;
}
nav li a {
    background-color: orange;
    border-bottom: 4px solid red;
    border-radius: 8px 8px 8px 8px;
    color: white;
    float: left;
    font-size: 20px;
    font-weight: 600;
    height: 100px;
    line-height: 1.2em;
    margin: 0 1em 0.85em;
    padding: 2px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px #0779B1;
    width: 115px;
}
nav li a:hover {
    background: none repeat scroll 0 0 darkred;
}
.overlay{
background: #666;
opacity: 0.4;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
boder::100;
 }
 /* widget */
 #widget-content {
 opacity: .8;
 margin-top: -5px !important;
 z-index: 1;
 position: absolute;
 -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px !important;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
#widget-content a.first {
border-bottom-color: rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-color: transparent;
}
#widget-content a {
margin-left: 5px !important;
display: block;
height: 2em;
padding: 0.6em 0.2em 0.3em 20px;
background: #505050;
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-weight: bold;
}
#widget-content a:hover {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  background-color: #09A1EC;
  color: white !important;
}
#widget-content a.first {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-color: transparent;
}
#widget-content a.last {
  border-top-color: rgba(255, 255, 255, 0.25);
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* fim do widget*/
h1, h2 {
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
h2 {
    color: orange;
    font-size: 22px;
    line-height: 1.2em;
    width: 800px
}
</style>
</head>
<body><div class="overlay" id="overlay" ></div>

   <div id="page">
   
      <h1>Academia<font color="#09A1EC">NINJA</font>konoha<font class="ctn">.com</font></h1>
      <h2>
         Todo Ninja tem seu destino, só depende de suas escolhas! Venha fazer parte do universo Shinobi! Batalhe, descubra e fique forte. Junte-se a nós! E antes de começar sua jornada, umas dicas para te ajudar:
  </h3>
      <nav>
         <ul>
         <li class="blog">
               <a href="http://forum.academianinjakonoha.com/register">
                  Registre-se
               </a>
            </li>
            <li class="script">
               <a href="http://forum.academianinjakonoha.com/f43-avisos">Novidades do RPG</a>
            </li>
            <li class="origScript">
               <a href="http://forum.academianinjakonoha.com/f1-regras-geral">Regras Gerais</a>
            </li>
            <li class="forums">
               <a href="http://forum.academianinjakonoha.com/portal">
                  Portal <br>RPG</br>
               </a>
            </li>
   <li class="forums">
               <a href="https://www.facebook.com/academianinjakonoha2.0">
                  Facebook <br>Fan Page</br>
               </a>
            </li>
<li class="forums">
               <a href="https://groups.live.com/ank20/">
                  Msn<br>Groups</br>
               </a>
            </li>
         <li class="forums">
               <a href="https://www.facebook.com/groups/299068056859210/">
                  Facebook<br>Groups</br>
               </a>
            </li>
<li class="forums">
               <a href="https://twitter.com/@ankforever">
                  Twitter<br>Page</br>
               </a>
            </li>
         </ul>
      </nav>

         
   </div>
   </div>
   
   <script src="http://huddletogether.com/js/libs/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>

   <script type="text/javascript">
   
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-2196019-4']);
     _gaq.push(['_trackPageview']);
   
     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   
   </script>
   <footer class="footer"><b>
   Desenvolvido por MateusV. <font style="color: red;">Copyright © 2012 Academia Ninja Konoha Inc. All rights reserved.</font> Hospedado por <a href="http://www.forumeiros.com/">Forumeiros</a></b>
   </footer>
</body>
</html>

Cordialmente! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Pagina inicial

Mensagem por Connor R. em Sab 6 Out 2012 - 8:12

Humrum e como eu configuro este código, como o personalizo com meus Links e imagens?
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Pagina inicial

Mensagem por KidoLegends em Sab 6 Out 2012 - 8:14

Código:
<div id="page">
   
      <h1>Academia<font color="#09A1EC">NINJA</font>konoha<font class="ctn">.com</font></h1>
      <h2>
         Todo Ninja tem seu destino, só depende de suas escolhas! Venha fazer parte do universo Shinobi! Batalhe, descubra e fique forte. Junte-se a nós! E antes de começar sua jornada, umas dicas para te ajudar:
  </h3>
      <nav>
         <ul>
         <li class="blog">
               <a href="http://forum.academianinjakonoha.com/register">
                  Registre-se
               </a>
            </li>
            <li class="script">
               <a href="http://forum.academianinjakonoha.com/f43-avisos">Novidades do RPG</a>
            </li>
            <li class="origScript">
               <a href="http://forum.academianinjakonoha.com/f1-regras-geral">Regras Gerais</a>
            </li>
            <li class="forums">
               <a href="http://forum.academianinjakonoha.com/portal">
                  Portal <br>RPG</br>
               </a>
            </li>
   <li class="forums">
               <a href="https://www.facebook.com/academianinjakonoha2.0">
                  Facebook <br>Fan Page</br>
               </a>
            </li>
<li class="forums">
               <a href="https://groups.live.com/ank20/">
                  Msn<br>Groups</br>
               </a>
            </li>
         <li class="forums">
               <a href="https://www.facebook.com/groups/299068056859210/">
                  Facebook<br>Groups</br>
               </a>
            </li>
<li class="forums">
               <a href="https://twitter.com/@ankforever">
                  Twitter<br>Page</br>
               </a>
            </li>
         </ul>
      </nav>

         
   </div>
   </div>
   
   <script src="http://huddletogether.com/js/libs/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>

   <script type="text/javascript">
   
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-2196019-4']);
     _gaq.push(['_trackPageview']);
   
     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   
   </script>
   <footer class="footer"><b>
   Desenvolvido por MateusV. <font style="color: red;">Copyright © 2012 Academia Ninja Konoha Inc. All rights reserved.</font> Hospedado por <a href="http://www.forumeiros.com/">Forumeiros</a></b>
   </footer>
</body>
</html>

Cole isto na sua folha de HTML no módulos do seu fórum.ae você vai em HTML e Javascript e vai no Gestão das Páginas em HTML e cria uma página em HTML e cole isto. E só
Caso não funcione peço desculpas.

Atenciosamente: KidoLegends
avatar

KidoLegends
Nível 8

Masculino
Inscrito dia : 21/06/2012
Mensagens : 114
Pontos Ativos : 193

Ver perfil do usuário http://super-onzeloko30.forumeiros.com/

Resolvido Re: Pagina inicial

Mensagem por Ace em Sab 6 Out 2012 - 8:14

Olá,

Procure pelo seguinte:

<div id="page">

Quando achar, verá abaixo os textos e afins da página! O resto acima é personalização. Piscada

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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