Como personalizar o fórum

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

Resolvido Como personalizar o fórum

Mensagem por [Vk]Mister em 25/08/13, 01:40 pm

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
avatar

[Vk]Mister
Nível 7

Masculino
Inscrito dia : 04/08/2013
Mensagens : 80
Pontos Ativos : 142

Ver perfil do usuário http://familiavolking.forumeiros.com/forum

Resolvido Re: Como personalizar o fórum

Mensagem por North em 25/08/13, 02:19 pm

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">




<!--////////////////////////////////////////////////////////////////////////////////-->




<!--/ ///-->




<!--/ ///-->




<!--/ Portal Versão 1.0 ///-->




<!--/ Editado por Códigos Forumeiros ///-->




<!--/ ///-->




<!--////////////////////////////////////////////////////////////////////////////////-->
<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>
Seta 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.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como personalizar o fórum

Mensagem por [Vk]Mister em 25/08/13, 02:43 pm

Não Deu Certo :/
avatar

[Vk]Mister
Nível 7

Masculino
Inscrito dia : 04/08/2013
Mensagens : 80
Pontos Ativos : 142

Ver perfil do usuário http://familiavolking.forumeiros.com/forum

Resolvido Re: Como personalizar o fórum

Mensagem por North em 25/08/13, 02:46 pm

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

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como personalizar o fórum

Mensagem por [Vk]Mister em 25/08/13, 06:05 pm

Meu Certo
Obrigado (:
avatar

[Vk]Mister
Nível 7

Masculino
Inscrito dia : 04/08/2013
Mensagens : 80
Pontos Ativos : 142

Ver perfil do usuário http://familiavolking.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum