[TUTORIAL] Alerta de recebimento de solicitação de amigos

Quantas vezes você ficou em seu fórum e um amigo enviou uma solicitação para ser amigo de perfil e você não viu? Neste tutorial você vai adicionar um alerta que pode ser personalizado com CSS exibindo uma mensagem exclusiva que há novas solicitações.

--> Tutoriais <--
Alerta de recebimento de solicitação de amigos

1º - Aplicação do CSS:
Vamos fazer a aplicação do CSS antes do JS para que quando seja confirmado a página o efeito já esteja disponível.

PA > Visualização > Imagens e Cores > Cores > Folha de estilo CSS >

/***
##################################################################
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// Nome: Alerta de recebimento de solicitação de amigos
/// Autor: ShiftActif
/// Contato: shiftactif@hotmail.com
/// Site: www.shiftactive.blogspot.com
/// Tipo: FREE (Grátis)
/// Obs: favor não retirar os nossos créditos, pois ele não vai aparecer no efeito!!!
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
##################################################################
***/
#ddshiftactif {
position: fixed;
top: 0px;
left: 0px;
width: 200px;
background: #fff;
color: #000;
border: 1px solid #888;
text-align: center;
z-index:1000
}

#novoamigo {
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
}
/*** FIM - NOTIFICAÇÃO DE AMIGOS ***/

Os trechos do código em coloridos são os que você pode personalizar no CSS.



2º - Aplicação do JavaScript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Em Investimento, marque a opção Em todas páginas e adicione o seguinte jQuery:

Código:

/// ShiftActif http://www.shiftactive.blogspot.com
function setupbox() {
    var z=document.getElementById('novoamigo');
    if (z.getElementsByTagName('FIELDSET')[2].childNodes[0].childNodes[1].childNodes[0].tagName!='EM') {
        z.innerHTML='<a href="/profile?mode=editprofile&page_profil=friendsfoes">Você tem uma nova solicitação de amizade.</a>';
        document.getElementById('ddshiftactif').style.display='block';
    }
    else {z.innerHTML='';}
}

jQuery(function() {
    x=document.createElement('div');
    x.id='ddshiftactif';
    x.style.display='none';
    x.innerHTML='<div id="novoamigo"></div><a style="cursor:pointer" class="button2" onclick="jQuery(\'#ddshiftactif\').fadeOut()">Entendi</a>'; 
    document.body.insertBefore(x,document.body.firstChild);
    jQuery('#novoamigo').load('/profile?mode=editprofile&page_profil=friendsfoes #main-content fieldset', function() {setupbox();});
});

Feito isso, basta confirmar e esperar até receber uma notificação de amizade. Acesse o script e modifique os termos:
Entendi
Você tem uma nova solicitação de amizade.

• Resposta
  
  

---

© ShiftActif

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Alerta de recebimento de solicitação de amigos