Log in

View Full Version : I made a cleaner blinking PM notifier

JohnBee
12-18-2004, 09:17 PM
I just finished a small template mod that I think makes a very clean addition
to the PM notification system.

I liked the other blinking notifiers out there, the bar and the table blinker
but they were to a little to bold or intrusive on my light layout so as an
alternative I created a smaller text based blinker which seems to ask for
attention without compromising my layout.

I attached a copy if anyone is interested in the code changes I would be
more than happy to share.
SaN-DeeP
12-24-2004, 04:30 AM
looks good :) nice work.
T3MEDIA
12-24-2004, 10:32 AM
I just finished a small mod that I think makes a very clean addition
to the PM notification system.

I liked the other blinking notifiers out there, the bar and the table blinker
but they were to a little to bold or intrusive on my light layout so as an
alternative I created a smaller text based blinker which seems to ask for
attention without compromising my layout.

I attached a copy if anyone is interested in the code changes I would be
more than happy to share.
just share... ask questions latter. lol
Floris
12-24-2004, 01:34 PM
Nice job!
I like this one more then the one used here on vBulletin.org :)
miz
12-24-2004, 02:24 PM
looks great if you will share will be appricated
JohnBee
12-24-2004, 05:46 PM
Okay but I can't release a full release typa thing cause i'm way to lame of a coder
for that. So I'll paste my code changes here instead.
JohnBee
12-24-2004, 05:54 PM
I'm not 100% there is anything else to note for this template mod
so if anyone tries and it doesnt work, I guess I can install on a
fresh vBB to test it and post correction. Otherwise I think this is it.

//Placed in NAVBAR header section //

<script language="JavaScript">

var on_color = "#FF0000";
var off_color = "#FFFFFF";
var blink_onoff = 1;
var blinkspeed= 500;
function blink()
{
if( blink_onoff == 1) {
document.all.blink.style.color = on_color;
blink_onoff = 0;
}
else {
document.all.blink.style.color = off_color;
blink_onoff = 1;
}
}
</script>



// Replaced my original NAVBAR pmunread template section with //

<if condition="$bbuserinfo['pmunread']">
<phrase 1="<font id=blink>$vbphrase[unread_x_nav_compiled]</font>" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase>

<script>
document.all.blink.style.color = off_color;
setInterval("blink()",blinkspeed);
</script><br>
<else />

<phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase><br></if>


// all done //
T3MEDIA
12-24-2004, 10:35 PM
What version you have? NAVBAR pmunread? Where is that?
JohnBee
12-25-2004, 12:00 AM
Sorry vB 3.0.3



// in your NAVBAR template find //

<if condition="$bbuserinfo['userid']">

<td class="alt2" valign="top" nowrap="nowrap">


// Right under that add //


<if condition="$bbuserinfo['pmunread']">
<phrase 1="<font id=blink>$vbphrase[unread_x_nav_compiled]</font>" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase>

<script>
document.all.blink.style.color = off_color;
setInterval("blink()",blinkspeed);
</script><br>
<else />

<phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase><br></if>

// all done //


That Should be it :)
h75
12-25-2004, 02:27 AM
Is it XHMTL 1.0 ??
JohnBee
12-25-2004, 04:58 AM
It's just java scripting as far as I know. I tested it with ie, firefox and opera
it worked with all of the above.
Scooterpig
05-11-2005, 07:39 AM
Has anyone got this working cause I can't figure out the - //Placed in NAVBAR header section // bit as to where the code goes and if the 2 posted changes are both to be done or just the 1 ????????
JohnBee
05-20-2005, 06:28 AM
One easy way to work this into your layout is to place the code without overwritting
anything, yes you will have multiple instances of PM messages but... it will allow you
to work it into your navbar without compromising or messing up your layout.

I can't figure out the - //Placed in NAVBAR header section // bit
You place that code anywheres between your navbar template <head> </head>
section.
playstation
05-20-2005, 07:19 AM
Works great on 3.0.7.

And it intergrated well into the templates.
JohnBee
05-20-2005, 09:55 AM
glad you like it ;)
Fusion.nl
05-23-2005, 02:26 PM
Nice, just the thing i wanted, since the sound notivication on pm was a bit over the top imho.

But...it doesnt work in Firefox. At least not with me. With IE it works fine, but who uses that browser these days anyway. :rolleyes:

Works great on 3.0.7.

And it intergrated well into the templates.

