Como coloco intro no forum

por Ramon_cabral 01.12.12 17:06

Qual é minha questão:
Bom to querendo colocar uma intro tipo essa aquew nao precisa ser igual apenas quero uma intro para quando entrarem aparecer assim

http://51bpm.forumeiros.com/

Endereço do meu fórum:
http://bra-gamestars.forumeiros.com

Versão do fórum:
PHPBB3

por SplaSh 01.12.12 17:28

Olá!

Acho que quis dizer uma pagina Inicial em HTML.

Aceda à: Painel de Controle > Modulos > HTML & Javascript > Gestão das paginas HTML.

Clique em criar uma nova pagina HTML

E coloque este codigo:

Código:: <html> <head> <title>RMBR</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">        <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://www.wallbest.com/wallpapers/1600x1200/perfect-world-international--rising-tide-www.wallbest.com.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> RMBR 2012 | Editado pela <a href="http://rmbr.forumeiros.com" target="_Blank" alt="Web Designer HENRIQUE">Equipe RMBR</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 ao Portal</span></div> <div><span>Leia as regras do Forum</span></div> <div><span>Baixe o software</span></div> <div><span>Tire Duvidas e tenha Suporte</span></div> <div><span>Tutoriais do forum</span></div> <div><span>Logue-se no forum</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum">Forum</a></li> <li><a href="/portal" title="">Portal</a></li> <li><a href="/t1-regras-do-forum" title="">Regras</a></li> <li><a href="/f33-download" title="">Download</a></li> <li><a href="/f22-duvidas-e-suporte" title="">Suporte</a></li> <li><a href="/f8-tutoriais-e-sistemas-por-eventos" title="">Tutoriais</a></li> <li><a href="/login" title="">Login</a></li> </ul> </body> </html>

Até mais!

por Sennior 01.12.12 18:10

Olá,

Aceda em:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML

Código:: <!DOCTYPE html> <html><head> <title>Naruto Destruction - Início</title><link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/ztkp5.gif" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/gui.css" rel="stylesheet" type="text/css"> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/me.css" rel="stylesheet" type="text/css"> <style type="text/css"> form{padding:0 10px;} #pf label {display:block;padding:10px 0 4px 0;} .b{background: url(http://www.hdwallpapers.in/wallpapers/digital_waves-2560x1600.jpg);} #s {margin-top:10px;} #login .column11.first a b { font-size: 16px; } </style>   <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_005.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/rotate.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_003.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_002.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/style.css" rel="stylesheet" type="text/css"><script src="http://dl.dropbox.com/u/60753415/ola/signin_files/effect.js"></script> <link href="http://dl.dropbox.com/u/60753415/ola/signin_files/colorbox.css" rel="stylesheet" type="text/css"> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/jquery_004.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/app.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/utils.js"></script> <script src="http://dl.dropbox.com/u/60753415/ola/signin_files/pages.js"></script> </head> <body id="login" style="height: 100%;"><iframe src="http://dl.dropbox.com/u/60753415/ola/signin_files/ping.htm" id="refresh" style="position: absolute; top: -2000px"></iframe> <div style="position: relative; height:100%; min-height: 100%;"> <div> <div class="bg1"></div> <div class="bg2"></div> <div style="background-position: -354px 0px;" class="bg3"><img src=""></div> <div class="bg4"></div> <div class="bg5"></div> </div> <div style="height: 100%;"><div style="position: relative;height: 100%;"> <div id="topNav"> <div class="wrap clearfix"> <div class="lfloat"> <a href="/forum" title="" class="lfloat" id="logo"> </a> </div> </div> </div> <div class="wrap" id="page"><div class="page-container"> <div class="page-home ">  <div class="content-main"> <div class="module"> <div class="module-def main-title"> <b>Naruto Destruction</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) ao Naruto Destruction!</b></a><div class="page-intro"><br>Olá,No Naruto Destruction RPG você ira sentir como se estivesse no verdadeiro mundo ninja,com batalhas alucinantes missões de invasões e ate guerras,venha crie sua ficha e começe a ficar forte vença lutadores no dojo e se torne o melhor da sua aldeia.Obrigado pela preferência!</br></div><div class="tour"> <div class="tour-container"> <div class="tour-1"> <b>Você ainda não tem uma conta ?</b> <p><a href="/register">Clique aqui</a> para se registar!<span class="send"><span class="cmd-code"></span><span class="var"></p> </div> </div> <div class="tour-container"> <div class="tour-2"> <b>Esqueceu sua senha?</b> <p>Envie-me uma <a href="/profile?mode=sendpassword">nova senha!</a><span class="send"><span class="cmd-code"></span> <span class="var"></span></span></p> </div> </div> <div class="tour-container last"> <div class="tour-3"> <b>Leia as regras!</b><p>Queira por favor, antes de atuar em nosso fórum <a href="http://rmbr.forumeiros.com/f1-regras">ler as regras</a>.</a><p><span class="send"><span class="cmd-code"></span></span></p> </div> </div> </div> </div> <div class="column11"> <div class="login-form"> <form id="loginForm" method="post" action="/login.forum" autocomplete="off" name="form_login"> <div class="login-header">Digite seu nome de usuário e senha para conectar-se.</div> <div class="line"> <input name="s" value="" type="hidden"> <input name="securitytoken" value="guest" type="hidden"> <input name="do" value="login" type="hidden"> <input name="vb_login_md5password" type="hidden"> <input name="vb_login_md5password_utf" type="hidden"><label for="1"></div> <div class="line"> <input type="hidden" name="ZiV.YrH2ZfS5QC45Z7d6bgH4agN.ZiH." value="c1de3b5961da62f365d55850942946ff"/> <label for="1">Usuário:</label> <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="text"></div> <div class="line"> <label for="1">Senha:</label> <input type="password" tabindex="1" name="password" id="password" size="30" maxlength="40" value="" class="text"> </div> <div class="line"> <input class="radio" type="checkbox" name="autologin" checked="checked"></label> <span class="gensmall">Conexão automática</span> <label><br> <input class="button1" type="submit" name="login" tabindex="6" value="Login" class="button2"> </div> </div> </div> <div class="module-def space"> </div> </div> </div> <div class="clr"></div> </div> </div></div> <p id="back-top"><a href="#top">konekta Brasil<span></span></a></p> </div></div> </div> <a href="http://www.forumeiros.com" target="_blank"></a> </body> </html>

