Página inicial

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

Resolvido Página inicial

Mensagem por HLAM18 em 30/08/13, 01:04 am

Qual é minha questão:
Bem eu estava a ver alguns fóruns que estão aqui publicados e depareime com a página que este fórum tem. Fiquei apaixonado mesmo adorava saber se alguém sabe o código da página. Eu acho que já tinha visto noutro fórum e até iria peguntar se alguem sabia o código para colocar no meu mas não liguei mas eu adoro este tipo de página.

E a questão é mesmo se alguém me consegue dizer qual é o código.

Obrigado

Fórum em questão: http://makerforum.forumeiros.com/

Endereço do meu fórum:
http://prognostico.clubme.net

Versão do fórum:
INVISION


Última edição por HLAM18 em 30/08/13, 10:03 pm, editado 1 vez(es)
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por Gaaratsu em 30/08/13, 01:18 am

Saudações!

O código é este:
Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Maker Games - Para ser feliz tem que ser brincando</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.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 MateusV.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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://i.imgur.com/mjM6FfP.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    ©️ Copyright 2013 | Desenvolvido por <strong>sheeft</strong>  & <strong>Gmtp</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

        <div><span>Entre nesse mundo espantoso da internet e faca amizades e muito mais</span></div>
      <div><span>Entre nesse maravilhoso mundo sobre games</span></div>
      <div><span>Antes de participar nessa aventura leia nossas</span></div>
      <div><span>Conheca nossa Staff que lhe vai ajudar durante essa aventura</span></div>
      <div><span>Caso tenha duvida de algo nao exite em perguntar na</span></div>
      <div><span>Aprenda ou ensine sobre qualquer assunto</span></div>
      <div><span>Espaco para discussao e postagem de noticias em geral</span></div>
      <div><span>Acabou de chegar? Faca sua apresentacao aqui</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal">Portal</a></li>
        <li><a href="/index.htm" title="">Forum</a></li>
        <li><a href="/login" title="">Login</a></li>
        <li><a href="/t1234-" title="">Regras</a></li>
        <li><a href="/t1639-" title="">Equipe</a></li>
        <li><a href="/f3-" title="">Area do membro</a>
        <li><a href="/f194-" title="">Tutoriais</a>
        <li><a href="/f62-" title="">Noticias</a>
        <li><a href="/f4-" title="">Apresentacoes</a>

</li>
      </ul>

  </body>
</html>
Todavia, queira checar ambas FAQ:
Seta [FAQ] Criar uma página inicial HTML personalizada
Seta [FAQ] Configurar a página inicial do fórum

Atenciosamente,
knorr. Piscada
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

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

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 01:18 am

Obrigado mas como mudo os links a imagem de fundo e essas coisas ?
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por Gaaratsu em 30/08/13, 01:32 am

Saudações!

Para tais modificações, o senhor deve utilizar o CTRL + F e procurar pelos textos e links.

Exemplo: Ao abrir o CTRL + F, pesquise por "Texto1" sem as aspas, ao encontra-lo, modifique ele e os demais para o que eu desejar. Compreende-me?

Aqui está o código da página HTML editável(substitua pelo o código anterior):
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
          <title>Maker Games - Para ser feliz tem que ser brincando</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.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 MateusV.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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://i.imgur.com/mjM6FfP.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
   </head>
   <body>
        
        <div>
                <span class="reference">
                    ©️ Copyright 2013 | Desenvolvido por <strong>MateusV.</strong> e editado por <strong>knorr</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
      
      <div id="slidingMenuDesc" class="slidingMenuDesc">

        <div><span>Texto1</span></div>
       <div><span>Texto2</span></div>
       <div><span>Texto3</span></div>
       <div><span>Texto4</span></div>
       <div><span>Texto5</span></div>
       <div><span>Texto6</span></div>
       <div><span>Texto7</span></div>
       <div><span>Texto8</span></div>
      </div>

  
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="link">LinkTexto1</a></li>
        <li><a href="link" title="">LinkTexto2</a></li>
        <li><a href="link" title="">LinkTexto3</a></li>
        <li><a href="link" title="">LinkTexto4</a></li>
        <li><a href="link" title="">LinkTexto5</a></li>
        <li><a href="link" title="">LinkTexto6</a>
        <li><a href="link" title="">LinkTexto7</a>
        <li><a href="link" title="">LinkTexto8</a>
        <li><a href="link" title="">LinkTexto9</a>

