Legion Designers
Legion Designers


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 novos amigos em Ter Ago 14, 2012 9:13 pm

Admin

avatar
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



- 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;
}


- 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)}})})});



- 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

Ver perfil do usuário http://legiondesigners.forumais.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum