PDA

View Full Version : Private Messages Enhancements - Change Userinfo Box on New Notification


nix
11 Jan 2008, 19:03
This will change the Navbar where the userinfo is to a different color when a user has a unread private message, unread profile message, profile visitor message awaiting approval, incoming friends request, requests to join users social group or an invitation to join social groups.

This can be done with a simple template edit but I do this on so many forums I'm tired of doing the template edit every update. So this hack is born.

1.1 - Fixed the code to match 3.7 (thanks boofo for bringing it up)

Install Info:


Import the product.
done.


See SS for example.

How to change the style:

I used the td.inlinemod class for the color effect. If you wish to use your own just create some custom CSS and add it in the additional CSS field in you style manager for the styles you use. You could also add a background image in your custom CSS for other effect.

To change the CSS go into the options page for this hack and where it says replacment text change the following:

<td class="inlinemod" nowrap="nowrap">


Now you would replace the text in red "inlinemod" to your custom CSS. Depending on your style it would look something like this.

<td class="yourcss" nowrap="nowrap">

youradhere4222
11 Jan 2008, 21:23
Very nice!

JAuthement
12 Jan 2008, 01:36
Nice mod ... made a few CSS changes to suite my site but overall assessment of this is "Very Nice" and simple!!

Zaiaku
13 Jan 2008, 16:34
Nice simple and very useful

Golzarion
13 Jan 2008, 17:14
I used This modification (http://www.vbulletin.org/forum/showthread.php?t=165543) too. but now I have a problem in navbar view.

I attached the problem screen shot .

How should I changed the navbar to affect the complete color changing ?

Golzarion
15 Jan 2008, 18:09
no idea ?

nix
15 Jan 2008, 20:28
Just change the css or what the mod is looking for in the template.

:Judge:
16 Jan 2008, 09:02
Had a issue but fixed after simply looking at it.

I had to use this:
<td class="inlinemod" nowrap="nowrap">
because there was no valign in my code.

Thanks!

nix
16 Jan 2008, 20:29
Had a issue but fixed after simply looking at it.

I had to use this:
<td class="inlinemod" nowrap="nowrap">
because there was no valign in my code.

Thanks!

Yea that was just left over from vb 3.6 directions.

Ohiosweetheart
26 Jan 2008, 13:32
GREAT idea! I'll be using this for sure.

kiFF
26 Jan 2008, 14:18
I like it. It makes getting notifications more exciting, lol.

Boofo
31 Jan 2008, 21:57
Yea that was just left over from vb 3.6 directions.

This hasn't been fixed in this version yet. ;)

nix
01 Feb 2008, 00:18
This hasn't been fixed in this version yet. ;)

Ah. Good eye. I didn't notice it. Fixed!

Boofo
04 Feb 2008, 17:22
This is an excellent mod, thank you. ;)

And also thank you for the great tutorial on automatic template changes. ;)

Is there an easier way to do them than building a file manually? That's the only way I could do it.

Black Tiger
07 Feb 2008, 02:03
Does this only change the color? Or does this hack also makes that nice "Your notifications" box which I see in the screenshot?

nix
07 Feb 2008, 05:27
This is an excellent mod, thank you. ;)

And also thank you for the great tutorial on automatic template changes. ;)

Is there an easier way to do them than building a file manually? That's the only way I could do it.
Not sure what you mean.
Does this only change the color? Or does this hack also makes that nice "Your notifications" box which I see in the screenshot?
That is from vbulletin 3.7

ND4SPD
14 Feb 2008, 22:03
Does this version work with VBA CMPS? The previous version erased the notifications line when viewing the navbar with the CMPS. See screenshot.

uReside.com
15 Feb 2008, 14:37
When i try to download the XML it doesn't do anything... it just clicks. no download. am i doing something wrong?

nix
17 Feb 2008, 10:23
Dunno. That is a problem with you and this site. Ask one of admins on here.

uReside.com
17 Feb 2008, 14:30
Dunno. That is a problem with you and this site. Ask one of admins on here.

