Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Roger Hoy a las 1:56 am

[ayuda] mostrar y ocultar div
por RinC Vie Dic 15, 2017 5:17 pm

[html]Colección de Cards informátivo
por Julinho Vie Dic 15, 2017 3:19 pm

[html]Menú de enlaces simple
por Andreii Vie Dic 15, 2017 2:36 pm

[html]Escaparate de imágenes sencillo
por Andreii Vie Dic 15, 2017 2:30 pm

[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);
    }

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 :

496


Puntos :

647


Me gusta :

89


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 :

496


Puntos :

647


Me gusta :

89


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


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

Volver arriba Ir abajo

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

¿Que estoy pensando? :

Caballo sin nombre... [table class=fecha_up][td]Se modifico:31/07/17 - 20:22 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/FzYAhXk.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1481


Puntos :

2155


Me gusta :

396


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
Mensaje  Chalo


@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
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/XlCMsAOh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6469


Puntos :

8481


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario http://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 :

496


Puntos :

647


Me gusta :

89


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


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

Volver arriba Ir abajo

Mensaje  rokitx
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 :

62


Puntos :

66


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

Mensaje  Roger
gracias veo el code
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 :

301


Puntos :

335


Me gusta :

26


ingreso :

30/03/2015


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.