Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


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 [TUTORIAL] - Aviso de novos amigos em 08/11/12, 11:55 am

HenRyqUéè

avatar
Administrador
Avaliador
Helper

[Você precisa estar registrado e conectado para ver esta imagem.]

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.

[Você precisa estar registrado e conectado para ver esta imagem.]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

[Você precisa estar registrado e conectado para ver esta imagem.]


© Switch | SpDesign | HenRyqUéè


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Aviso de novos amigos

http://rmbr.forumeiros.com/

-Naruto

avatar
Administrador
Publicitário
Helper
Comentando para ver.

-Naruto

avatar
Administrador
Publicitário
Helper
Tutorial Aceito

Movido.

mundo nerd

avatar
Iniciante
Na phpbb2 não funciona

Wagner'

avatar
Iniciante
Legal, vou ver como funciona aqui no meu fórum!

Rezinho_Souza

avatar
Iniciante
Vou adicionar ao meu forum, obrigado.

Conteúdo patrocinado


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