</li>
      </ul>

   </body>
</html>
Seta Após editar, basta salvar e visualizar o resultado!

Atenciosamente,
knorr.
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

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

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 01:40 am

Obrigado ;D Mas agora tenho outra duvida em vez daquelas barras azuis queria apenas ao passar com o rato em cima do link fosse como um botão verde. Dá para fazer isso ?
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por Gaaratsu em 30/08/13, 02:24 am

Saudações novamente!

Para ter tal efeito, utilize este código:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Maker Games - Para ser feliz tem que ser brincando</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.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 MateusV.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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://i.imgur.com/mjM6FfP.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    ©️ Copyright 2013 | Desenvolvido por <strong>MateusV.</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

        <div><span>Entre nesse mundo espantoso da internet e faca amizades e muito mais</span></div>
      <div><span>Entre nesse maravilhoso mundo sobre games</span></div>
      <div><span>Antes de participar nessa aventura leia nossas</span></div>
      <div><span>Conheca nossa Staff que lhe vai ajudar durante essa aventura</span></div>
      <div><span>Caso tenha duvida de algo nao exite em perguntar na</span></div>
      <div><span>Aprenda ou ensine sobre qualquer assunto</span></div>
      <div><span>Espaco para discussao e postagem de noticias em geral</span></div>
      <div><span>Acabou de chegar? Faca sua apresentacao aqui</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal">Portal</a></li>
        <li><a href="/index.htm" title="">Forum</a></li>
        <li><a href="/login" title="">Login</a></li>
        <li><a href="/t1234-" title="">Regras</a></li>
        <li><a href="/t1639-" title="">Equipe</a></li>
        <li><a href="/f3-" title="">Area do membro</a>
        <li><a href="/f194-" title="">Tutoriais</a>
        <li><a href="/f62-" title="">Noticias</a>
        <li><a href="/f4-" title="">Apresentacoes</a>

</li>
      </ul>

  </body>
</html>
Seta Edite conforme lhe ensinei e salve após concluir tais edições!

Todavia, envie-me o código editado pelo senhor.

Atenciosamente,
knorr. Piscada
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

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

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 02:52 am

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
          <head>
                  <title>Prognóstico - O futebol começa aqui!</title>
                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="shortcut icon" type="image/x-icon" href="" />
                  <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 MateusV.      ///-->

        <!--/                                                                            ///-->

        <!--////////////////////////////////////////////////////////////////////////////////-->
              <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://i.imgur.com/wo5lAOX.png') !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>Entra aqui!</span></div>
              <div><span>Junta-ta a comunidade!</span></div>
              <div><span>Apresenta-te ao mundo!</span></div>
              <div><span>Regras</span></div>           
              </div>

         
              <ul id="slidingMenu" class="slidingMenu">
                 
                <li><a href="/login">Entrar</a></li>
                <li><a href="/register" title="">Registar</a></li>
                <li><a href="/f2-apresentacoes" title="">Apresenta-te</a></li>
                <li><a href="/t1-regras-do-prognostico" title="">Regras</a></li>
               
               

        </li>
              </ul>

          </body>
        </html>
Ai está o código Feliz
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por Gaaratsu em 30/08/13, 12:59 pm

Saudações!

O senhor modificou algumas coisas que não deveriam ser modificadas e desativou o efeito. Peço encarecidamente que utilize o código proposto em minha mensagem anterior e edite conforme desejado!

