PDA

View Full Version : Forum Home Enhancements - New Notification Image


ericgtr
25 Dec 2007, 22:34
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
25 Dec 2007, 23:01
What Jpg ?

SwollenCranium
25 Dec 2007, 23:12
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
25 Dec 2007, 23:12
I was hoping it wasn't that ...
Yeah, it's sort of hard to notice that it's separated from the screenshot.

Hornstar
27 Dec 2007, 12:17
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
27 Dec 2007, 17:36
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
02 Jan 2008, 22:52
you should fix your code, there it's a .gif but you say we should upload the .jpg :)

ericgtr
03 Jan 2008, 15:56
you should fix your code, there it's a .gif but you say we should upload the .jpg :)
Changed, thanks.

Aziz Elkbiry
04 Jan 2008, 00:11
thank you

Howell
06 Jan 2008, 22:39
I changed the image into a flashing gif image and used that instead as it makes the user more aware of the notification.

slmoney
07 Jan 2008, 01:54
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
07 Jan 2008, 18:22
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
11 Jan 2008, 23:45
What I have done is just linked it to my User CP. It will display any new notification items all in one place.

BoredOutOfMyMin
21 Jan 2008, 00:41
Nice Mod.

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

Derekclarke
29 Jan 2008, 00:47
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
01 Feb 2008, 16:16
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
03 Feb 2008, 19:52
Nice :) Thanks.

Rich
08 Feb 2008, 14:54
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
09 Feb 2008, 12:22
Thanks Rich..... :)

However their is a problem.....

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

See attached Image

Jase2
10 Feb 2008, 16:45
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
11 Feb 2008, 20:06
Nope still in the same place.....

Rich
12 Feb 2008, 21:28
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
23 Feb 2008, 22:18
Yep That done it Thanks...

It looks Great. :)

yaoren
21 Apr 2008, 23:10
OH I love this, ty ty!

yaoren
21 Apr 2008, 23:42
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
06 May 2008, 13:47
Would this work with the Sound Notification hack?

LorraineMc
07 May 2008, 15:44
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
08 May 2008, 09:28
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
08 May 2008, 22:16
Here is what i am using, feel free to use them if you want, i didn't make em.

racechick20
13 Jun 2008, 15:19
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
13 Jun 2008, 16:10
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
25 Jun 2008, 14:03
thanks

PoetJA-1975
26 Jun 2008, 13:29
Thanx ;)

Jacquii.

Quantnet
28 Jun 2008, 09:28
can we have a transparent image to be used in dark styles?

PoetJA-1975
28 Jun 2008, 16:05
Should be able to use on any background.
Enjoy the following animated gifs in size 24px & 32 px

mA|tRiX
04 Jul 2008, 09:22
Thank you. :) Works fine. :)

Mike Gaidin
05 Jul 2008, 22:26
Nice addition. Thanks!

star88
08 Jul 2008, 02:30
thanks Eric for the mod,
and thanks to jacquii too, for the gif.
marked as installed.

PoetJA-1975
08 Jul 2008, 09:15
You're welcome ;)

Jacquii.

Artes_Marciales
27 Jul 2008, 12:10
*installed*

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

goxy63
14 Dec 2008, 01:46
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
16 Dec 2008, 22:59
I added the code and your default pic.

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

Keesa
18 Dec 2008, 07:22
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://www.vbulletin.org/forum/external/2008/12/23.gif

:D

Toxist
20 Dec 2008, 07:30
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
02 Jan 2009, 19:44
I installed it without problems, thanks for this mod and thanks to PoetJA-1975 for the animated pics :D.

reptiliciuos
20 Jan 2009, 12:49
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
21 Jan 2009, 21:22
got it sorted, i had a different mod installed that was effecting things.

Got this all working great now, nice easy mod

thanks

redrabbit12
09 Feb 2009, 18:45
Thanks, installed.

samiro
18 Feb 2010, 10:57
can someone make this for vb4 ????

ericgtr
18 Feb 2010, 21:41
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
19 Feb 2010, 06:20
i will try - thank you
and if you will find the thred , please put it here
sory about my english :)

samiro
19 Feb 2010, 15:55
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)