New Notification Image

[ericgtr]

Now that we have notifications, I have modified my previous New PM hack to go along with the new setup. This will display when ever there is a new PM or Notification to grab the users attention.

In the navbar template find:

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>

Add this right under:

<if condition="$show['notifications']">
<td class="alt2" valign="top" nowrap="nowrap">
<img src="$stylevar[imgdir_misc]/notification.jpg" alt="You have a new Notification" border="0"></a>
</td>
</if>


Upload the attached "notification.jpg" to your /images/misc directory

~Please click Install if you use this~

[SwollenCranium]

What Jpg ?

[SwollenCranium]

That pic what is in his first Post. What else :)


I was hoping it wasn't that ...:eek:

** Joking ^^ of course I know I can change the pic.

[ericgtr]

I was hoping it wasn't that ...
Yeah, it's sort of hard to notice that it's separated from the screenshot.

[Hornstar]

Thanks, I was waiting for this to be released since vbulletin changed there minds in doing it.

Question tho, when a user has no pms, or no notifications, what is displayed then? (hopefully something is still displayed. Thanks.

[ericgtr]

Thanks, I was waiting for this to be released since vbulletin changed there minds in doing it.

Question tho, when a user has no pms, or no notifications, what is displayed then? (hopefully something is still displayed. Thanks.
It's based on a condition that you have a notification, so if there are no notifications it doesn't display anything, just the default. :)

[nerofix]

you should fix your code, there it's a .gif but you say we should upload the .jpg :)

[ericgtr]

you should fix your code, there it's a .gif but you say we should upload the .jpg :)
Changed, thanks.

[Aziz Elkbiry]

thank you

[Howell]

I changed the image into a flashing gif image and used that instead as it makes the user more aware of the notification.

[slmoney]

that flash is awesome...

I also have added the <a href="http://www.yourforum.com/private.php"> before the image..so they can click the image and it opens the private message page.

[Howell]

that flash is awesome...

I also have added the <a href="http://www.yourforum.com/private.php"> before the image..so they can click the image and it opens the private message page.

Unfortunately that link will not be valid if there is a different notification.

A Profile visitor message for example. ;)

[ericgtr]

What I have done is just linked it to my User CP. It will display any new notification items all in one place.

[BoredOutOfMyMin]

Nice Mod.

I was tempted to put that monkey avatar as the image on the left side!

[Derekclarke]

Great Thanks.... :)

Could you edit this to display an Image when their is no notifications, and then display another when their is?

I would like to use a mail box Image.... when no notifications its just normal... but when their is a notification the flag is displayed....

I have used a Gif file for now with the popup flag when their is a notification...
But would look great if i could have the mail box all the time.

Thanks
Derek

[aj8690]

Thanks. Is there any way to link this image so it has a drop-down of all the notifications, like the "Your Notifications" link? Here is the image I made for this; feel free to use it yourself. :)

Thanks.

[Teknik4]

Nice :) Thanks.

[Rich]

Great Thanks.... :)

Could you edit this to display an Image when their is no notifications, and then display another when their is?

I would like to use a mail box Image.... when no notifications its just normal... but when their is a notification the flag is displayed....

I have used a Gif file for now with the popup flag when their is a notification...
But would look great if i could have the mail box all the time.

Thanks
Derek

Just do this Derek:

<if condition="$show['notifications']">
<td class="alt2" valign="top" nowrap="nowrap">
<img src="$stylevar[imgdir_misc]/notification.jpg" alt="You have a new Notification" border="0" /> </a>
<else />
<img src="$stylevar[imgdir_misc]/nonotification.jpg" alt="You have no new notifications" border="0" />
</td>
</if>

If there is a new notification, it will display the notification.jpg. If there isn't, it will display the nonotification.jpg.

[Derekclarke]

Thanks Rich..... :)

However their is a problem.....

The No notification image appears in the wrong place....

See attached Image

[Jase2]

Try:

<if condition="$show['notifications']">
<td class="alt2" valign="right" nowrap="nowrap">
<img src="$stylevar[imgdir_misc]/notification.jpg" alt="You have a new Notification" border="0" /> </a>
<else />
<img src="$stylevar[imgdir_misc]/nonotification.jpg" alt="You have no new notifications" border="0" />
</td>
</if>

Regards Jason :)

[Derekclarke]

Nope still in the same place.....

[Rich]

Sorry, this should fix it:


<td class="alt2" valign="top" nowrap="nowrap">
<if condition="$show['notifications']">
<img src="$stylevar[imgdir_misc]/notification.jpg" alt="You have a new Notification" border="0" /> </a>
<else />
<img src="$stylevar[imgdir_misc]/nonotification.jpg" alt="You have no new notifications" border="0" />
</if>
</td>


I was in a hurry and only had the td showing if there was a notification.

[Derekclarke]

Yep That done it Thanks...

It looks Great. :)

[yaoren]

OH I love this, ty ty!

[yaoren]

Somehow I couldn't edit my previous post.

Anyhow this works fine as you can see although it forced my credits off. How can I fix this?

79075

*Edit - sorted it out, sorry!

[dannykilla]

Would this work with the Sound Notification hack?

[LorraineMc]

