Resultados 1 al 11 de 11

Poner Imagen que parpadea cuando recibes una Notificación

Esta es una discusión en el tema Poner Imagen que parpadea cuando recibes una Notificación dentro del foro vB3 Modificaciones, parte de la categoría vBulletin 3x; La idea es que cuando recibas algunas notificación (MP, Mensajes de Visitas, etc) te aparezca una imagen que parpadee con la intención de llamar la atención del usuario El efecto se logra con un Gif, aquí les dejo la imagen que usaremos Imagen --> Editamos la Plantilla $navbar y buscamos ...

  1. #1
    Administrador Avatar de Jhonnyf
    Fecha de ingreso
    13/jun/2009
    Ubicación
    In my mind
    Mensajes
    1.363
    Gracias
    60
    Agradecido 1.104 veces en 565 mensajes
    Entradas de Blog
    1
    Poder de Credibilidad
    10

    Predeterminado Poner Imagen que parpadea cuando recibes una Notificación

    La idea es que cuando recibas algunas notificación (MP, Mensajes de Visitas, etc) te aparezca una imagen que parpadee con la intención de llamar la atención del usuario


    El efecto se logra con un Gif, aquí les dejo la imagen que usaremos

    Imagen -->


    Editamos la Plantilla $navbar y buscamos
    Código HTML:
    <div><span id="notifications">
    inmediatamente despues
    Código HTML:
    <img src="images/newpm.gif" class="inlineimg" title="Tienes Mensajes sin leer" alt="" border="0" height="10" width="22">




    [GRACIAS] -> es Boton magico que hace que siempre recibas soporte, USALO!!!

  2. Los siguientes 6 usuarios han agradecido a Jhonnyf por este útil mensaje:

    -=¤LØKÎN510051¤=- (27/01/2010), Chilesat (20/11/2009), Drhago (15/06/2010), engar (23/11/2009), Javaa (08/01/2011), ras_one (11/04/2010)

  3. #2
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    A ver, esto es genial, pero en otros foros he visto que en lugar de eso, se pone toda la frase dentro de un recuadro de otro color, la cosa queda mas o menos así: Tus notificaciones: 1

    Pero eso recuadrado y coloreado completamente, como si estuviese marcado para copiar, no se si me entendeis, ¿se puede hacer? ¿como?


  4. #3
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 727 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    No sé si te he entendio bien, pero si ha sido así, en vBsoporte ocurre eso. Cuando se tiene una notificación no leída, aparece el enlace con el fondo de otro color.

    Hacer clic en la imagen para la versión completa

Nombre:  noti.gif
Vistas: 6
Tamaño:  2,0 KB (Kilobytes)
ID: 157

    No es muy dificil conseguirlo, pero hay que tener en cuenta el color del estilo, si las notificaciones estan en la navbar o en el header, etc...

    Aqui lo tenemos puesto así:
    Código PHP:
    <if condition="$show['notifications'] OR $show['pmstats']">
    <
    span id="notifications"><<if condition="$notifications_total AND !$show['pmwarning']">style="background:#ffffff; color:#0a0a0a;" </if><if condition="$show['pmwarning']">style="background:#ff0000;" </if>href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]: $notifications_total</a></span>
    ....... 
    Por supuesto no es todo el código, pero quizás te de una idea...



  5. El siguiente usuario ha agradecido a mcloud por este útil mensaje:

    Lizard (11/12/2009)

  6. #4
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    Aja, ok, si que me has entendido, voy a probarlo y os cuento.


  7. #5
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    Bueno, lo tengo en el header, pero no consigo que me funcione con ese código, he sustituido el mio por este y nada, se descuadra y no funciona, Así lo tengo ahora:


    Código:
     <if condition="$show['notifications']">
                            <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
                            <script type="text/javascript"> vBmenu.register("notifications"); </script>
                        <else /><if condition="$show['pmstats']">
                            <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
                        </if></if>



  8. #6
    Administrador Avatar de mcloud
    Fecha de ingreso
    03/nov/2009
    Ubicación
    In your mind
    Mensajes
    804
    Gracias
    31
    Agradecido 727 veces en 267 mensajes
    Poder de Credibilidad
    10

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    ¿Has probado a poner sólamente esto style="background:#ffffff;" ?

    Utiliza este código
    <if condition="$show['notifications']">
    <div><span id="notifications"><a style="background:#ffffff;" href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]: <strong>$notifications_total</strong></a></span></div>
    <script type="text/javascript"> vBmenu.register("notifications"); </script>
    <else /><if condition="$show['pmstats']">
    <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
    </if></if>
    Es tú código al que solamente le he añadido lo que está en rojo. Cambia FFFFFF, por el color que mas te guste.

    Tambien se incluye el número de notificaciones dentro del enlace, para que ese número quede dentro de la zona resaltada.

    Ya me contarás.


  9. El siguiente usuario ha agradecido a mcloud por este útil mensaje:

    Lizard (11/12/2009)

  10. #7
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    Efectivamente, funciona de lujo, muchisimas gracias.


  11. #8
    Usuario Avatar de -=¤LØKÎN510051¤=-
    Fecha de ingreso
    27/ene/2010
    Mensajes
    22
    Gracias
    9
    Agradecido 1 vez en 1 mensaje
    Poder de Credibilidad
    0

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    instalado y de 10 el tip gracias brother

    Estoy en www.mexicoloko.com 100% Adictivo.

  12. #9
    Usuario Avatar de HellKeeper
    Fecha de ingreso
    07/abr/2010
    Ubicación
    Tenerife, Islas Canarias
    Edad
    30
    Mensajes
    19
    Gracias
    4
    Agradecido 0 veces en 0 mensajes
    Poder de Credibilidad
    0

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    Sé que este hilo es viejo, pero hace nada que he ingresado en el foro y acabo de ponerlo en el mío y queda GENIAL!!

    Un gran tuto y muy bien explicado!


  13. #10
    Usuario Avatar de Lizard
    Fecha de ingreso
    27/nov/2009
    Ubicación
    Granada-España
    Edad
    45
    Mensajes
    79
    Gracias
    19
    Agradecido 18 veces en 17 mensajes
    Poder de Credibilidad
    3

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    ¿Donde se modifica esto para vbulletin 4.1?


  14. #11
    Usuario
    Fecha de ingreso
    15/ago/2010
    Edad
    20
    Mensajes
    11
    Gracias
    7
    Agradecido 0 veces en 0 mensajes
    Poder de Credibilidad
    0

    Predeterminado Respuesta: Poner Imagen que parpadea cuando recibes una Notificaci

    Genial, sin querer lo encontré!
    Muchas gracias.


Etiquetas de este tema

Foro | Chat y Juegos | Hello Kitty | Programacion | Foro Cristiano | XAT | Chat Foro | Perú | SummArg