Atenciosamente. Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

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

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 01:08 pm

Mas eu não modifiquei nada apenas retirei alguns pontos que não me interessavam e já comparei um com o outro não sei o que poderá ter sido. :\ Eu por exemplo não quero 9 links apenas quero 4 links.
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por ™David™ em 30/08/13, 01:14 pm

Olá Tente Este :
Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Maker Games - Para ser feliz tem que ser brincando</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.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 MateusV.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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://i.imgur.com/mjM6FfP.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    © Copyright 2013 | Desenvolvido por <strong>sheeft</strong>  & <strong>Gmtp</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

        <div><span>Entre nesse mundo espantoso da internet e faca amizades e muito mais</span></div>
      <div><span>Entre nesse maravilhoso mundo sobre games</span></div>
      <div><span>Antes de participar nessa aventura leia nossas</span></div>
      <div><span>Conheca nossa Staff que lhe vai ajudar durante essa aventura</span></div>
      <div><span>Caso tenha duvida de algo nao exite em perguntar na</span></div>
      <div><span>Aprenda ou ensine sobre qualquer assunto</span></div>
      <div><span>Espaco para discussao e postagem de noticias em geral</span></div>
      <div><span>Acabou de chegar? Faca sua apresentacao aqui</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal">Portal</a></li>
        <li><a href="/index.htm" title="">Forum</a></li>
        <li><a href="/login" title="">Login</a></li>
        <li><a href="/t1234-" title="">Regras</a></li>
        <li><a href="/t1639-" title="">Equipe</a></li>
        <li><a href="/f3-" title="">Area do membro</a>
        <li><a href="/f194-" title="">Tutoriais</a>
        <li><a href="/f62-" title="">Noticias</a>
        <li><a href="/f4-" title="">Apresentacoes</a>

</li>
      </ul>

  </body>
</html>
avatar

™David™
Usuário avançado

Masculino
Inscrito dia : 13/01/2013
Mensagens : 426
Pontos Ativos : 624

Ver perfil do usuário http://cheatsgo.forum-pro.net/ http://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 01:19 pm

Obrigado na mesma mas o código que tenho dá o problema e o efeito não aparece e não sei porquê.
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por North em 30/08/13, 01:22 pm

Olá!

Diga quais são os links e os respectivos títulos e descrições que montamos 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

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 01:26 pm

Esses são os links:

Código:
<li><a href="/login">Entrar</a></li>
               <li><a href="/register" title="">Registar</a></li>
               <li><a href="/f2-apresentacoes" title="">Apresenta-te</a></li>
               <li><a href="/t1-regras-do-prognostico" title="">Regras</a></li>

Esses são as descrições:

<div><span>Entra aqui!</span></div>
              <div><span>Junta-ta a comunidade!</span></div>
              <div><span>Apresenta-te ao mundo!</span></div>
              <div><span>Le as regras antes de entrar!</span></div>            
             </div>

PS: Um dos problemas é não dar para colocar acentos mas de resto está bom.

#Esta mensagem foi editada por BrunoH., pelo motivo de estava bulgando o tópico.
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por North em 30/08/13, 01:30 pm

Aqui está:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Título do Fórum</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.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 MateusV.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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://i.imgur.com/mjM6FfP.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    ©️ Copyright 2013 | Desenvolvido por <strong>Harker</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

        <div><span>Junta-ta a comunidade!</span></div>
      <div><span>Apresenta-te ao mundo!</span></div>
      <div><span>Le as regras antes de entrar!</span></div>
      </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/login">Entrar</a></li>
        <li><a href="/register" title="">Registrar</a></li>
        <li><a href="/f2-apresentacoes" title="">Apresenta-te</a></li>
        <li><a href="t1-regras-do-prognostico" title="">Regras</a></li>

</li>
      </ul>

  </body>
</html>
Seta Procure e altere "Título do Fórum", pelo título do seu fórum.

