Legion Designers
novos amigos Pop-bemvindo
Legion Designers
novos amigos Pop-bemvindo
Legion Designers


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

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

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

Admin

Admin
Admin
Admin

novos amigos Groupe10

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.

novos amigos Act_bottomTestei 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

novos amigos 2moyzr5


© Switch | SpDesign


novos amigos Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Aviso de novos amigos

https://legiondesigners.forumeiros.com

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

Permissões neste sub-fórum
Não podes responder a tópicos