Até mais.

por Jean_Xd 02.12.12 15:46

Aproveitando tal poster , usei o Coder HTML bem certinho do @Profile e não resultou tal efeitos e também seguir todos os passos de como criar uma pagina no inicio do forum em HTML e não conseguir ainda ativar. Ajuda aqui?

Código inserido e editado no meu forum :

Spoiler:

Imagem :

Spoiler:

Atenciosamente Jean zen

por -Naruto 02.12.12 15:49

Olá, Siga os Passos do Miike, e Crie uma Pagina HTML com o Seguinte Codigo:

Código:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>RMBR</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">        <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://www.wallbest.com/wallpapers/1600x1200/perfect-world-international--rising-tide-www.wallbest.com.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> RMBR 2012 | Editado pela <a href="http://rmbr.forumeiros.com" target="_Blank" alt="Web Designer HENRIQUE">Equipe RMBR</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 ao Portal</span></div> <div><span>Leia as regras do Forum</span></div> <div><span>Baixe o software</span></div> <div><span>Tire Duvidas e tenha Suporte</span></div> <div><span>Tutoriais do forum</span></div> <div><span>Logue-se no forum</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum">Forum</a></li> <li><a href="/portal" title="">Portal</a></li> <li><a href="/t1-regras-do-forum" title="">Regras</a></li> <li><a href="/f33-download" title="">Download</a></li> <li><a href="/f22-duvidas-e-suporte" title="">Suporte</a></li> <li><a href="/f8-tutoriais-e-sistemas-por-eventos" title="">Tutoriais</a></li> <li><a href="/login" title="">Login</a></li> </ul> </body> </html>

O Mesmo deve Selecionar "Pagina Inicial".

Apos isso Salve. e entre no seu forum Piscada

por Jean_Xd 02.12.12 15:55

Não entendir Tonto

por Jean_Xd 02.12.12 17:49

