[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Anúncio na página inicial do fórum |
Esse tutorial serve para adicionar um anúncio como o da bestskins na página inicial do fórum.
--> Tutoriais, dicas e astúcias <--
Anúncio na página inicial do fórum
Anúncio na página inicial do fórum
1º - Código
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">
<style>#topp img {
height: 41px;
width: 41px;
border: 1px solid #DDD;
margin-top: 1px;
margin-bottom: 1px;
}
#topp {text-align: left;width: 490px;}
#topp a span {display:none;}
#topp 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><div id="topp"></div>
<script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(30)");</script>
</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>
Em:
onde está marcado de vermelho será o número de membros que irão aparecer no anúncio.
2º - Resultado
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Créditos: Daemon / © Best Skins
Créditos: Daemon / © Best Skins
© Best Skins
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Anúncio na página inicial do fórum |