1 tutorial Dom Ago 05, 2012 4:44 pm
Admin
Admin
Tutorial - Postar para ver. |
Nesse tutorial vou estar ensinando como fazer para o membro postar para poder ver a mensagem, e enquanto o membro não postar ele ficará vendo um alerta avisando.Com esse sistema, mesmo o membro sendo da Equipe do fórum, a mensagem não aparece.
--> Tutoriais, dicas e astúcias <--
Tutorial - Postar para ver.
Tutorial - Postar para ver.
1º - Adicionar o css
Adicione esse código no css de seu fórum.
Painel de Controle > Visualização > Cores > Folha de estilo CSS
- Código:
.msgHide {
background: #FFEA97 url("http://demos.rbtech.info/boxcss/images/alerta.png") no-repeat scroll 10px 10px;
padding:25px 10px 1.3em 68px;
margin: 1em !important;
color: #995F5B;
font: bold 16px Tahoma;
border: 1px solid #E2B500;
border-radius: 5px;
box-shadow: 1px 1px 1px #666;
text-align:center;
display:block;}
2º - Adicionar o JavaScript
Adicione esse código em seu gestor de códigos JavaScript
Painel de Controle > Módulos > Gestor dos códigos JavaScript
Crie uma nova página, marque para funcionar em Todas os páginas
- Código:
$(document).ready(function(){
var serHide = $('.post-entry span.hideContent');
var idTopicHide = $('input[name="t"]').val();
if(my_getcookie(idTopicHide) != idTopicHide){
$(serHide).before('<span class="msgHide">Para poder ver a mensagem, você precisa postar.</span> ');
$(serHide).remove();
}
$('input[name="post"]').click(function(){
my_setcookie(idTopicHide, idTopicHide, true);
});
$('#other').append('<button onClick="hidecont();return false">Postar para ver</button><br />');
});
function hidecont(){
bbfontstyle('<p class="hideContent">', '</p>');selectWysiwyg(this,'other');
return false;}
O botão ficará na lista de BBCodes em Outros.
3º - Resultado Final
Ps: Código tem uma única falha, que quando o membro ficar um tópico com esse código, ele também não conseguirá ver a mensagem.
© Switch
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Tutorial - Postar para ver. |