Pagina inicial

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

Resolvido Pagina inicial

Mensagem por Nola em 25/06/13, 04:06 pm

Qual é minha questão:
Como faço para criar uma pagina Inicial de Seleção igual a esta? http://revolutioncheatsbr.forumeiros.com/

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

Versão do fórum:
PHPBB3


Última edição por Nola em 25/06/13, 06:32 pm, editado 1 vez(es)
avatar

Nola
Nível 6

Masculino
Inscrito dia : 21/09/2012
Mensagens : 63
Pontos Ativos : 97

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

Resolvido Re: Pagina inicial

Mensagem por North em 25/06/13, 04:17 pm

Saudações,

Queira checar o tópico abaixo:
Flecha ajudeiros [FAQ] Criar uma página inicial HTML personalizada

Quanto a página, tem de criar a sua própria em HTML.

Até mais!


North aconselha:
Artmeiros  Respeite as Regras do fórum e conheça a nossa equipe staff.
Artmeiros  Esteja atento as Regras do setor gráfico.
Artmeiros  Salve as imagens em seu computador, pois poderão ser removidas do servidor em um possível backup.
Artmeiros  Mensagens Privadas apenas para assuntos importantes!

avatar

North
Publicideiro
Publicideiro

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3837
Pontos Ativos : 5039

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

Resolvido Re: Pagina inicial

Mensagem por Nola em 25/06/13, 05:26 pm

Consegui fazer, porem a imagem de Background fica cortando ao inves de preencher automaticamente de acordo com a resolução dos monitores
avatar

Nola
Nível 6

Masculino
Inscrito dia : 21/09/2012
Mensagens : 63
Pontos Ativos : 97

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

Resolvido Re: Pagina inicial

Mensagem por Games BR FORUM em 25/06/13, 05:31 pm

Mas Depende Do Tamanho Da Imagem se for muito pequena só vai ficar na metade do monitor
avatar

Games BR FORUM
Nível 7

Masculino
Inscrito dia : 03/05/2013
Mensagens : 87
Pontos Ativos : 127

Ver perfil do usuário http://revolution.forum-pro.net

Resolvido Re: Pagina inicial

Mensagem por MateusA em 25/06/13, 05:48 pm

Olá!

Aceda em:<br />
Painel de Controle Seta Módulos Seta Gestão das Paginas Html & JavaScript Seta Gestão das Paginas HTML Seta Criar Nova Pagina HTML


<br />
Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Revolution Cheats BR</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="[url=view-source:http://openclipart.org/image/800px/svg_to_png/170980/World_Icon.png]http://openclipart.org/image/800px/svg_to_png/170980/World_Icon.png[/url]" />
<link rel="stylesheet" href="[url=view-source:http://www.ggames.com.br/css/style.css]http://www.ggames.com.br/css/style.css[/url]" type="text/css" media="screen">
<script type="text/css">

<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/ ///-->

<!--/ ///-->

<!--/ Portal Versão 1.0 ///-->

<!--/ Editado por Henrique ///-->

<!--/ ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28009881-1']);
_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>

<script src="[url=view-source:http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js]http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js[/url]"></script>
<script src="[url=view-source:http://espions.webs.com/cufon-yui.js]http://espions.webs.com/cufon-yui.js[/url]" type="text/javascript"></script>

<script src="[url=view-source:http://espions.webs.com/BabelSans_500.font.js]http://espions.webs.com/BabelSans_500.font.js[/url]" type="text/javascript"></script>
<script src="[url=view-source:http://espions.webs.com/jquery.easing.1.3.js]http://espions.webs.com/jquery.easing.1.3.js[/url]" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
<script type="text/javascript">
$(function() {
Cufon.replace('a, span').CSS.ready(function() {
var $menu = $("#slidingMenu");

var $selected = $menu.find('li:first');

var $moving = $('<li />',{
className : 'move',
top : $selected[0].offsetTop + 'px',
width : $selected[0].offsetWidth + 'px'
});

$('#slidingMenuDesc > div').each(function(i){
var $this = $(this);
$this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
});

$menu.bind('mouseleave',function(){
moveTo($selected,400);
})
.append($moving)
.find('li')
.not('.move')
.bind('mouseenter',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide in the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
//move the absolute div to this item
moveTo($this,400);
})
.bind('mouseleave',function(){
var $this = $(this);
var offsetLeft = $this.offset().left - 20;
//slide out the description
$('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
});;

function moveTo($elem,speed){
$moving.stop(true).animate({
top : $elem[0].offsetTop + 'px',
width : $elem[0].offsetWidth + 'px'
}, speed, 'easeOutExpo');
}
}) ;
});
</script>
<style>
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#aaa;
text-decoration:underline;
}
body {
background-image: url('http://fc01.deviantart.net/fs9/i/2006/053/d/e/lift_me_up_wallpaper_by_PlasmaX7.jpg') !important;
background-repeat: no-repeat;
}
</style>
</head>
<body>

