Cmo posso por meu forum assim?

3 participantes

Ir para baixo

Tópico resolvido Cmo posso por meu forum assim?

Mensagem por Sonic the Werehog 09.10.12 20:35

Qual é minha questão:
Eu visitei um forum e estava assim:
Cmo posso por meu forum assim? 33m7ki9
Como posso por uma intro assim?
O forum: http://tecnocheats.forumeiros.com/
Podem me ajudar?

Links e imagens do meu problema:
https://2img.net/h/oi49.tinypic.com/33m7ki9.png

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

Versão do meu fórum:
PHPBB3


Última edição por Sonic the Werehog em 09.10.12 21:20, editado 1 vez(es)
Sonic the Werehog
Sonic the Werehog
***

Membro desde : 30/09/2012
Mensagens : 140
Pontos : 228

http://tecnogames.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cmo posso por meu forum assim?

Mensagem por Sennior 09.10.12 20:38

Olá,

Crie uma nova pagina HTML com o código abaixo:

Código:
<html class="cufon-active cufon-ready"><head>
          <title>『Tecno Cheats』</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">
       
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                                                    ///-->
     
<!--/                                                                                                ///-->
     
<!--/                    TecnoCheats V1.0                                          ///-->

<!--/                    Criado por Bruno Tavares  e editado por xSTYL3x                                  ///-->

