Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Página inicial

5 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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

Tópico resolvido Página inicial

Mensagem por HLAM18 30.08.13 5:04

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 31.08.13 2:03, editado 1 vez(es)
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por Konai 30.08.13 5:18

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
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 5:18

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

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por Konai 30.08.13 5:32

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.
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 5:40

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 ?
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por Konai 30.08.13 6:24

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
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 6:52

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
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por Konai 30.08.13 16:59

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
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 17:08

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.
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por ™David™ 30.08.13 17:14

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>
™David™

™David™
*****

Membro desde : 13/01/2013
Mensagens : 431
Pontos : 633

http://cheatsgo.forum-pro.net/ https://facebook.com/DavidGabrielOficial http://twitter.com/DavidAlmeidaOn

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 17:19

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

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por goodbye 30.08.13 17:22

Olá!

Diga quais são os links e os respectivos títulos e descrições que montamos o código para você.

Até mais.
avatar

goodbye
Hiper Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 17:26

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.
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por goodbye 30.08.13 17:30

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.
avatar

goodbye
Hiper Membro

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

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 17:34

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

Desculpe o incómodo :\
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por Konai 30.08.13 18:01

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
Konai

Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 30.08.13 18:04

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

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por MateusA 30.08.13 23:44

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 31.08.13 1:33

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.
HLAM18

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por MateusA 31.08.13 1:54

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Página inicial

Mensagem por HLAM18 31.08.13 2:03

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

HLAM18
**

Membro desde : 27/06/2011
Mensagens : 59
Pontos : 92

http://belomundo.omeuforum.net/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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