You seem to have the same problem. It also doesnt work in Firefox. :ermm:
JohnBee
05-23-2005, 04:51 PM
it works fine in FF i brows the forums with FF all the time and get the blinking
PM line.

dbl check your code and script tag placement
Fusion.nl
05-23-2005, 05:44 PM
I know something better. (in not a codebuff, more like a vB haxer. :cheeky: )

Template style "navbar". (as it currently is, so after your modifications)

<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=1)";
if (confirm('$vbphrase[sure_you_want_to_log_out]'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->

<!--
var on_color = "#FF0000";
var off_color = "#FFFFFF";
var blink_onoff = 1;
var blinkspeed= 500;
function blink()
{
if( blink_onoff == 1) {
document.all.blink.style.color = on_color;
blink_onoff = 0;
}
else {
document.all.blink.style.color = off_color;
blink_onoff = 1;
}
}
//-->
</script>
<br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="54" height="30" valign="top"><img src="$stylevar[imgdir_misc]/cat_left.gif" width="54" height="30"></td>
<td width="100%" align="center" valign="middle" background="$stylevar[imgdir_misc]/cat_mid.gif"></td>
<td width="54" valign="top"><img src="$stylevar[imgdir_misc]/cat_right.gif" width="54" height="30"></td>
</tr>
</table>

<!-- 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)"><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]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]" 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="$bbuserinfo['userid']">

<td class="alt2" valign="top" nowrap="nowrap">
<div class="smallfont">
<!--<span style="float:$stylevar[right]">[<a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a>]</span>-->
<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase><br />
<if condition="$bbuserinfo['pmunread']">
<phrase 1="<font id=blink>$vbphrase[unread_x_nav_compiled]</font>" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase>

<script>
document.all.blink.style.color = off_color;
setInterval("blink()",blinkspeed);
</script><br>
<else />

<phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl]">$vbphrase[private_messages_nav]</phrase><br></if>
</div>
</td>

<else />

<td class="alt2" nowrap="nowrap" style="padding:0px">

<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password,vb_ login_md5password_utf)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont">$vbphrase[username]</td>
<td><input type="text" class="button" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont">$vbphrase[password]</td>
<td><input type="password" class="button" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="4" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="forceredirect" value="1" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->

</td>

</if>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div align="center">
<table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="35" align="left" valign="top"><img src="$stylevar[imgdir_misc]/cat_small_left.gif" width="35" height="20" alt=" " border="0" /></td>
<td width="100%" style="background-image:url($stylevar[imgdir_misc]/cat_small_mid.gif)"><img src="$stylevar[imgdir_misc]/cat_small_mid.gif" width="100%" height="20" alt=" " border="0" /></td>
<td width="35" align="right" valign="top"><img src="$stylevar[imgdir_misc]/cat_small_right.gif" width="35" height="20" alt=" " border="0" /></td>
</tr>
</table>
</div>
<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">
<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" method="post">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="showposts" value="0" />
<input type="text" class="bginput" name="query" size="20" />$gobutton<br />
</form>
</td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php?$session[sessionurl]" accesskey="4">$vbphrase[advanced_search]</a></td>
</tr>
</table>
</div>
<!-- / header quick search form -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getnew">$vbphrase[new_posts_nav]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,me nubar=no,toolbar=no,scrollbars=yes,resizable=yes,w idth=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td></tr>

<tr><td class="thead"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmstats']"><tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]">$vbphrase[private_messages]</a></td></tr></if>
<!-- [START HACK='vB Pager' AUTHOR='WwW.UAEWEB.COM' VERSION='2.0.4' CHANGEID= 4 ] -->
<if condition="$bbuserinfo[canpager]">
<tr><td class="vbmenu_option"><a href="#" onClick='window.open("$vboptions[bburl]/pager.php?action=pager&do=log&folder=inbox","pagerlog","statusbar=no,menubar=no,toolbar=no,scrollbars=yes, resizable=no,width=430,height=400");return false;'>$vbphrase[vbpager_messages]</a></td></tr>
</if>
<!-- [END HACK='vB Pager' AUTHOR='WwW.UAEWEB.COM' VERSION='2.0.4' CHANGEID= 4 ] -->
<tr><td class="vbmenu_option"><a href="subscription.php?$session[sessionurl]">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php?$session[sessionurl]">$vbphrase[whos_online]</a></td></tr></if>

</table>
</div>
<!-- / user cp tools menu -->
</if>
<!-- / NAVBAR POPUP MENUS -->
</if>
<br>