Staff en línea

[javascript] icono de amigos similar a facebook
Tema iniciado por y Añadir a favoritos



Última edición por Himnoshistoricos el Sáb Mar 05, 2016 5:49 pm, editado 2 veces
[codebox]un icono como el de facebook que marca las notificaciones de amistad
[/codebox]

[hidecode]
Código:
    $(function(){$(function(){
      var url = '/profile?mode=editprofile&page_profil=friendsfoes';
      var numSolicitud;
      $('#fa_menu').after('<a href="' + url + '" id="fa_friendsfoes"></a>');
      $.get(url, function(data){
        numSolicitud = $(data).find('h1:contains(Peticiones recibidas) + .panel .friends-foes-list').length;
      }).done(function(){
        if(numSolicitud){
          $('#fa_friendsfoes').addClass('new-f').append('<span id="fa_new_friends">' + numSolicitud + '</span>');
        }
      });
    });});
[/hidecode]

CCS:
Código:
  a#fa_friendsfoes {
        background-image: url(http://i.imgur.com/EOUoVcG.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 30px;
        width: 40px;
        margin-left: 5px;
        margin-right: -5px;
        position:relative;
    }

    span#fa_new_friends {
        background: red;
        border-radius: 4px;
        font-size: 10px;
        padding: 2px 4px;
        position: absolute;
        right: 0px;
        top: 2px;
    }

    a#fa_friendsfoes.new-f {
        background-image: url(URL de la imagen si hay una nueva solicitud);
    }


[likepost][time="5/01/18 - 19:43 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/1-37.png"][userlike="http://www.opensourcephpbb3.com/u1"] Chalo[/userlike][/likepost]
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

500


Puntos :

661


Me gusta :

95


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

este código me lo han pasado en el foro de ayuda de ForoActivo @Chalo ¿que le tengo que añadir para que al poner el cursor sobre el icono me salga un cartelito que ponga "Solicitudes de Amistad?
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

500


Puntos :

661


Me gusta :

95


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

staff
Esta bonito hay de seguro le gustara a alguien...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1585


Puntos :

2328


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

[javascript]icono de amigos similar a facebook 
el Sáb Mar 05, 2016 6:35 pm
staff


@Himnoshistoricos escribió:[quotelink="/t1077-javascripticono-de-amigos-similar-a-facebook#11163"]
este código me lo han pasado en el foro de ayuda de ForoActivo @Chalo ¿que le tengo que añadir para que al poner el cursor sobre el icono me salga un cartelito que ponga "Solicitudes de Amistad?


mucho mi buen, traer al frente un cartel de aceptar es otro code distinto y complejo
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6852


Puntos :

8948


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

@Chalo escribió:[quotelink="/t1077-javascript-icono-de-amigos-similar-a-facebook#11168"]


@Himnoshistoricos escribió:[quotelink="/t1077-javascripticono-de-amigos-similar-a-facebook#11163"]
este código me lo han pasado en el foro de ayuda de ForoActivo @Chalo ¿que le tengo que añadir para que al poner el cursor sobre el icono me salga un cartelito que ponga "Solicitudes de Amistad?


mucho mi buen, traer al frente un cartel de aceptar es otro code distinto y complejo
no, me refiero a ese informativo que sale en casi todo con el fondo en amarillo que dice para que es el botón al que le pones el cursor, toplist creo que se llama eso
Himnoshistoricos
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

500


Puntos :

661


Me gusta :

95


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


Ver perfil de usuario http://www.niunpasoatras.org/

Volver arriba Ir abajo

boy a provarlo gracias por aportarlo
rokitx
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://www.profilebrand.com/images/facebook-cover/4342-loading-90-percent-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

72


Puntos :

76


Me gusta :

4


ingreso :

18/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Pensé en ello pero no creí que fuera posible D:
Supongo que Javascript todo lo puede. Muchas gracias:)
Kangraejae
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i.imgbox.com/XjIiozKl.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

10


Puntos :

15


Me gusta :

5


ingreso :

05/05/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://pruebasmf5-2.foroactivo.com

Volver arriba Ir abajo

gracias veo el code[likepost][time="5/01/18 - 19:43 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/1-37.png"][userlike="http://www.opensourcephpbb3.com/u1"] Chalo[/userlike][/likepost]
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

305


Puntos :

343


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

gracias por el aporte

edit:Lástima que el script no funciona en phpbb2[likepost][time="5/01/18 - 19:43 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/1-37.png"][userlike="http://www.opensourcephpbb3.com/u1"] Chalo[/userlike][/likepost]
fascicularia
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://davesgarden.com/guides/pf/thumbnail.php?image=2006/10/11/Calif_Sue/aad8bf.jpg


Color de titulos :

green


Sombra titulo :

1px 1px 1px #fff


Mensajes :

186


Puntos :

223


Me gusta :

25


ingreso :

20/01/2016


Sexo :

Femenino

Plataforma :

PhpBB2


Navegador :

Opera


Ver perfil de usuario

Volver arriba Ir abajo

Thank You Very Much

[likepost][time="13/11/18 - 9:27 hrs."][avatar="https://illiweb.com/fa/i/avatars/gallery/Cinema/Cinema_67.jpg" user_id="http://www.opensourcephpbb3.com/u1"][userlike="http://www.opensourcephpbb3.com/u1"] Chalo[/userlike][/likepost]
Eslam Love
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

72


Puntos :

73


Me gusta :

1


ingreso :

30/09/2018


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.