Change Userinfo Box on New Notification

[nix]

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]

Very nice!

[JAuthement]

Nice mod ... made a few CSS changes to suite my site but overall assessment of this is "Very Nice" and simple!!

[Zaiaku]

Nice simple and very useful

[Golzarion]

I used This modification (https://vborg.vbsupport.ru/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]

no idea ?

[nix]

Just change the css or what the mod is looking for in the template.

[:Judge:]

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]

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]

GREAT idea! I'll be using this for sure.

[kiFF]

I like it. It makes getting notifications more exciting, lol.

[Boofo]

Yea that was just left over from vb 3.6 directions.

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

[nix]

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

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

[Boofo]

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]

Does this only change the color? Or does this hack also makes that nice "Your notifications" box which I see in the screenshot?

[nix]

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]

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]

When i try to download the XML it doesn't do anything... it just clicks. no download. am i doing something wrong?

[nix]

Dunno. That is a problem with you and this site. Ask one of admins on here.

[uReside.com]

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]

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

Try this zip.

[uReside.com]

That worked! Thanks!

[Pamela]

*clicks install*

Works perfectly! Thank you!!! :)

[shlomot]

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]

changing the css definitely makes the mode much better, that yellow just wasn't getting it. Thx again.

[Koroku]

I just installed RC1, and I have to say... already extremely useful. :D

*click install

[toucan42]

execllent! *clicks install* thanks for this one!

[Magnumutz]

This only worked on the default vBulletin skin. Didn't work on dark_vb.
Any ideas why?

[nix]

your html is probably different. You'll have to make it match.

[Magnumutz]

I searched the navbar template of dark_vb and <td class="inlinemod" nowrap="nowrap"> is there.

[airborneCAL]

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]

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]

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]

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]

Any idea on my problem?

[nix]

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.

https://vborg.vbsupport.ru/attachment.php?attachmentid=76114&d=1203248390

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

[Magnumutz]

Nevermind, i found something better, sorry for the trouble.

[Boofo]

Nevermind, i found something better, sorry for the trouble.

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

[nix]

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]

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]

well said :)

[nix]

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]

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]

what do you mean?

[Boofo]

The pic you use for your background.

[carrlos]

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]

It works on RC3 right? Would someone please confirm? Thanks.

[Golzarion]

It works on RC3 right? Would someone please confirm? Thanks.
I used on RC4! It works perfectly..

[nix]

there is a 3.7 version but they are the same.

[Super Jinni]

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]

Simple but effective!

Thanks

VinylJunky

[Stax]

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]

doesnt seem to work for me...

[solidlink]

doesnt work for me, anyone knows?

[nix]

do you have a custom skin?

[Essencee]

I have a custom skin and this is doesn't work.
What can I do?

Thank you!

[nix]

You have to figure out how your skin is coded and change what you need for this mod to work.

[Essencee]

I did that. And this is not working.. Why?
Thank you again!

[n95gps]

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]

This is great! Thank you for sharing :D

[jpbryan]

Thank you. Installed and working great.

[Sweeks]

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]

Works with 3.8.0 gold

[DieselMinded]

Installed and its proper html as well