Olá punbbeiros, vim comapartilhar um código simples que mostra uma mensagem para os membros sem postagens no seu fórum.
Primeiramente iremos até o painel de controle do seu fórum, em módulos > widgets do fórum > criar um widget personalizado
Nome do widget: a sua escolha
Utilizar um table type: "Não"
Título do widget: a sua escolha
Código:
- Código:
<div id="noPost" style="display: none">{USERCOUNTPOST}</div>
<style>
.message {
background: #F5FFF6 url(http://i.imgur.com/g3NBjqp.png) repeat-x;padding: 10px;border: 1px solid #D3EED5;color: #1F691C;line-height: 1.6;font-size: 12px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
.msgNP {
height: 22px;
line-height: 22px;
font-size: 12px;
padding: 0 10px;
background: #f6f6f6;
background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
border: 1px solid #dbdbdb;
cursor: pointer;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #616161;
display: inline-block;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
</style>
<script>
jQuery(document).ready(function() {
if(jQuery("#noPost").text() == 0) {
var sMember = jQuery('a.mainmenu#logout').text().split('[ ')[1].replace(/ ]/g,'');
jQuery('#content').prepend('<span class="msgNP">Expandir</span><div class="message" style="display: none">Olá '+sMember+',<br>Nosso sistema identificou que você não realizou nenhuma postagem até o momento, se tiver alguma dúvida por favor acesse nosso <a href="/faq">FAQ</a>.</div>');
jQuery(".msgNP").toggle(function (){
jQuery(".message").slideDown();
jQuery(this).text("Minimizar");
}, function(){
jQuery(".message").slideUp();
jQuery(this).text("Expandir");
});
}
});
</script>
Até mais!
Última edição por Daemon em Qua 25 Dez 2013, 3:24 pm, editado 1 vez(es)