100%
|
Post by Aaron on Oct 23, 2004 20:16:59 GMT -8
Hi-Tech PM Bar v.1- Dynamic - Cross-Browser Preview: Click Here User: test Pass: test Top of All Headers:<style type="text/css"> <!-- .pmbar { background-color: #444444; background-image: url(URL); background-repeat: repeat; } //--> </style>
<script type="text/javascript"> <!-- /* Hi-Tech PM Bar v.1 Created by Naruto hatakeforum.proboards30.com/index.cgi This code cannot be posted without the creator's permission */
// First flash color - Darker color than AfterFlash var BeforeFlash = "#666666"; // Second flash color - Lighter color than BeforeFlash var AfterFlash = "#999999";
function Click(pm) { var Function = document.getElementById(pm); if (Function.parentNode.style.display=="none") { Function.parentNode.style.display=""; } else { Function.parentNode.style.display="none"; } }
function flash(name) { if (name=="flash0") { document.getElementById("flashtext").style.color=""+BeforeFlash+""; document.getElementById("flashtext").name="flash1"; } else { document.getElementById("flashtext").style.color=""+AfterFlash+""; document.getElementById("flashtext").name="flash0"; } setTimeout("flash(document.getElementById('flashtext').name)",500) }
var TD = document.getElementsByTagName("TD"); if(TD[2].innerHTML.match(/<\/a>,\s(\d+)\s/i)) { var NewPM = RegExp.$1 } if(TD[2].innerHTML.match(/action=im">(\d+)\s/i)) { var TotalPM = RegExp.$1 }
var PMBar = document.getElementsByTagName("Table")[0].insertRow(2).insertCell(0); var PMBar2 = document.getElementsByTagName("Table")[0].insertRow(3).insertCell(0);
PMBar.className="pmbar"; PMBar.style.padding="3";
if(TD[2].innerHTML.match(/Welcome Guest/i)) { PMBar.innerHTML="<center>( <a href='index.cgi?action=login'>Login</a> | <a href='index.cgi?action=register'>Register</a> )</center>"; } else if(TD[2].innerHTML.match(/, 0 are new./i)) { PMBar.innerHTML="<font color='"+BeforeFlash+"'>»</font> <a href=javascript:Click(\"pm\");>Check PMs</a> <font color='"+BeforeFlash+"' size='1'>No New</font>"; } else { PMBar.innerHTML="<div id=\"flashtext\" name=\"flash0\">» <a href=javascript:Click(\"pm\");>Check PMs</a> <font size='1'>New</font></div>"; flash(document.getElementById("flashtext").name); }
PMBar2.className="windowbg2"; PMBar2.style.padding="3"; PMBar2.id="pm"; PMBar2.parentNode.style.display="none"; PMBar2.innerHTML="<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td><font size='1'>Total PMs: "+TotalPM+" - New: <a href='index.cgi?action=im'>"+NewPM+"</a></font></td><td align='right'><font size='1'>[ <a href='index.cgi?action=im'>Inbox</a> ] [ <a href='index.cgi?action=im&view=outbox'>Outbox</a> ] [ <a href='index.cgi?action=imsend'>Compose</a> ] [ <a href='index.cgi?action=imprefs'>Preferences</a> ]</font></td></tr></table>"; //--> </script>
Last Edit: Oct 25, 2004 5:22:28 GMT -8 by Aaron
|
|
|
Post by Marty on Oct 23, 2004 21:03:57 GMT -8
Great work! I love it! My only suggestion: Make the check pms text flash or something to let the user know they have new pms.
|
|
|
Post by Uchiha Susuke on Oct 23, 2004 21:06:43 GMT -8
looks great!
i agree with marty, but personally, i think the layout is simple but effective
|
|
|
Post by Kenshin on Oct 23, 2004 21:07:25 GMT -8
Yes I agree with, Marty, but great work..Its one of the best yet
|
|
|
Post by ShadowyOne on Oct 24, 2004 10:25:29 GMT -8
Nice job. I know that PMs are in the welcome table on the front page, but maybe for this code it should be added where it is on all the other pages...if that makes sense.
|
|
100%
|
Post by Aaron on Oct 24, 2004 14:50:48 GMT -8
Thanks everyone. I'm taking those suggestions and inputting them right now. Nice job. I know that PMs are in the welcome table on the front page, but maybe for this code it should be added where it is on all the other pages...if that makes sense. The code is for all headers so it will go on every page. It's just not on every page on the testing forum.
|
|
|
Post by CrAzY_J on Oct 24, 2004 14:57:00 GMT -8
tlooks a lil like my pm bar good work
|
|
100%
|
Post by Aaron on Oct 24, 2004 15:45:22 GMT -8
I've just updated the script. I had to study Uchiha Sasuke's blinking text script to get the text to flash :P I actually learned something, so I hope you didn't mind. tlooks a lil like my pm bar ::) In what way?
|
|
|
Post by Sephiroth on Oct 26, 2004 3:58:13 GMT -8
First hi-tech that ain't causing trouble!! You should be proud for all the high-tech codes man. Perfect... I am using them all (Except welcome table... )
|
|
Mary7
New Member
Posts: 4
|
Post by Mary7 on Nov 3, 2004 11:03:34 GMT -8
Hi, I posted on your test board about this today, but I'll copy/paste my message here so you can see it: ------------------------------ I LOVE how this looks and the way the options come up for inbox/outbox/compose/preferences. Very Nicely done. Question: I've been looking for something like this, but one that has the current time and date on the bar as well. You see how you have "check PMs" set off to the left? I think it would be perfect if off to the right, on that same bar, you had: Nov 3rd, 2004 2:02pm printed there... and in the same kind of text as you have "check PMs" (the darker text). My forum currently doesn't have a clock on it anywhere b/c the current PM bar code I'm using doesn't have it. I would really like the date/time to show up below the banner as it would on this bar if it were printed. (Plus, yours just looks better anyway.) I would just FAINT with gratitude if you could write such a code for me (or just somehow adjust this one, I love it) because I'm NOT a code person and I've been looking high and low for something like this. Sorry if this isn't the right place to ask such a thing, I'm just so excited seeing this... Can you let me know if this would be possible? (If you think I should direct my request to another location, please point me there.) here's my url toriforum.proboards12.com/index.cgiThanks in advance for any response. -Mary
|
|