<!--/                                                                                              ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style>

      <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/JEKnz.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference"><cufon class="cufon cufon-canvas" alt="DIXForum " style="width: 58px; height: 14px; "><canvas width="67" height="15" style="width: 67px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>DIXForum </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Copyright " style="width: 56px; height: 14px; "><canvas width="64" height="15" style="width: 64px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>Copyright </cufontext></cufon><cufon class="cufon cufon-canvas" alt="2012 " style="width: 28px; height: 14px; "><canvas width="37" height="15" style="width: 37px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>2012 </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 7px; height: 14px; "><canvas width="16" height="15" style="width: 16px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Editado " style="width: 45px; height: 14px; "><canvas width="53" height="15" style="width: 53px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>Editado </cufontext></cufon><cufon class="cufon cufon-canvas" alt="por " style="width: 22px; height: 14px; "><canvas width="30" height="15" style="width: 30px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>por </cufontext></cufon><a href="http://tecnocheats.forumeiros.com/" target="_Blank" alt="Web Designer xSTYL3x"><v><b><cufon class="cufon cufon-canvas" alt="xSTYL3x" style="width: 49px; height: 14px; "><canvas width="55" height="15" style="width: 55px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>xSTYL3x</cufontext></cufon></b></v></a><cufon class="cufon cufon-canvas" alt=" " style="width: 4px; height: 14px; "><canvas width="13" height="15" style="width: 13px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext> </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 7px; height: 14px; "><canvas width="16" height="15" style="width: 16px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Hospedado " style="width: 67px; height: 14px; "><canvas width="76" height="15" style="width: 76px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>Hospedado </cufontext></cufon><cufon class="cufon cufon-canvas" alt="por " style="width: 22px; height: 14px; "><canvas width="30" height="15" style="width: 30px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>por </cufontext></cufon><a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros"><cufon class="cufon cufon-canvas" alt="Forumeiros." style="width: 65px; height: 14px; "><canvas width="74" height="15" style="width: 74px; height: 15px; top: 0px; left: -1px; "></canvas><cufontext>Forumeiros.</cufontext></cufon></a></span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

            <div style="top: 66px; "><span><cufon class="cufon cufon-canvas" alt="Logue-se " style="width: 131px; height: 36px; "><canvas width="154" height="37" style="width: 154px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Logue-se </cufontext></cufon><cufon class="cufon cufon-canvas" alt="no " style="width: 41px; height: 36px; "><canvas width="64" height="37" style="width: 64px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>no </cufontext></cufon><cufon class="cufon cufon-canvas" alt="forum" style="width: 78px; height: 36px; "><canvas width="85" height="37" style="width: 85px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>forum</cufontext></cufon></span></div>
            <div style="top: 132px; "><span><cufon class="cufon cufon-canvas" alt="Crie " style="width: 64px; height: 36px; "><canvas width="86" height="37" style="width: 86px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Crie </cufontext></cufon><cufon class="cufon cufon-canvas" alt="uma " style="width: 65px; height: 36px; "><canvas width="88" height="37" style="width: 88px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>uma </cufontext></cufon><cufon class="cufon cufon-canvas" alt="conta " style="width: 85px; height: 36px; "><canvas width="107" height="37" style="width: 107px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>conta </cufontext></cufon><cufon class="cufon cufon-canvas" alt="no " style="width: 41px; height: 36px; "><canvas width="64" height="37" style="width: 64px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>no </cufontext></cufon><cufon class="cufon cufon-canvas" alt="forum" style="width: 78px; height: 36px; "><canvas width="85" height="37" style="width: 85px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>forum</cufontext></cufon></span></div>
            <div style="top: 198px; "><span><cufon class="cufon cufon-canvas" alt="Pedidos " style="width: 116px; height: 36px; "><canvas width="139" height="37" style="width: 139px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Pedidos </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Galerias " style="width: 122px; height: 36px; "><canvas width="144" height="37" style="width: 144px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Galerias </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Tutoriais " style="width: 123px; height: 36px; "><canvas width="145" height="37" style="width: 145px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Tutoriais </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Recursos" style="width: 128px; height: 36px; "><canvas width="144" height="37" style="width: 144px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Recursos</cufontext></cufon></span></div>
            <div style="top: 264px; "><span><cufon class="cufon cufon-canvas" alt="Cheats " style="width: 104px; height: 36px; "><canvas width="127" height="37" style="width: 127px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Cheats </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Downloads " style="width: 159px; height: 36px; "><canvas width="182" height="37" style="width: 182px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Downloads </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Tutoriais " style="width: 123px; height: 36px; "><canvas width="145" height="37" style="width: 145px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Tutoriais </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Dicas" style="width: 76px; height: 36px; "><canvas width="92" height="37" style="width: 92px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Dicas</cufontext></cufon></span></div>
            <div style="top: 330px; "><span><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve! " style="width: 94px; height: 36px; "><canvas width="116" height="37" style="width: 116px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve! </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve! " style="width: 94px; height: 36px; "><canvas width="116" height="37" style="width: 116px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve! </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve!" style="width: 86px; height: 36px; "><canvas width="108" height="37" style="width: 108px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve!</cufontext></cufon></span></div>
            <div style="top: 396px; "><span><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve! " style="width: 94px; height: 36px; "><canvas width="116" height="37" style="width: 116px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve! </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve! " style="width: 94px; height: 36px; "><canvas width="116" height="37" style="width: 116px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve! </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve! " style="width: 94px; height: 36px; "><canvas width="116" height="37" style="width: 116px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve! </cufontext></cufon><cufon class="cufon cufon-canvas" alt="| " style="width: 16px; height: 36px; "><canvas width="38" height="37" style="width: 38px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>| </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Em " style="width: 51px; height: 36px; "><canvas width="74" height="37" style="width: 74px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve!" style="width: 86px; height: 36px; "><canvas width="108" height="37" style="width: 108px; height: 37px; top: 1px; left: -2px; "></canvas><cufontext>Breve!</cufontext></cufon></span></div>
          </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/forum"><cufon class="cufon cufon-canvas" alt="Forum" style="width: 189px; height: 66px; "><canvas width="202" height="68" style="width: 202px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Forum</cufontext></cufon></a></li>
            <li><a href="/login" title=""><cufon class="cufon cufon-canvas" alt="Login" style="width: 160px; height: 66px; "><canvas width="179" height="68" style="width: 179px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Login</cufontext></cufon></a></li>
            <li><a href="/register" title=""><cufon class="cufon cufon-canvas" alt="Registre-se" style="width: 356px; height: 66px; "><canvas width="377" height="68" style="width: 377px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Registre-se</cufontext></cufon></a></li>
            <li><a href="/c17-design-zone" title=""><cufon class="cufon cufon-canvas" alt="Design " style="width: 212px; height: 66px; "><canvas width="254" height="68" style="width: 254px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Design </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Zone" style="width: 145px; height: 66px; "><canvas width="167" height="68" style="width: 167px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Zone</cufontext></cufon></a></li>
            <li><a href="/c16-game-zone" title=""><cufon class="cufon cufon-canvas" alt="Game " style="width: 175px; height: 66px; "><canvas width="216" height="68" style="width: 216px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Game </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Zone" style="width: 145px; height: 66px; "><canvas width="167" height="68" style="width: 167px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Zone</cufontext></cufon></a></li>
            <li><a href="#" title=""><cufon class="cufon cufon-canvas" alt="Em " style="width: 93px; height: 66px; "><canvas width="135" height="68" style="width: 135px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve!" style="width: 197px; height: 66px; "><canvas width="239" height="68" style="width: 239px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Breve!</cufontext></cufon></a></li>

            <li><a href="#" title=""><cufon class="cufon cufon-canvas" alt="Em " style="width: 93px; height: 66px; "><canvas width="135" height="68" style="width: 135px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Em </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Breve!" style="width: 197px; height: 66px; "><canvas width="239" height="68" style="width: 239px; height: 68px; top: 1px; left: -3px; "></canvas><cufontext>Breve!</cufontext></cufon></a></li>

      <li class="move" top="0px" style="width: 204px; overflow: hidden; top: 0px; display: block; "></li></ul>

 
