ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Adminactif
Adminactif
Masculino
Idade : 23
PointActif's : 4814
ReputActifs : 97
Mensagens : 2707
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%
Ver perfil do usuáriohttp://www.shiftactif.com/

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

em Qui 20 Dez - 15:16
Reputação da mensagem: 100% (2 votos)


Amigos & ignorados



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




- 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. Piscada



- 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 >>
Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Arrow 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.
Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Arrow 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
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum