Corner Banner using z-index

**Devon** · Posted: Tue Jul 24, 2007 1:46 am

Put this line of code directly below your beginning body tag and before any divs or tables in header.html

This will give you a 45 degree banner in the top right corner using z-index.

Relative Banner - stays in the same place

PHP:

<area shape="poly" alt="" coords="3,0, 203,199, 201,127, 73,0" href="index.php?name=Downloads&c=18">
</map><div style="position:relative; float:right; z-index:2;"><img src="{THEME_PATH}/images/z-indexPromo.gif" width="200" 
height="200" alt="" border="0" usemap="#z_indexPromo_Map" /></div>

Fixed Banner - scrolls with page

PHP:

<area shape="poly" alt="" coords="3,0, 203,199, 201,127, 73,0" href="index.php?name=Downloads&c=18">
</map>
<div style="position:fixed; right:0px; top:0px;"><img src="{THEME_PATH}/images/z-indexPromo.gif" width="200"
 height="200" alt="" border="0" usemap="#z_indexPromo_Map" /></div>

Attached is an example image to get you started.

**gt30** · Posted: Sun Jul 29, 2007 8:38 pm

Is it possible to show the index corner just to unregistered users and it goes away when the user has registered ? Awesome trick btw looks really good. Very Happy

**Devon** · Posted: Sun Jul 29, 2007 11:34 pm

PHP:

<!-- IF S_IS_USER -->
<!-- ELSE -->

<area shape="poly" alt="" coords="3,0, 203,199, 201,127, 73,0" href="index.php?name=Downloads&c=18">
</map>
<div style="position:fixed; right:0px; top:0px;"><img src="{THEME_PATH}/images/z-indexPromo.gif" width="200" 
height="200" alt="" border="0" usemap="#z_indexPromo_Map" /></div>

<!-- ENDIF -->

**gt30** · Posted: Mon Jul 30, 2007 2:19 am

I just noticed it doesn't come out proper in IE6 but works fine in firefox and IE7. After doing a bit of search I found that IE6 and below doesnt support position:fixed though it does support postion:absolute.

The fix given here seems to work for me in IE6
www.howtocreate.co.uk/...ition.html

**Devon** · Posted: Mon Jul 30, 2007 6:32 am

No one should be using IE6 anymore. IE7 is provided via an automatic update. That's why the author of that page said that hack is deprecated (dropped). Since IE7 supports position fixed and most all browsers do too there is no reason that you should use that hack. I do not support anything less than IE7 now.