</body></html>

Usar como pagina inicial: SIM

Graciosamente,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Cmo posso por meu forum assim?

Mensagem por StyLe® 09.10.12 20:41

Aqui estar
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>『Tecno Cheats』</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">
       
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                                                    ///-->
     
<!--/                                                                                                ///-->
     
<!--/                    TecnoCheats V1.0                                          ///-->

<!--/                    Criado por Bruno Tavares  e editado por xSTYL3x                                  ///-->

<!--/                                                                                              ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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/JEKnz.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
       
        <div>
                <span class="reference">
                    DIXForum Copyright 2012 | Editado por <a href="http://tecnocheats.forumeiros.com/" target="_Blank" alt="Web Designer xSTYL3x"><v><b>xSTYL3x</v></b></a>  | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
                </span>
      </div>
     
      <div id="slidingMenuDesc" class="slidingMenuDesc">

            <div><span>Logue-se no forum</span></div>
            <div><span>Crie uma conta no forum</span></div>
            <div><span>Pedidos | Galerias | Tutoriais | Recursos</span></div>
            <div><span>Cheats | Downloads | Tutoriais | Dicas</span></div>
            <div><span>Em Breve! | Em Breve! | Em Breve!</span></div>
            <div><span>Em Breve! | Em Breve! | Em Breve! | Em Breve!</span></div>
          </div>

 
      <ul id="slidingMenu" class="slidingMenu">
            <li><a href="/forum">Forum</a></li>
            <li><a href="/login" title="">Login</a></li>
            <li><a href="/register" title="">Registre-se</a></li>
            <li><a href="/c17-design-zone" title="">Design Zone</a></li>
            <li><a href="/c16-game-zone" title="">Game Zone</a></li>
            <li><a href="#" title="">Em Breve!</a></li>

            <li><a href="#" title="">Em Breve!</a></li>

      </ul>

  </body>
</html>
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Cmo posso por meu forum assim?

Mensagem por Sonic the Werehog 09.10.12 21:04

É, só tá dando em modo previsualizar e não como intro, já agora, pus tudo sim!
Sonic the Werehog
Sonic the Werehog
***

Membro desde : 30/09/2012
Mensagens : 140
Pontos : 228

http://tecnogames.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cmo posso por meu forum assim?

Mensagem por Sennior 09.10.12 21:07

Olá,

Aceda em: Painel de Controle Seta Visualização Seta Home Page Seta Geral Procure pelo campo "Página inicial do Fórum" marque "Pagina HTML".

Graciosamente,
Mikéé - Ajudeiro.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Cmo posso por meu forum assim?

Mensagem por Sonic the Werehog 09.10.12 21:20

Pronto, eu é que marquei tudo sim, e só devia ter posto sim na intro!
Tópico Resolvido!
Sonic the Werehog
Sonic the Werehog
***

Membro desde : 30/09/2012
Mensagens : 140
Pontos : 228

http://tecnogames.forumeiros.com.pt/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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