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
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 para baixo  Mensagem [Página 1 de 1]

HenRyqUéè

HenRyqUéè
Administrador
Avaliador
Helper

[Tens de ter uma conta e sessão iniciada para poderes visualizar 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.

[Tens de ter uma conta e sessão iniciada para poderes visualizar 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

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


© Switch | SpDesign | HenRyqUéè


[Tens de ter uma conta e sessão iniciada para poderes visualizar 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

https://rmbr.forumeiros.com/

-Naruto

-Naruto
Administrador
Publicitário
Helper
Comentando para ver.

-Naruto

-Naruto
Administrador
Publicitário
Helper
Tutorial Aceito

Movido.

mundo nerd

mundo nerd
Iniciante
Na phpbb2 não funciona

Wagner'

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

Rezinho_Souza

Rezinho_Souza
Iniciante
Vou adicionar ao meu forum, obrigado.

Conteúdo patrocinado


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