Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2

Thread: Sidebar Issue

  1. #1
    Junior Member
    Join Date
    Jul 2009
    Posts
    1
    Member #
    19542
    http://z9.invisionfree.com/__ft/index.php?act=idx <--- See that sidebar on the left?
    I like the way the gradient affects the text on it. The rollover images are nice, too. I think I'd like to do something similar but with a darker scheme and lighter stocks. But I'm stumped on how they coded it. It looks like a bunch of graphics on a table, but... I looked at the code, with my eyes, and I have no idea where they got the white text from. It's not on the graphics. The graphics are gradients which somehow affect the other stuff... I don't get it.
    For example: See the top left graphic on the sidebar with "NAME YOUR GOD"? This is the url to the graphic for it: http://i42.tinypic.com/fu5nhe.png
    Any ideas?

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    I'm not totally sure if this is how they did it, but this is one method:
    http://www.webdesignerwall.com/tutor...t-text-effect/

    (view their demo page: http://www.webdesignerwall.com/demo/css-gradient-text/ )

    If you view the invisionfree page with IE, you'll see that they didn't use
    the IE hack, so the image is bad (IE6). You'll still have to use the IE PNG Hack.



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com