Anúncio na mensagem da página inicial Ter 5 Mar 2013 - 10:34
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: Anúncio na mensagem da página inicialAutor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Olá membros BestSkins. Esse tutorial serve para adicionar um anúncio com os últimos membros conectados como o da bestskins, na página inicial do fórum.
Vá até Painel de controle Visualização Página inicial Geral Mensagem na Página inicial 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.
Qualquer dúvida em relação a este tutorial, crie um tópico de mesmo nome.