Helpe-me... Está tendo um erro agora, quando eu clico em forum não vai para pagina inicial do forum, fica ali mesmo na pagina HTML, só quando eu clico em portal que vai para o portal do forum, mais se eu clicar em inicio no portal, volta para pagina HTML, e tb não ta tendo o efeito de quando colocar o mouse sobre o nome ele fica com aquela barra azul...

HELPE-ME :

Código que estou usando :

Atenciosamente Jean zen

por Jean_Xd 02.12.12 19:38

Alguém poderia ajuda?

por Eliseu_Oliveira 02.12.12 19:48

Olá!, Poderia Mandar Uma print Do Plobrema ?

Prevejo Que a pagina usada esteja configurada errada Tente usar outra

Obrigado.

por Jean_Xd 03.12.12 14:04

O único problema é que na pagina HTML repassada pelo @Profile tem animação nela, quando a gente coloca o mouse sobre os nomes da pagina, acontec euma animação e na minha não acontece isso... O que devo fazer?

Meu código que está sendo usado :

por Jean_Xd 04.12.12 0:08

Alguém , pode me ajuda... ?

por Ace 04.12.12 0:10

Olá,

O código da página é esse:

Código:: <html> <head> <title>RMBR</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://dl.dropbox.com/u/19426320/Swords.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">        <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://www.wallbest.com/wallpapers/1600x1200/perfect-world-international--rising-tide-www.wallbest.com.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> RMBR 2012 | Editado pela <a href="http://rmbr.forumeiros.com" target="_Blank" alt="Web Designer HENRIQUE">Equipe RMBR</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 ao Portal</span></div> <div><span>Leia as regras do Forum</span></div> <div><span>Baixe o software</span></div> <div><span>Tire Duvidas e tenha Suporte</span></div> <div><span>Tutoriais do forum</span></div> <div><span>Logue-se no forum</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum">Forum</a></li> <li><a href="/portal" title="">Portal</a></li> <li><a href="/t1-regras-do-forum" title="">Regras</a></li> <li><a href="/f33-download" title="">Download</a></li> <li><a href="/f22-duvidas-e-suporte" title="">Suporte</a></li> <li><a href="/f8-tutoriais-e-sistemas-por-eventos" title="">Tutoriais</a></li> <li><a href="/login" title="">Login</a></li> </ul> </body> </html>

Me diga os links que desejam ser criados nessa página para que eu possa fazer a edição.

Até Mais! Piscada

por Jean_Xd 04.12.12 1:52

Links :

Spoiler:

Atenciosamente Jean zen

por Jean_Xd 04.12.12 15:34

Alguém vai me ajudar? Tonto

por LucaaS Sizanoski 04.12.12 15:46

Olá Amigo ! , Tente esse código personalizado para você Feliz

Código:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Brasil Game Stars | RPG | SA-MP</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/15/28/41/27/botao10.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">        <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://3.bp.blogspot.com/-cjY-gA3GLcI/UItlS7rDRCI/AAAAAAAAABM/mcbtzP-p4FA/s1600/grand_theft_auto_legends_2012_by_patrickbrown-d53et9c.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> RMBR 2012 | Editado pela <a href="http://rmbr.forumeiros.com" target="_Blank" alt="Web Designer HENRIQUE">Equipe RMBR</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 ao Portal</span></div> <div><span>Leia as regras do Forum</span></div> <div><span>Baixe o software</span></div> <div><span>Tire Duvidas e tenha Suporte</span></div> <div><span>Tutoriais do forum</span></div> <div><span>Logue-se no forum</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum">Forum</a></li> <li><a href="/portal" title="">Portal</a></li> <li><a href="/f23-regras-do-servidor " title="">Regras</a></li> <li><a href="/f22-download" title="">Download</a></li> <li><a href="/login" title="">Login</a></li> <li><a href="/f22-duvidas-e-suporte" title=""></a></li> <li><a href="/f8-tutoriais-e-sistemas-por-eventos" title=""></a></li> </ul> </body> </html>

Até Mais , cordialmente iFasT Café

por BrunoH. 04.12.12 15:51

Olá!
Aqui está:

