x
Toggle Content    Register or Login  -  June 24, 2018, 4:17 pm  
Toggle Content Commercial Themes
This is an opportunity for you to preview TCD commercial themes. All themes seen here can be purchased from the store.
Toggle Content User Info

Welcome Anonymous

Toggle Content Navigation
Toggle Content Project Status
Support Forums » DragonflyCMS » Tips & Tricks » Corner Banner using z-index
Please use the forum search before making a post. Your question might have been previously answered.

Corner Banner using z-index
Some of the best non-standard tricks for your site all in one location.


Post new topic   Reply to topic    Forum Index » Tips & Tricks Printer Friendly Page

View previous topic :: View next topic  
Author Message
Lead Developer


PostPosted: Tue Jul 24, 2007 2:46 am Reply with quote

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.



z-indexpromo.gif
 Description:
corner banner using z-index
 Filesize:  6.08 KB
 Viewed:  6714 Time(s)

z-indexpromo.gif



_________________



Last edited by Devon on Tue Feb 08, 2011 5:03 pm; edited 1 time in total
Back to top
View user's profile Photo Gallery
Newbie


PostPosted: Sun Jul 29, 2007 9:38 pm Reply with quote

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


Back to top
View user's profile Visit poster's website
Lead Developer


PostPosted: Mon Jul 30, 2007 12:34 am Reply with quote

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 -->


_________________



Last edited by Devon on Tue Feb 08, 2011 5:03 pm; edited 1 time in total
Back to top
View user's profile Photo Gallery
Newbie


PostPosted: Mon Jul 30, 2007 3:19 am Reply with quote

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


Back to top
View user's profile Visit poster's website
Lead Developer


PostPosted: Mon Jul 30, 2007 7:32 am Reply with quote

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.


_________________

Back to top
View user's profile Photo Gallery
  Page 1 of 1All times are GMT - 5 Hours

Post new topic   Reply to topic    Forum Index » Tips & Tricks Printer Friendly Page

  
  
  
 

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


RSS-News
RSS-Downloads
RSS-Forums
RSS-KnowledgeBase
Valid CSS!
Valid HTML 4.01!

Site Search | Support | Contact | Payments | Link to Us
All TCD logos and trademarks in this site are property of TreasureCoastDesigns.com
Interactive software released under GNU GPL, Code Credits, Privacy Policy
TCD_Natural © T.C.D.