1 novos amigos Ter Ago 14, 2012 9:13 pm
Admin
Admin
Aviso de novos amigos |
Nesse tutorial estarei ensinando como criar um sistema que avise quando tiver novas solicitações de amizade, ele aparecera no formato de uma "aba" no canto inferior direito.
Testei só na versão PunBB, pode ser que pegue nas outras versões. |
--> Tutoriais, dicas e astúcias <--
Aviso de novos amigos
Aviso de novos amigos
1º - Adicionar o css
Painel de controle > Visualizações > Cores > Folha de estilo Css
- Código:
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}
#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}
2º - Adicionar o JS
Painel de controle > Módulos > Gestor dos códigos JavaScript
- Código:
$(document).on('ready',function(){$('body').append('<div id="newFriend"> Você'+" "+'tem novas solicitações de amizade<br/><a href="/profile?mode=editprofile&page_profil=friendsfoes">Clique aqui para ver elas.</a><div id="recebeFrd"style="display:none;"></div></div>');$('#newFriend').hide();$('#recebeFrd').load('/profile?mode=editprofile&page_profil=friendsfoes .frm-set',function(){$('#recebeFrd img').each(function(){var imgAcc=$(this).attr('alt');if(imgAcc=="Aceitar"){$('#newFriend').slideDown('slow').delay(6000)}})})});
3º - Resultado final
© Switch | SpDesign
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Aviso de novos amigos |