Sobre portal personalizado

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

Resolvido Sobre portal personalizado

Mensagem por filipecaetano em 22/07/13, 08:03 pm

Qual é minha questão:
Olá Fórum dos Forúns. Criei a pouco tempo um Fórum para meu servidor de GTA Online. Pesquisando por ai procurando por idéias, encontrei um outro fórum sobre o mesmo tema que o meu (GTA Online), e logo percebi que a entrada era muito personalizada e gostaria de saber se vocês não podem me ajudar com o mesmo código ou parecido com o deles. O fórum foi este aqui: http://lsbr.forumeiros.com/

Se possível gostaria a mesma entrada, (ou até mesmo uma melhor). Como podem ver a imagem abaixo, ao colocar o Mouse sobre algum item, esse tem um sub-item escrito do lado. 



Por favor, teriam como me ajudar? Agradeceria muito mesmo, de coração. Estou a disposição, qualquer coisa podem perguntar que estarei online.

Endereço do meu fórum:
http://brasilplaygalaxy-rpg.forumeiros.com

Versão do fórum:
PHPBB3
avatar

filipecaetano
Nível 2

Masculino
Inscrito dia : 10/01/2012
Mensagens : 8
Pontos Ativos : 16

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

Resolvido Re: Sobre portal personalizado

Mensagem por Diego XD em 22/07/13, 08:37 pm

senhor, é necessário os dos nomes dos links que queres colocar no portal e também os links.

bom más esse é o codigo editado que eu fiz

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Brasil Play Galaxy </title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i78.servimg.com/u/f78/17/68/16/70/botao_10.jpg" />
          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->

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

<!--/                                                      ///-->

<!--/                                                                                              ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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://i78.servimg.com/u/f78/17/68/16/70/banner25.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
     
        <div>
                <span class="reference">
                    Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
   
      <div id="slidingMenuDesc" class="slidingMenuDesc">

            <div><span>Forum</span></div>
            <div><span>Fazer Login</span></div>
            <div><span>Criar uma Conta</span></div>
            <div><span>Regras</span></div>
            <div><span>Tutoriais</span></div>
         
        </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal">Portal</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="/f8-o-regras" title="">Regras</a></li>
          <li><a href="/f18-o-tutoriais" title="">Tutoriais</a></li>
           
      </ul>
<a href="http://www.forumeiros.com" target="_blank"> </a>
  </body>
</html>
avatar

Diego XD
Nível 7

Masculino
Inscrito dia : 19/03/2013
Mensagens : 95
Pontos Ativos : 173

Ver perfil do usuário http://ultrasims.forum.st/ http://www.facebook.com/diegoqueiroz1234

Resolvido Re: Sobre portal personalizado

Mensagem por North em 22/07/13, 08:56 pm

Olá!

Primeiramente terá de ter um básico conhecimento de códigos HTML para que possa editar a página. Basta editar o código cedido acima e instalá-lo no fórum, para isto queira checar a página abaixo:

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

Caso não saiba, nos indique os menus que deseja com seus respectivos endereços, o texto do slide e o background que deseja utilizar na página para que eu monte o código para você.

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

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