[Tutorial] Anuncio na mensagem da pagina inicial
Página 1 de 1 • Compartilhe
Autor: Daemon
Funcionalidade: Em todas as versões
Esse tutorial serve para adicionar um anúncio com os últimos membros conectados na página inicial do fórum.
Vá até Painel de controle :seta: Visualização :seta: Página inicial :seta: Geral :seta: Mensagem na Página inicial :seta: Conteúdo da mensagem
adicione o seguinte código:
- Código:
<div class="hook-bif-subwrapper-left">
<div style="margin-bottom:10px;">
<h3 class="bif-header1" style="">
<b>Olá, nós somos o {FORUMNAME}!</b>
</h3>
</div>
<div style="max-height: 312px; overflow:hidden;">
<div class="widget_content blockbody floatcontainer">
<div id="info_about_forum"></div>
</div>
</div>
<div style="margin: 10px 0px 20px 0px;">
<span class="desc lighter ipsType_small" style="">Nós somos {FORUMCOUNTUSER} usuários e já postamos mais de
{FORUMCOUNTPOST} posts!</span>
</div>
</div>
<script type="text/javascript">
jQuery('#info_about_forum').load('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(30)');
</script>
<style type="text/css">
#info_about_forum img {
height: 41px;
width: 41px;
border: 1px solid #DDD;
margin-top: 1px;
margin-bottom: 1px;
}
#info_about_forum {text-align: left;width: 490px;}
#info_about_forum a span {display:none;}
#info_about_forum a:hover span {
display: inline;
position: absolute;
padding: 5px;
border: 1px solid white;
background: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 4px #333;
color: white !important;
font-size: 10px;
}
</style>
Localize: "jQuery('#info_about_forum').load('/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(30)');"
Onde está marcado de vermelho será o número de membros que irão aparecer no anúncio.
Tópicos semelhantes
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
|
|