Atenciosamente, Harker.


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: Página inicial

Mensagem por HLAM18 em 30/08/13, 01:34 pm

Heheheh já dá Feliz. Agora a minha principal dúvida é como trocar a cor azul =X?

Desculpe o incómodo :\
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por Gaaratsu em 30/08/13, 02:01 pm

@HLAM18 escreveu:Heheheh já dá Feliz. Agora a minha principal dúvida é como trocar a cor azul =X?

Desculpe o incómodo :\
Saudações!

Creio que não seja possível modificar a cor, já que o mesmo foi trabalhado num código JavaScript desenvolvido pelo usuário e ex staffer MateusV.

Atenciosamente. Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6008
Pontos Ativos : 7506

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

Resolvido Re: Página inicial

Mensagem por HLAM18 em 30/08/13, 02:04 pm

eish que seca Triste oh ok tudo bem Triste fica assim então
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por MateusA em 30/08/13, 07:44 pm

Olá!

Tudo e possível, basta ter conhecimento.
Veja, deixei entre as cores 'verde e azul', poderia informar qual azul deseja modificar?
Código:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
          <head>
                  <title>Título do Fórum</title>
                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.png" />
                  <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
<style>.slidingMenu li.move {
   width: 9px;
   height: 68px;
   right:0px;
   padding-right:10px;
   margin-top:2px;
   z-index: 8;
   position: absolute;   
   background: #2183c4;   
   background:
      -webkit-gradient(
         linear,
         left top,
         left bottom,
         from(green),
         to(darkblue)
      );   
   background:
      -moz-linear-gradient(
         top,
         green,
         blue
      );   
   -moz-border-radius: 8px 0px 0px 8px; 
   -webkit-border-top-left-radius: 8px;       
   -webkit-border-bottom-left-radius: 8px;
   border-top-left-radius: 8px; 
   border-bottom-left-radius: 8px;       
   -moz-box-shadow:1px 1px 5px red;
   -webkit-box-shadow:1px 1px 5px red;
   box-shadow:1px 1px 5px red;   
   }</style>
            <script type="text/css">

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

        <!--/                                                                            ///-->

        <!--/                                                                              ///-->

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

        <!--/                    Criado por MateusV.      ///-->

        <!--/                                                                            ///-->

        <!--////////////////////////////////////////////////////////////////////////////////-->
              <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://i.imgur.com/mjM6FfP.jpg') !important;
            background-repeat: no-repeat;
            }
              </style>
          </head>
          <body>
               
                <div>
                        <span class="reference">
                            © Copyright 2013 | Desenvolvido por <strong>Harker</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                        </span>
              </div>
           
              <div id="slidingMenuDesc" class="slidingMenuDesc">

                <div><span>Junta-ta a comunidade!</span></div>
              <div><span>Apresenta-te ao mundo!</span></div>
              <div><span>Le as regras antes de entrar!</span></div>
              </div>

         
              <ul id="slidingMenu" class="slidingMenu">
                    <li><a href="/login">Entrar</a></li>
                <li><a href="/register" title="">Registrar</a></li>
                <li><a href="/f2-apresentacoes" title="">Apresenta-te</a></li>
                <li><a href="t1-regras-do-prognostico" title="">Regras</a></li>

        </li>
              </ul>

          </body>
        </html>
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: Página inicial

Mensagem por HLAM18 em 30/08/13, 09:33 pm

Queria mudar o azul da barra  que aparece ao movermos o rato em cima dos links queria para um verde que combinasse com o fórum tipo esta cor: #14935F. E o que mudou entre azul e verde penso que fica mal assim :S é para deixar como está apenas mudar para o mesmo verde que indiquei. Imagine quem em vez de ser o azul que aparece é verde. Se me conseguir fazerisso adorava mesmo e agradecia bastante.
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

Resolvido Re: Página inicial

Mensagem por MateusA em 30/08/13, 09:54 pm

