[Tutorial] Ocultar mensagem da pagina inicial
Página 1 de 1 • Compartilhe
- Zump
- Tempo Online : 33d 4h 43m 44s
Mensagens : 52
Reputação : 53
Autor: Zump (While)
Funcionalidade: Em todas as versões
Ocultar mensagem da pagina inicial |
As vezes gostaríamos de fazer um efeito toggle no nosso fórum, mas precisamente na parte da mensagem da pagina inicial. Com esse tutorial isto será possível poderemos não só ocultar o conteúdo como exibi-lo depois com apenas um clique.
--> Tutoriais, dicas e astúcias <--
Ocultar mensagem da pagina inicial
Ocultar mensagem da pagina inicial
1º - Pagina Inicial:
As páginas iniciais é a coisa primordial na hora de criarmos um fórum, é de bastante interesse aos usuários que fiquem personalizadas, levando isto em conta, podemos não só definir qual será a pagina inicial como também mexer na estrutura, na hierarquia, no cabeçalho e no menu de navegação.
Painel de controle :seta2: Visualização :seta2: Pagina inicial :seta2: Geral :seta2: Mensagem na página inicial |
2º - Código a ser usado:
Adicione esse código abaixo em Conteúdo da mensagem
- Código:
<a id="fmd_homepage_toggler" href="#"></a>
<div id="fmd_homepage"><style type="text/css">
#fmd_homepage .h3 { line-height:16px; }
#fmd_homepage_toggler {
margin-top: -5px;
float: right;
}
#fmd_homepage > div {
float:none;
width:100%;
}
</style> Seu texto <script type="text/javascript">
//<![CDATA[
(function(j) {
if (my_getcookie('homepage_hidden')) {
document.getElementById('fmd_homepage').style.display = 'none';
document.getElementById('fmd_homepage_toggler').innerText = 'Abrir';
} else {
document.getElementById('fmd_homepage_toggler').innerText = 'Fechar';
}
var delete_cookie = function(name) {
document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
};
document.getElementById('fmd_homepage_toggler').onclick = function() {
if (!my_getcookie('homepage_hidden')) {
document.getElementById('fmd_homepage').style.display = 'none';
this.innerHTML = 'Abrir';
my_setcookie('homepage_hidden', '1', true);
} else {
document.getElementById('fmd_homepage').style.display = '';
this.innerHTML = 'Fechar';
delete_cookie('homepage_hidden');
}
return false;
};
}());
//]]>
</script>
</div>
- Resultado:
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|