Pagina inicial

por usernerdgamer Sáb 23 Mar 2013 - 22:39

Qual é minha questão:
Queria colocar a pagina inicial igual a desse forum: http://familywhistle.forumeiros.com/

Queria colocar uma pagina inicial assim com fundo na pagina bem bonito inicial - Pagina inicial 61552

tem como?

minha versão e PUNBB

Endereço do meu fórum:
http://nerdgamer.foruns.com.pt

Versão do fórum:
PUNBB

por Sennior Sáb 23 Mar 2013 - 22:43

Saudação!

Aceda à gestão de suas paginas HTMLs:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML

Código:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Family Whistle</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <link rel="shortcut icon" type="image/x-icon" href="http://2img.net/i/fa/admin/couronne.png" /> <link rel="stylesheet" href="http://www.lifegames.in/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:#fafafa; text-decoration:none; } span.creditos-lifegames{ position:fixed; left:18px; bottom:10px; font-size:14px; } span.creditos-lifegames a{ color:#CDC9C9; text-decoration:underline; } span.stats-lifegames{ position:fixed; left:10px; bottom:25px; font-size:14px; } span.stats-lifegames a{ color:#fafafa; text-decoration:underline; } #ultimas { height: 120px; position: absolute; padding-top: 600px; width: 950px; padding-left: 300px; padding-bottom: 30px; } body { background-image: url('http://img687.imageshack.us/img687/148/addpjc.jpg') !important; background-repeat: no-repeat; } .style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CDC9C9; } .style8 {color: #CDC9C9} .style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #fcfcfc; } span.reference{ position:fixed; left:10px; bottom:10px; font-size:14px; } span.reference a{ color:#aaa; text-decoration:underline; } </style> </head> <body> <div><span class="creditos-newlifegeneration"><span class="style10">Family Whistle Copyright 2013| Desenvolvido por Family Whistle | Hospedado por</span> <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a></span></div> <div id="slidingMenuDesc" class="slidingMenuDesc"> <div><span>Visite Nosso Forum.</span></div> <div><span>Visite o Portal.</span></div> <div><span>Seja Um Membro, Faca Sua Inscricao.</span></div> <div><span>Veja As Notícias Da Familia.</span></div> <div><span>Veja Os Membros Da Familia.</span></div> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/"> </a></li> <li><a href="/forum">Forum</a></li> <li><a href="/portal">Portal</a></li> <li><a href="http://familywhistle.forumeiros.com/f5-insricoes">Se Inscreva</a></li> <li><a href="http://familywhistle.forumeiros.com/f1-noticias-da-familia">Noticias</a></li> <li><a href="http://familywhistle.forumeiros.com/t5-membre-s-whistle">Membros</a></li> </ul> </body> </html>