Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
[Tutorial] Aba de solicitações de amizades


Funcionalidade: Todas as versões.

- -> Código CSS <- -

Código:
/* Aba de solicitações de amizades - StafferGroupBR.StuninG.NeT/t827- */
#newFriend a {
    color: #900;
    text-decoration: none;
    font: bold 16px Georgia;
}
#newFriend {
    text-shadow: 1px 1px 0 #e1e1e1;
    line-height: 2em;
    background: #f9f9f9;
    border-bottom: 0;
    border: 1px solid #1E90FF !important;
    border-radius: 15px !important;
    box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.68) !important;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 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: 75%;
    min-height: 2em;
    padding: 1em;
    position: fixed;
    text-align: center;
    width: 250px;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/


- -> Código JS <- -
Em todas as paginas


Código:
$(document).on('ready',function(){$('body').append('<div id="newFriend"> Tem'+" "+'Alguém querendo te Conhecer!<br/><a href="/profile?mode=editprofile&page_profil=friendsfoes"><b><span style="color: #0b5394;"><i>Clique aqui para ver quem.</i></span></b></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 <- -
Observações:
1. Dependendo do seu Template, este aviso não aparecerá na página Inicial!
Desenvolvido por © Switch | SP-Design
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 BielZinho

avatar
Membro
Vai ser otimo esse codigo muito obrigado
Ver perfil do usuário

#3
 sapinhu

avatar
Membro
bora testar para ver como é
Ver perfil do usuário prof_roy@hotmail.com

#4
 Gmtp

avatar
Membro
Olá

Espero que me surpreenda

Até mais
Ver perfil do usuário

#5
 fojogo

avatar
Membro
Otimo, está de parabens
Ver perfil do usuário

#6
 Gmtp

avatar
Membro
Olá

Excelente este código seria melhor se tivesse a imagem da pessoa

Até mais
Ver perfil do usuário

#7
 Master Publicitario

avatar
Membro
Olá,

Obrigado, vou testar ! :D
Ver perfil do usuário

#8
 Chorão

avatar
Membro
Opa' Para um Otimo Código vou testa.
Ver perfil do usuário

#9
 Publigos

avatar
Membro
Belíssimo código, irei utilizar com certeza!
Ver perfil do usuário

#10
 Hancki

avatar
Membro
Analisando o código!
Ver perfil do usuário

#11
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#12
 Conteúdo patrocinado