Thank you have installed...this is so cute....I really wanted to use your avatar for the notification image. (I think that image is so cute for this) is there away to move the image to the left of the notification box rather then to the right? (I am not handy dandy with code so I don't want to play to much....I did try valign=left but that doesn't work) can you tell me an easy solution?

Thanks aj8690 for your image, as I am using that one right now and it works perfect

[LorraineMc]

I really hope you don't mind but i mirrored the image and converted it back to a gif and am using this as my notification image and wanted to share it back here...thank you again for this great mod.
80132

[Replicators]

Here is what i am using, feel free to use them if you want, i didn't make em.

[racechick20]

Hey there, Ericgtr.

Thank you for a great little mode. I love it and I desperately want to use it but can I get it to work? Can I cocoa. I am using a custom skin and would have to use this in part of the side bar. I think it has to go in here somewhere, with a little editing, but what ever I do and however I try, I break the design. My image is 26x26 pixels. I've attached it, it's one I made so if anyone wants it - feel free. :)

<div class="lbh">Quick Member Login:</div>
<div class="lb">
<if condition="$show['member']">
<div class="smallfont">
<span class="lbi"><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></span><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase><br />
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase><br></if>
<if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
</div>
<else />

Any ideas of how I could include this? I don't mind it being at the top or on a seperate line. Here's a screen shot of where it should go. And all this is part of the header template.

[racechick20]

Hey there, Ericgtr.

Thank you for a great little mode. I love it and I desperately want to use it but can I get it to work? Can I cocoa. I am using a custom skin and would have to use this in part of the side bar. I think it has to go in here somewhere, with a little editing, but what ever I do and however I try, I break the design. My image is 26x26 pixels. I've attached it, it's one I made so if anyone wants it - feel free. :)

<div class="lbh">Quick Member Login:</div>
<div class="lb">
<if condition="$show['member']">
<div class="smallfont">
<span class="lbi"><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></span><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase><br />
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase><br></if>
<if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
</div>
<else />

Any ideas of how I could include this? I don't mind it being at the top or on a seperate line. Here's a screen shot of where it should go. And all this is part of the header template.

I fixed it! I had to use this:

<!----Notification warning icon---->
<if condition="$show['notifications']">
<img src="$stylevar[imgdir_misc]/notification.gif" alt="You have a new Notification" border="0"></a>
</if>
<!---- / Notification icon---->

But I had left a </td> in there and that broke the design. D'oh!!

[steve1966]

thanks

[PoetJA-1975]

Thanx ;)

Jacquii.

[Quantnet]

can we have a transparent image to be used in dark styles?

[PoetJA-1975]

Should be able to use on any background.
Enjoy the following animated gifs in size 24px & 32 px

[mA|tRiX]

Thank you. :) Works fine. :)

[Mike Gaidin]

Nice addition. Thanks!

[star88]

thanks Eric for the mod,
and thanks to jacquii too, for the gif.
marked as installed.

[PoetJA-1975]

You're welcome ;)

Jacquii.

[Artes_Marciales]

*installed*

How to use same color...
http://img144.imageshack.us/img144/9869/captureoo1.jpg

[goxy63]

One of my users has 2notifications (user profile msgs)

They are still there after some time....few hrs already

Any pointers ?

Thanks
--------------
Issue resolved, In admin cp under Maintenance > Update Counters
I rebuilded some tables and stuff, and user dont have that problem anymore, not shure is this related or not...but now its ok

Any ideas what was problem ?

[cptrek]

I added the code and your default pic.

I'm not seeing any changes though. What could I have done wrong?

[Keesa]

Thank you so much for this. I upgraded our skin and our members went on a mutiny without their email dude.

Here is who we use.

https://vborg.vbsupport.ru/external/2008/12/23.gif

:D

[Toxist]

I was forced to un install this, 2 hours for what seems simple, yet the only thing that shows up is you have new mail where the jpg should be. I have a new style and don't know if that may cause the issue or not. I put the jpg as directed and a few other places as well and it will not show up. oh well, I am glad others got it to work though. Tks for the mod for those who can use it.

[masterweb]

I installed it without problems, thanks for this mod and thanks to PoetJA-1975 for the animated pics :D.

[reptiliciuos]

I am using this on 3.8, and it seems to work great, apart from I cant get it to show the icon if there is just a new private message?

Works great with noifications, even with the extra code to display a different icon when there is no notifications, which is what it does with ne PMs.

Have I messed it up or missed something??

[reptiliciuos]

got it sorted, i had a different mod installed that was effecting things.

Got this all working great now, nice easy mod

thanks

[redrabbit12]

Thanks, installed.

[samiro]

can someone make this for vb4 ????

[ericgtr]

I think someone already has, you may want to search around for it. I didn't recreate it for 4.0 because it's so easy to modify the stylevar to stick out like a sore thumb when there is a new notification.

You can easily do this by going to your stylevars and under "Navbar" look for "Navbar Background Notification" and change the color to something different. I changed mine to red and now anytime there is a new notification it will automatically change.

[samiro]

i will try - thank you
and if you will find the thred , please put it here
sory about my english :)

[samiro]

i can't
i dont know how to do this - i want the pm to be here: and like this
with a photo (see attachment)