<div>
<span class="reference">
RCBR 2012 | Editado pela <a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/forum]http://revolutioncheatsbr.forumeiros.com/forum[/url]" target="_Blank" alt="Web Designer Bryaan">Equipe RCBR</a> | Hospedado por <a href="[url=view-source:http://www.forumeiros.com/]http://www.forumeiros.com[/url]" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>

<div id="slidingMenuDesc" class="slidingMenuDesc">

<div><span>Portal</span></div>
<div><span>Regras</span></div>
<div><span>Eventos</span></div>
<div><span>Fale conosco</span></div>
<div><span>Apresente-se</span></div>
<div><span>Login</span></div>
</div>


<ul id="slidingMenu" class="slidingMenu">
<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/forum]/forum[/url]">Forum</a></li>
<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/portal]/portal[/url]" title="">Portal</a></li>
<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/t313-regras-do-forum]/t313-regras-do-forum[/url]" title="">Regras</a></li>
<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/f2-eventos]/f2-eventos[/url]" title="">Eventos</a></li>
<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/contact]http://revolutioncheatsbr.forumeiros.com/contact[/url]" title="">Suporte</a></li>
<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/f9-apresente-se]/f9-apresente-se[/url]" title="">Apresente-se</a></li>

<li><a href="[url=view-source:http://revolutioncheatsbr.forumeiros.com/login]/login[/url]" title="">Login</a></li>

</ul>

</body>
</html>

Valide.


Seta Não esquece de Marcar como Pagina Inicial.
Seta Na opção "Você deseja utilizar o início e o final da página do seu fórum ?
" Marque não.
Seta Para auxilia-lo mais ainda em sua questão queira checar:
<a href="http://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada">[FAQ] Criar Pagina HTML</a>

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Pagina inicial

Mensagem por Nola em 25/06/13, 06:24 pm

Crazy, aqui está o meu. Eu gostaria que a imagem de fundo preenchesse automaticamente a tela, em monitores com resolução diferente da imagem ela fica cortada.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Ultimato</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i40.servimg.com/u/f40/16/20/29/96/icon10.png" />
          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                                                    ///-->
   
<!--/                                                                                                ///-->
   
<!--/                    Portal Versão 1.0                                          ///-->

<!--/                    Criado por Nola                                  ///-->

<!--/                                                                                              ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-1']);
  _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>
   
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>

      <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
      <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
           
              var $selected  = $menu.find('li:first');
           
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
           
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
           
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
           
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script>
      <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://i83.servimg.com/u/f83/12/01/36/25/tf10.jpg') !important;
    background-repeat: repeat;
    }
      </style>
  </head>
  <body>
     
        <div>
                <span class="reference">
                    Ultimato <a href="http://www.ultimato.forumeiros.com" target="_Blank" alt="Editado por">Nola</a>  | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
   
      <div id="slidingMenuDesc" class="slidingMenuDesc">
            <div><span>Entrar no Forum </span></div>
            <div><span>Loga ae cotoco</span></div>
            <div><span>Criar nova conta</span></div>
            <div><span>Regras da Guild</span></div>
            <div><span>Chat</span></div>
            <div><span>Avaliados</span></div>
            <div><span>Recrutamento</span></div>
          </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/forum">Cabal</a></li>
            <li><a href="/forum">Forum</a></li>
            <li><a href="/login" title="">Login</a></li>
            <li><a href="/register" title="">Registre-se</a></li>
            <li><a href="/f2-regras-gerais-forum" title="">Regras</a></li>
            <li><a href="/chatbox" title="">Chat</a></li>
            <li><a href="/f20-votacao-de-avaliacao" title="">Avaliados</a></li>
            <li><a href="/f19-votacao-de-recrutamento" title="">Recrutamento</a></li>

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

Nola
Nível 6

Masculino
Inscrito dia : 21/09/2012
Mensagens : 63
Pontos Ativos : 97

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

Resolvido Re: Pagina inicial

Mensagem por MateusA em 25/06/13, 06:30 pm

Olá!

Querido, cada um vê o fórum da maneira que quiser, ou seja, cada um pode ajustar a sua resolução ao que desejar, não podemos aplicar um padrão para todos.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Pagina inicial

Mensagem por Nola em 25/06/13, 06:32 pm

Valeu. Deu tudo certo ^^
avatar

Nola
Nível 6

Masculino
Inscrito dia : 21/09/2012
Mensagens : 63
Pontos Ativos : 97

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

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


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