Strange. I can download all the other ones, just not this one. :(

nix
17 Feb 2008, 18:25
Strange. I can download all the other ones, just not this one. :(

Try this zip.

uReside.com
18 Feb 2008, 04:32
That worked! Thanks!

Pamela
10 Mar 2008, 18:51
*clicks install*

Works perfectly! Thank you!!! :)

shlomot
11 Mar 2008, 17:11
Thanks a lot for your nice touch. Installed and rated.

Since you are so on top of this little userinfo, can we ask you to add a forgot password checkbox to this script? We are getting quite a few alerts each week from members that cannot find the forgot password bit on the forum, and I admit that it isn't that obvious even for experienced users.

Zaiaku
17 Mar 2008, 19:28
changing the css definitely makes the mode much better, that yellow just wasn't getting it. Thx again.

Koroku
21 Mar 2008, 03:13
I just installed RC1, and I have to say... already extremely useful. :D

*click install

toucan42
09 Apr 2008, 16:46
execllent! *clicks install* thanks for this one!

Magnumutz
09 Apr 2008, 17:18
This only worked on the default vBulletin skin. Didn't work on dark_vb.
Any ideas why?

nix
10 Apr 2008, 02:41
your html is probably different. You'll have to make it match.

Magnumutz
10 Apr 2008, 03:10
I searched the navbar template of dark_vb and <td class="inlinemod" nowrap="nowrap"> is there.

airborneCAL
10 Apr 2008, 03:20
I'd like to change the css color that shows instead of the yellow but I'm not sure how. Any help? Great mod BTW.

carrlos
10 Apr 2008, 03:53
I too like it but would like a brighter color like flurescent green or pink to make it more visible. How is that done???

carrlos
10 Apr 2008, 04:49
Never mind! I got it! I changed:

<td class="inlinemod" nowrap="nowrap">
to:

<td class="pmbox" nowrap="nowrap">

And added this to the Additional CSS Definitions in Style Manager > Main CSS

.pmbox { background-color: #33CCFF; color: #000000;}

nix
10 Apr 2008, 05:11
I'd like to change the css color that shows instead of the yellow but I'm not sure how. Any help? Great mod BTW.

Never mind! I got it! I changed:

<td class="inlinemod" nowrap="nowrap">
to:

<td class="pmbox" nowrap="nowrap">

And added this to the Additional CSS Definitions in Style Manager > Main CSS

.pmbox { background-color: #33CCFF; color: #000000;}

Change the html to a class you want to use. Then add that class to the additional CSS.

Magnumutz
10 Apr 2008, 18:22
Any idea on my problem?

nix
11 Apr 2008, 19:15
Any idea on my problem?

You just need to find what the html is when you have a new notification and use that.

On one site I have a totally custom skin. This is what it looks like with a new notification.

http://www.vbulletin.org/forum/attachment.php?attachmentid=76114&d=1203248390

All this takes is some css skills and a little bit of html.

Magnumutz
12 Apr 2008, 07:52
Nevermind, i found something better, sorry for the trouble.

Boofo
12 Apr 2008, 08:19
Nevermind, i found something better, sorry for the trouble.

What did you find that could possibly be better than this?

nix
12 Apr 2008, 18:21
Cracker Jack coding to the rescue. I guess I'm the only one who sees a problem with one how the "other" is doing it and two the plan just disregard to anything.

I should go make a you thanked hacked. Because its different from the thank you hack because its called you thanked. :/

Boofo
12 Apr 2008, 18:42
nix, you have to realize that some coders can't seem to come up with their own ideas so they take someone else's and rework it into their own, when the idea they stole is actually better than what they come up with. ;)

RvG2
12 Apr 2008, 18:56
well said :)

nix
12 Apr 2008, 19:03
Yea. Seems like a growing trend.

I just don't see why its so difficult to change this line

<td class="inlinemod" nowrap="nowrap">

to what ever you want.

<td class="mycss" nowrap="nowrap">

and then add this to the additional css in the style.

.mycss {background: #FFFFCC; color: #000;}

or if you want an image like how I have it

.mycss {background: transparent url(/path/to/my/image.png) no-repeat scroll right top;}

But to use an image to change the background color, well thats just...

Boofo
12 Apr 2008, 20:05
is there any way to make that image a tad smaller or transparent and include it in the first post? I'd like to try that, just for the heck of it.

nix
12 Apr 2008, 20:30
what do you mean?

Boofo
12 Apr 2008, 21:13
The pic you use for your background.

carrlos
17 Apr 2008, 18:30
Yea. Seems like a growing trend.

I just don't see why its so difficult to change this line
But to use an image to change the background color, well thats just...

In my defense, I don't use an image to change the background color but use an animated .gif file to flash the box. I don't know who came up with idea first and I really don't care. They both work. As for this one, for me it is more work because I am an average guy (read: non-coder) and find it more easy to reupload an image rather than recode something everytime I want to change it. That is the ease that I and many others find in a slightly different version of this hack.

But keep up the good work because it definitely is good work. :up:

rapidphim
22 Apr 2008, 23:06
It works on RC3 right? Would someone please confirm? Thanks.

Golzarion
27 Apr 2008, 18:39
It works on RC3 right? Would someone please confirm? Thanks.
I used on RC4! It works perfectly..

nix
28 Apr 2008, 23:32
there is a 3.7 version but they are the same.

Super Jinni
21 May 2008, 12:33
Yea. Seems like a growing trend.

I just don't see why its so difficult to change this line

<td class="inlinemod" nowrap="nowrap">

to what ever you want.

<td class="mycss" nowrap="nowrap">

and then add this to the additional css in the style.

.mycss {background: #FFFFCC; color: #000;}

or if you want an image like how I have it

.mycss {background: transparent url(/path/to/my/image.png) no-repeat scroll right top;}

But to use an image to change the background color, well thats just...

none of that works for me and the background color changed only to black

any idea about how to move around this please?

:)

Vinyljunky
22 May 2008, 12:38
Simple but effective!

Thanks

VinylJunky

Stax
03 Jun 2008, 11:22
Not sure what you mean.

That is from vbulletin 3.7
Silly question but what must i do to even get the box to show up?

solidlink
03 Jun 2008, 15:17
doesnt seem to work for me...

solidlink
06 Jun 2008, 20:24
doesnt work for me, anyone knows?

nix
06 Jun 2008, 20:45
do you have a custom skin?

Essencee
08 Jun 2008, 16:12
I have a custom skin and this is doesn't work.
What can I do?

Thank you!

nix
09 Jun 2008, 04:11
You have to figure out how your skin is coded and change what you need for this mod to work.

Essencee
09 Jun 2008, 13:42
I did that. And this is not working.. Why?
Thank you again!

n95gps
23 Aug 2008, 04:01
this is not working for me

i have customed skin.. andi dont know what to look for to change

i guess this hack limit its use for original vb style..

its a very nice mod but its not for everyone

i was going to nominate it but i guess since i couldn't install it i am not

thanx anyhow

Wheezy
23 Aug 2008, 04:19
This is great! Thank you for sharing :D

jpbryan
24 Sep 2008, 12:26
Thank you. Installed and working great.

Sweeks
04 Jan 2009, 16:35
I cant seem to find where to add the class to:



<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td>&nbsp;</td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong>
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications'] AND $show['popups']">
<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>

<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>
</if>
</tr>
</table>

<if condition="$show['notices']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="alt1">$notices</td>
</tr>
</table>

</if>

<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>

</tr>
</table>

</if>

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none" align="$stylevar[left]">

<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="search.php?do=process" method="post">

<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
<div style="margin-top:$stylevar[cellpadding]px">
<label for="rb_nb_sp0"><input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />$vbphrase[show_threads]</label>
&nbsp;
<label for="rb_nb_sp1"><input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />$vbphrase[show_posts]</label>
</div>
</form>
</td>
</tr>
<if condition="$vboptions[threadtagging]">
<tr>
<td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
</tr>
</if>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
$template_hook[navbar_search_menu]
</table>
</div>
<!-- / header quick search form -->
</if>



Any ideas? Thank you :D
________
Bmw r32 history (http://www.bmw-tech.org/wiki/BMW_R32)

KEKforce
15 Jan 2009, 23:10
Works with 3.8.0 gold

DieselMinded
15 Mar 2009, 18:27
Installed and its proper html as well