Código:: <html> <head> <title>RMBR</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/15/28/41/27/botao10.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">        <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://3.bp.blogspot.com/-cjY-gA3GLcI/UItlS7rDRCI/AAAAAAAAABM/mcbtzP-p4FA/s1600/grand_theft_auto_legends_2012_by_patrickbrown-d53et9c.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> RMBR 2012 | Editado pela <a href="http://rmbr.forumeiros.com" target="_Blank" alt="Web Designer HENRIQUE">Equipe RMBR</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a> </span> </div> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span>Regras</span></div> <div><span>Downloads</span></div> <div><span>Tutoriais</span></div> <div><span>Portal</span></div> <div><span>Suporte</span></div> <div><span>Logue-se no forum</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum">Forum</a></li> <li><a href="/f23-regras-do-servidor-e-forum" title="">Regras</a></li> <li><a href="/f22-downloads" title="">Downloads</a></li> <li><a href="/f24-tutoriais" title="">Tutoriais</a></li> <li><a href="/portal" title="">Portal</a></li> <li><a href="/f34-duvidas-e-suporte-em-geral" title="">Suporte</a></li> <li><a href="/login" title="">Login</a></li> </ul> </body> </html>

Até mais!

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

por Jean_Xd 04.12.12 16:41

Vou esperar o ACE , pois ele vai fazer a editação da página que ele disse , a página eu já tenho, mais tem um probleminha nela, aí o Ace vai fazer para mim a editação.

Cardialmente Jean zen

por BrunoH. 04.12.12 16:43

Olá!
O senhor tentou o código da página que lhe enviei? Qual o problema? Poderia me dizer para que eu possa solucionar para o senhor?

Até mais! Piscada

por LucaaS Sizanoski 04.12.12 16:52

Amigo eu utilizei código do ' ace ' ,

Código:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Brasil Game Stars | RPG | SA-MP</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/15/28/41/27/botao10.png" /> <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen"> <script type="text/css">        <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28009881-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script> <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script> <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script> <script> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; } } document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <script type="text/javascript"> $(function() { Cufon.replace('a, span').CSS.ready(function() { var $menu = $("#slidingMenu"); var $selected = $menu.find('li:first'); var $moving = $('<li />',{ className : 'move', top : $selected[0].offsetTop + 'px', width : $selected[0].offsetWidth + 'px' }); $('#slidingMenuDesc > div').each(function(i){ var $this = $(this); $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px'); }); $menu.bind('mouseleave',function(){ moveTo($selected,400); }) .append($moving) .find('li') .not('.move') .bind('mouseenter',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide in the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo'); //move the absolute div to this item moveTo($this,400); }) .bind('mouseleave',function(){ var $this = $(this); var offsetLeft = $this.offset().left - 20; //slide out the description $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo'); });; function moveTo($elem,speed){ $moving.stop(true).animate({ top : $elem[0].offsetTop + 'px', width : $elem[0].offsetWidth + 'px' }, speed, 'easeOutExpo'); } }) ; }); </script> <style> span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } body { background-image: url('http://3.bp.blogspot.com/-cjY-gA3GLcI/UItlS7rDRCI/AAAAAAAAABM/mcbtzP-p4FA/s1600/grand_theft_auto_legends_2012_by_patrickbrown-d53et9c.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"> RMBR 2012 | Editado pela <a href="http://rmbr.forumeiros.com" target="_Blank" alt="Web Designer HENRIQUE">Equipe RMBR</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 ao Portal</span></div> <div><span>Leia as regras do Forum</span></div> <div><span>Baixe o software</span></div> <div><span>Tire Duvidas e tenha Suporte</span></div> <div><span>Tutoriais do forum</span></div> <div><span>Logue-se no forum</span></div> </div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum">Forum</a></li> <li><a href="/portal" title="">Portal</a></li> <li><a href="/f23-regras-do-servidor " title="">Regras</a></li> <li><a href="/f22-download" title="">Download</a></li> <li><a href="/login" title="">Login</a></li> <li><a href="/f22-duvidas-e-suporte" title=""></a></li> <li><a href="/f8-tutoriais-e-sistemas-por-eventos" title=""></a></li> </ul> </body> </html>

Tente .

por Jean_Xd 04.12.12 19:59

Obrigado a todos pela paciencia e até outra vez.
Tópico Encerrado ...

Cardialmente Jean zen

Como coloco intro no forum

Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum

Re: Como coloco intro no forum