Como personalizar o fórum

por [Vk]Mister 25.08.13 17:40

Qual é minha questão:
Bem Eu Queria Saber Como eu Coloco Isso no Meu Fórum http://revoltzz.forumeiros.com/
Me Ajuda ae :}

Ps: Se o Titulo da questão estiver indevido, me avise q no msm momento eu renomeio ;]

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

Versão do fórum:
PHPBB3

por goodbye 25.08.13 18:19

Olá,

Se refere a página em HTML? Caso for este é o código:

Código:: <html class="cufon-active cufon-ready"><head> <title>Família RevolTz</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="shortcut icon" type="image/x-icon" http:="" illiweb.com="" fa="" favicon="" screen.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><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://www.wadecantley.com//styles/Wade/images/grey-website-background.jpg') !important; background-repeat: no-repeat; } </style> </head> <body> <div> <span class="reference"><cufon class="cufon cufon-canvas" alt="Tudo " style="width: 29px; height: 14px;"><canvas width="38" height="15" style="width: 38px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext> Tudo </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Junto " style="width: 33px; height: 14px;"><canvas width="42" height="15" style="width: 42px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>Junto </cufontext></cufon><cufon class="cufon cufon-canvas" alt="e " style="width: 10px; height: 14px;"><canvas width="19" height="15" style="width: 19px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>e </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Misturado " style="width: 57px; height: 14px;"><canvas width="66" height="15" style="width: 66px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>Misturado </cufontext></cufon><cufon class="cufon cufon-canvas" alt="2013 " style="width: 28px; height: 14px;"><canvas width="37" height="15" style="width: 37px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>2013 </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="pela " style="width: 27px; height: 14px;"><canvas width="36" height="15" style="width: 36px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>pela </cufontext></cufon><a href="Pedrinho ( Fundador )" target="_Blank" alt="/u1"><cufon class="cufon cufon-canvas" alt="Equipe " style="width: 40px; height: 14px;"><canvas width="49" height="15" style="width: 49px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>Equipe </cufontext></cufon><cufon class="cufon cufon-canvas" alt="ParabénsGabriel " style="width: 120px; height: 14px;"><canvas width="129" height="15" style="width: 129px; height: 15px; top: 0px; left: -1px;"></canvas><cufontext>ParabénsGabriel </cufontext></cufon></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="FAQ " style="width: 64px; height: 36px;"><canvas width="86" height="37" style="width: 86px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>FAQ </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Para " style="width: 71px; height: 36px;"><canvas width="94" height="37" style="width: 94px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Para </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Ajuda" style="width: 77px; height: 36px;"><canvas width="92" height="37" style="width: 92px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Ajuda</cufontext></cufon></span></div><div style="top: 132px;"><span><cufon class="cufon cufon-canvas" alt="Calendario " style="width: 156px; height: 36px;"><canvas width="179" height="37" style="width: 179px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Calendario </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Para " style="width: 71px; height: 36px;"><canvas width="94" height="37" style="width: 94px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Para </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Saber " style="width: 89px; height: 36px;"><canvas width="112" height="37" style="width: 112px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Saber </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Quem " style="width: 89px; height: 36px;"><canvas width="112" height="37" style="width: 112px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Quem </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Faz " style="width: 56px; height: 36px;"><canvas width="79" height="37" style="width: 79px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Faz </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Niver" style="width: 70px; height: 36px;"><canvas width="91" height="37" style="width: 91px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Niver</cufontext></cufon></span></div><div style="top: 198px;"><span><cufon class="cufon cufon-canvas" alt="Novidades " style="width: 152px; height: 36px;"><canvas width="174" height="37" style="width: 174px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Novidades </cufontext></cufon><cufon class="cufon cufon-canvas" alt="do " style="width: 41px; height: 36px;"><canvas width="64" height="37" style="width: 64px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>do </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: 264px;"><span><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="Para " style="width: 71px; height: 36px;"><canvas width="94" height="37" style="width: 94px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Para </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Foruns" style="width: 92px; height: 36px;"><canvas width="109" height="37" style="width: 109px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Foruns</cufontext></cufon></span></div><div style="top: 330px;"><span><cufon class="cufon cufon-canvas" alt="Registrar-se " style="width: 173px; height: 36px;"><canvas width="195" height="37" style="width: 195px; height: 37px; top: 1px; left: -2px;"></canvas><cufontext>Registrar-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: 396px;"><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> <ul id="slidingMenu" class="slidingMenu"> <li><a href="/forum" title=""><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="/faq" title=""><cufon class="cufon cufon-canvas" alt="FAQ" style="width: 102px; height: 66px;"><canvas width="118" height="68" style="width: 118px; height: 68px; top: 1px; left: -3px;"></canvas><cufontext>FAQ</cufontext></cufon></a></li> <li><a href="/calendar" title=""><cufon class="cufon cufon-canvas" alt="Calendario" style="width: 348px; height: 66px;"><canvas width="364" height="68" style="width: 364px; height: 68px; top: 1px; left: -3px;"></canvas><cufontext>Calendario</cufontext></cufon></a></li> <li><a href="/f4-novidades" title=""><cufon class="cufon cufon-canvas" alt="Novidades" style="width: 310px; height: 66px;"><canvas width="331" height="68" style="width: 331px; height: 68px; top: 1px; left: -3px;"></canvas><cufontext>Novidades</cufontext></cufon></a></li> <li><a href="/f1-tutoriais" title=""><cufon class="cufon cufon-canvas" alt="Tutoriais" style="width: 284px; height: 66px;"><canvas width="305" height="68" style="width: 305px; height: 68px; top: 1px; left: -3px;"></canvas><cufontext>Tutoriais</cufontext></cufon></a></li> <li><a href="/register" title=""><cufon class="cufon cufon-canvas" alt="Registrar" style="width: 313px; height: 66px;"><canvas width="332" height="68" style="width: 332px; height: 68px; top: 1px; left: -3px;"></canvas><cufontext>Registrar</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 class="move" top="0px" style="width: 204px; top: 0px; display: block;"></li></ul> </body></html>

Basta modificá-lo adaptando os links, menus, descrições e imagens com o do seu fórum.

Para instalar queira checar o tópico abaixo:
Seta

[FAQ] Criar uma página inicial HTML personalizada

Atenciosamente, Harker.

por [Vk]Mister 25.08.13 18:43

Não Deu Certo :/

por goodbye 25.08.13 18:46

Olá novamente,

Certifique-se de que tenha seguidos os procedimentos corretamente, o código funciona, pode conferir no meu fórum de testes:

Seta

http://harkerforumeiros.forumeiros.com

Tem de editá-lo ao seu modo, alterando o título que irá aparecer na aba do navegador e os respectivos links. Caso você não saiba editar, diga quais são os links que eu monto a página.

Até mais!

por [Vk]Mister 25.08.13 22:05

Meu Certo
Obrigado (:

Como personalizar o fórum

Como personalizar o fórum

Re: Como personalizar o fórum

Re: Como personalizar o fórum

Re: Como personalizar o fórum

Re: Como personalizar o fórum