Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosPágina inicial personalizada
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Página inicial personalizada
por thepisciana 24.12.12 21:27
Qual é minha questão:
Olá!
Bom, eu vi um tipo de página inicial diferente e gostaria de fazer isso no meu fórum... É possível? Como?
Grata.
Endereço do meu fórum:
http://skinsparaeditar.forumeiros.com
Versão do fórum:
PHPBB3
Olá!
Bom, eu vi um tipo de página inicial diferente e gostaria de fazer isso no meu fórum... É possível? Como?
- Imagem:
Grata.
Endereço do meu fórum:
http://skinsparaeditar.forumeiros.com
Versão do fórum:
PHPBB3
thepisciana- Novo Membro
- Membro desde : 10/01/2012
Mensagens : 13
Pontos : 21 -
Re: Página inicial personalizada
por BrunoH. 24.12.12 21:28
Olá!
Aceda a Gestão das páginas HTML:
Título
Escolha um título qualquer.
Você deseja utilizar o início e o final da página do seu fórum ? Marque não
Usar esta página como página inicial? Marque sim
Código HTML:
Até mais.
Aceda a Gestão das páginas HTML:
Painel de Controle
Título
Escolha um título qualquer.Você deseja utilizar o início e o final da página do seu fórum ?
Marque nãoUsar esta página como página inicial?
Marque simCódigo HTML:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Twilight Best Seller</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.appleportugal.net/Themes/Faux_Apple/images/sml_apple.gif" />
<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 ///-->
<!--/ Criado por Zoey. ///-->
<!--/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<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://fc08.deviantart.net/fs70/f/2009/363/a/c/Breaking_Dawn_wallpaper_by_Dreams_of_past.jpg') !important;
background-repeat: repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Rede Best Seller Copyright 2012 | Desenvolvido por <a href="http://fairytaildestiny.forumeiros.com/forum" target="_Blank" alt="Web Designer Zoey">Rose</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Saiba dos ultimos acontecimentos!</span></div>
<div><span>Comece sua aventura!</span></div>
<div><span>Escolha seu destino!</span></div>
<div><span>Novidades da Saga!</span></div>
<div><span>Check Us!</span></div>
<div><span>Follow Us!</span></div>
<div><span>Like Us!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://crepusculobestseller.forumeiros.com/forum">Forum</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/portal" title="">Portal</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/register" title="">Registre-se</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/login" title="">Login</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/f53-trama-cannons">Cannons</a></li>
<li><a href="http://rpgcrepusculobestseller.blogspot.com.br/">Blog TwiBS</a></li>
<li><a href="http://avatareassinaturabs.tumblr.com/">Tumblr</a></li>
<li><a href="https://twitter.com/#!/RedeBSofficial" title="">Twitter</a></li>
<li><a href="http://www.facebook.com/RedeBestSeller">Facebook</a></li>
</ul>
</body>
</html>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Página inicial personalizada
por thepisciana 25.12.12 18:10
Olá.
O código acima ficou perfeito, mas a única coisa que não apareceu foi o link hover, a barrinha azul com algo escrito...
Grata.
O código acima ficou perfeito, mas a única coisa que não apareceu foi o link hover, a barrinha azul com algo escrito...
Grata.
thepisciana- Novo Membro
- Membro desde : 10/01/2012
Mensagens : 13
Pontos : 21 -
Re: Página inicial personalizada
por BrunoH. 25.12.12 18:12
Olá!
Poderia me enviar o link da página HTML que o senhor utilizou para o mesmo? Visitei teu fórum e não encontrei nenhuma página HTML..
Até mais.
Poderia me enviar o link da página HTML que o senhor utilizou para o mesmo? Visitei teu fórum e não encontrei nenhuma página HTML..
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Página inicial personalizada
por thepisciana 26.12.12 3:20
Oi, BrunoH.!
Pronto. É que esse é meu fórum de teste e quando eu consegui mais ou menos eu passei pro meu normal.
Obrigada.
Pronto. É que esse é meu fórum de teste e quando eu consegui mais ou menos eu passei pro meu normal.
Obrigada.
thepisciana- Novo Membro
- Membro desde : 10/01/2012
Mensagens : 13
Pontos : 21 -
Re: Página inicial personalizada
por BrunoH. 26.12.12 16:56
Olá!
Substitua o código HTML por este:
Até mais.
Substitua o código HTML por este:
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Twilight Best Seller</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="image/x-icon" href="http://www.appleportugal.net/Themes/Faux_Apple/images/sml_apple.gif" />
<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 ///-->
<!--/ Criado por Zoey. ///-->
<!--/ ///-->
<!--////////////////////////////////////////////////////////////////////////////////-->
<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://fc08.deviantart.net/fs70/f/2009/363/a/c/Breaking_Dawn_wallpaper_by_Dreams_of_past.jpg') !important;
background-repeat: repeat;
}
</style>
</head>
<body>
<div>
<span class="reference">
Rede Best Seller Copyright 2012 | Desenvolvido por <a href="http://fairytaildestiny.forumeiros.com/forum" target="_Blank" alt="Web Designer Zoey">Rose</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
</div>
<div id="slidingMenuDesc" class="slidingMenuDesc">
<div><span>Uma nova era chegou!</span></div>
<div><span>Saiba dos ultimos acontecimentos!</span></div>
<div><span>Comece sua aventura!</span></div>
<div><span>Escolha seu destino!</span></div>
<div><span>Novidades da Saga!</span></div>
<div><span>Check Us!</span></div>
<div><span>Follow Us!</span></div>
<div><span>Like Us!</span></div>
</div>
<ul id="slidingMenu" class="slidingMenu">
<li><a href="http://crepusculobestseller.forumeiros.com/forum">Forum</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/portal" title="">Portal</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/register" title="">Registre-se</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/login" title="">Login</a></li>
<li><a href="http://crepusculobestseller.forumeiros.com/f53-trama-cannons">Cannons</a></li>
<li><a href="http://rpgcrepusculobestseller.blogspot.com.br/">Blog TwiBS</a></li>
<li><a href="http://avatareassinaturabs.tumblr.com/">Tumblr</a></li>
<li><a href="https://twitter.com/#!/RedeBSofficial" title="">Twitter</a></li>
<li><a href="http://www.facebook.com/RedeBestSeller">Facebook</a></li>
</ul>
</body>
</html>
Até mais.
BrunoH.- Membro Entusiasta
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386 -
Re: Página inicial personalizada
por Venancio Mattos 26.12.12 16:58
Ola Senhor Tudo Bom
Bom Vamos aou Tutorial!!!
Painel de Controle>> Módulos>>HTML & JAVASCRIPT>>Gestão das páginas HTML
Bom Crie Uma Nova HTML & JAVASCRIPT
Ai vc Coloca o Titulo
1 Coloca Não Por que se (Não) ele Vai Fica no Menu Principal do Seu Fórum Então Vc Coloca Não
2 Aqui vc Coloca (Sim) Para ele Fica Como Inicio Do Seu Fórum !!!
3 Coloque esse Code Embaixo e Confirma
Obrigado e Felis Natal!!! e Um Felis Ano Novo
Bom Vamos aou Tutorial!!!
Painel de Controle>> Módulos>>HTML & JAVASCRIPT>>Gestão das páginas HTML
Bom Crie Uma Nova HTML & JAVASCRIPT
Ai vc Coloca o Titulo
1 Coloca Não Por que se (Não) ele Vai Fica no Menu Principal do Seu Fórum Então Vc Coloca Não
2 Aqui vc Coloca (Sim) Para ele Fica Como Inicio Do Seu Fórum !!!
3 Coloque esse Code Embaixo e Confirma
- Código:
<!DOCTYPE html>
<html><head> <title>Replica Games</title><link rel="shortcut icon" type="image/x-icon" href="--" /> <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;
}
/* Hover Mouse By: Dr.House */
body {
cursor: url('http://img97.imageshack.us/img97/9688/cur5582.png'), url('http://img97.imageshack.us/img97/9688/cur5582.png'), auto;
}
a:hover {
cursor: url('http://img835.imageshack.us/img835/224/cur558.png'), url('http://img835.imageshack.us/img835/224/cur558.png'), auto;
}
</style> <!-- <link href="/m/gui.default.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <!-- <link href="http://stc2.me.ola.vn/theme/singirl/style.css?t=20120705-1" rel="stylesheet" type="text/css" /> --> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></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://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <script src="http://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></script> <link href="http://sao-rpg.criarforum.com.pt/11204.js" 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://stuffpoint.com/sword-art-online/image/54374-sword-art-online-background.jpg"></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="bg4"></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 "> <!-- //End dashboard --> <div class="content-main"> <div class="module"> <div class="module-def main-title"> <b>Replica Games</b> </div> <div class="module-body"> <div class="bd"> <div class="column11 first"> <a href="/forum"><b>Seja Bem-Vindo(a) ao Replica Games!</b></a><div class="page-intro"><br>Replica Games um Fórum de ajudas Games Online e Offline!!!</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="--------------">ler as regras</a>.</a><p><span class="send"><span class="cmd-code"></span></span></p> </div> </div> </div> </div> <div class="column11"><img src="http://i12.servimg.com/u/f12/17/94/12/98/22311.png" border="0" alt="Replica Games" /></a><br><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> <small><div align= "right">Created Venancio Mattos</small></p> <div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div> <p id="back-top"><a href="#top">Replica Games<span></span></a></p> </div></div> </div>
</body> </html>
<div>
</div> </div> </div><div class="module-def space"> </div> </div> </div><!-- //End content-main --> <div class="clr"></div> </div> </div></div><center><b>Parceria : <a href=http://www.xexgames.net/>XeXGames</a></b></center> <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>
<div>
<span class="reference">
BrasilStyleForever |Parceria <a href="http://www.xexgames.net/" target="_Blank" alt="Web Designer iPocker, Bruno">Replica Games</a> | Hospedado por <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Forumeiros.</a>
</span>
<a href="http://www.forumeiros.com" target="_blank"></a> </body> </html>
Obrigado e Felis Natal!!! e Um Felis Ano Novo
Venancio Mattos- ****
- Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388 -
Re: Página inicial personalizada
por thepisciana 26.12.12 18:10
Olá!
BrunoH., novamente não deu certo, mas obrigada, desisti de fazer esse estilo. Mas mesmo assim obrigada por gastar seu tempo comigo!
Mas o sr. poderia me ajudar com esse problema? >> https://ajuda.forumeiros.com/t72234-problema-no-chatbox
Grata.
BrunoH., novamente não deu certo, mas obrigada, desisti de fazer esse estilo. Mas mesmo assim obrigada por gastar seu tempo comigo!
Mas o sr. poderia me ajudar com esse problema? >> https://ajuda.forumeiros.com/t72234-problema-no-chatbox
Grata.
thepisciana- Novo Membro
- Membro desde : 10/01/2012
Mensagens : 13
Pontos : 21 -
Tópicos semelhantes» Página inicial personalizada
» Página inicial personalizada
» Página inicial personalizada
» Pagina inicial personalizada
» Pagina inicial personalizada
» Página inicial personalizada
» Página inicial personalizada
» Pagina inicial personalizada
» Pagina inicial personalizada
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos