[Sean James]

Originally Posted by iVox

Excellent, and of course installed and marked as installed on my dev server (not yet available to the public, under construction).

First off, for those who opted to remove the flash and use the image method instead for the top right of the header, I used the attached images supplied in this thread and created two new images (which you create on your own) named as follows:

header-right-offline.jpg - the attachment found in this thread
header-right-online.jpg - has the green online graphic copy/pasted via Adobe PS

I wanted the appropriate image to display to the user based on their current login status, so I then edited the common header template as follows - after uploading both images in forums/images/USFTECH/misc:

 
<!--
<script type="text/javascript" src="$stylevar[imgdir_misc]/swfobject.js"></script>
-->
<!-- logo -->
<a name="top"></a>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
 <tr>
  <td width="50" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
  <td width="8" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
  <td width="452" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
  <td width="100%" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
  <td width="129" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
  <td width="11" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
  <td width="118" height="1"><img src="$stylevar[imgdir_misc]/spacer.gif" alt="" /></td>
 </tr>
 <tr>
  <td colspan="7" width="100%" height="164">
   <table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
     <td width="510" height="164"><a href="./" title="Refresh iVoxLIVE.com home page..."><img width="510" height="164" border="0" src="$stylevar[imgdir_misc]/header.jpg" alt="Refresh iVoxLIVE.com home page..." /></a></td>
     <td width="100%" height="164" class="h2"></td>
     <td width="258" height="164" bgcolor="#424951"><!--
<div id="usftech">
  USFTECH template
</div>
<script type="text/javascript">
   var so = new SWFObject("$stylevar[imgdir_misc]/intro1.swf", "header", "258", "164", "7", "#424951");
   so.write("usftech");
</script>
--><if condition="$vbulletin->userinfo['userid'] and $_GET['do']!='logout'"><img src="$stylevar[imgdir_misc]/header-right-online.jpg" alt="Online..." border="0" width="258" height="164" /></if><if condition="$vbulletin->userinfo['userid']<1 or $_GET['do']=='logout'"><img src="$stylevar[imgdir_misc]/header-right-offline.jpg" alt="Offline..." border="0" width="258" height="164" /></if></td>
    </tr>
   </table>
  </td>
 </tr>
 <tr>
  <td colspan="2" width="58" class="i1" valign="top"><img width="58" height="56" border="0" src="$stylevar[imgdir_misc]/h4.jpg" alt="" /></td>
  <td colspan="3" width="100%" height="100%" bgcolor="#222629" valign="top">
<!-- /logo -->
 
<!-- content table -->
$spacer_open
$_phpinclude_output

Look carefully at what I did.

First, I commented out any reference to the Flash .swf file/object. Then I added two conditions which ALSO check the browser URL (stored in PHP's $_GET global) so that it will show offline immediately without need to refresh the screen. I also used the vBulletin class object to reference the login user ID, so it's likely to unchange as you upgrade vB. I also properly referenced the misc directory using vB syntax.

Well, that's how I did it, working nicely on my setup with this most excellent skin.

A very excellent idea, i really like this alot :| if u dont mind i might even add this in TXT file in the next release.

NOTE TO GRIFFIN80:

On a side note, I'd like to let Griffin80 know I have removed the verbiage USFTECH in all images and templates including credit copyright in the footer. I paid extra to be able to remove the vB copyright info in the footer when I licensed my vB because I am setting up a complex portal using integrated plugins (blogs, live chat, media gallery and forum) all embedded within your skin. What I've done instead is create a "credits and licensing" page linked in my footer which will inform the public of your hard work and credit you fully. I am so pleased with your skin I wish to donate using the PayPal option here. Please contact me by PM on here with an amount you feel is fair and we'll discuss. This will be in addition to the credit page on my site. Trying to be as fair and honest as possible. Thank you, again, for the great skin. If I don't see a PM or a response in a week or so I'll donate anyway. I edited this to correct a typo in the code.

-jim

Thats fine, i have no problem with my credits being on another page
And i will be happy with any donation u send, thx for your nice compliments