Olá!

Troque por este:
Código:
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                <html>
                  <head>
                          <title>Título do Fórum</title>
                          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
                <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/TmDFUd0.png" />
                          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
        <style>
.slidingMenuDesc div{
  background: #2183c4;   
          background:
              -webkit-gradient(
                linear,
                left top,
                left bottom,
                from(#14935F),
                to(#14935F)
              );   
          background:
              -moz-linear-gradient(
                top,
                #14935F,
                #14935F
              );   
          -moz-border-radius: 8px 0px 0px 8px; 
          -webkit-border-top-left-radius: 8px;       
          -webkit-border-bottom-left-radius: 8px;
          border-top-left-radius: 8px; 
          border-bottom-left-radius: 8px;       
          -moz-box-shadow:1px 1px 5px green;
          -webkit-box-shadow:1px 1px 5px green;
          box-shadow:1px 1px 5px green; 
   height: 68px;
   padding-right:5px;
   left:-5px;
   width:0px;
   margin-top:2px;
   overflow:hidden;
   position:absolute;
   
   -moz-border-radius: 0px 8px 8px 0px; 
   -webkit-border-top-right-radius: 8px;       
   -webkit-border-bottom-right-radius: 8px;
   border-top-right-radius: 8px; 
   border-bottom-right-radius: 8px;
}

.slidingMenu li.move {
          width: 9px;
          height: 68px;
          right:0px;
          padding-right:10px;
          margin-top:2px;
          z-index: 8;
          position: absolute;   
          background: #2183c4;   
          background:
              -webkit-gradient(
                linear,
                left top,
                left bottom,
                from(#14935F),
                to(#14935F)
              );   
          background:
              -moz-linear-gradient(
                top,
                #14935F,
                #14935F
              );   
          -moz-border-radius: 8px 0px 0px 8px; 
          -webkit-border-top-left-radius: 8px;       
          -webkit-border-bottom-left-radius: 8px;
          border-top-left-radius: 8px; 
          border-bottom-left-radius: 8px;       
          -moz-box-shadow:1px 1px 5px green;
          -webkit-box-shadow:1px 1px 5px green;
          box-shadow:1px 1px 5px green; 
          }</style>
                    <script type="text/css">

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

                <!--/                                                                            ///-->

                <!--/                                                                              ///-->

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

                <!--/                    Criado por MateusV.      ///-->

                <!--/                                                                            ///-->

                <!--////////////////////////////////////////////////////////////////////////////////-->
                      <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://i.imgur.com/mjM6FfP.jpg') !important;
                    background-repeat: no-repeat;
                    }
                      </style>
                  </head>
                  <body>
                       
                        <div>
                                <span class="reference">
                                    © Copyright 2013 | Desenvolvido por <strong>Harker</strong> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                                </span>
                      </div>
                   
                      <div id="slidingMenuDesc" class="slidingMenuDesc">

                        <div><span>Junta-ta a comunidade!</span></div>
                      <div><span>Apresenta-te ao mundo!</span></div>
                      <div><span>Le as regras antes de entrar!</span></div>
                      </div>

                 
                      <ul id="slidingMenu" class="slidingMenu">
                            <li><a href="/login">Entrar</a></li>
                        <li><a href="/register" title="">Registrar</a></li>
                        <li><a href="/f2-apresentacoes" title="">Apresenta-te</a></li>
                        <li><a href="t1-regras-do-prognostico" title="">Regras</a></li>

                </li>
                      </ul>

                  </body>
                </html>
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: Página inicial

Mensagem por HLAM18 em 30/08/13, 10:03 pm

É isso mesmo muitoooooo obrigado. Desta vez ajudaste-me Muito feliz
avatar

HLAM18
Nível 5

Masculino
Inscrito dia : 27/06/2011
Mensagens : 59
Pontos Ativos : 92

Ver perfil do usuário http://belomundo.omeuforum.net/

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