PDA

View Full Version : elevated effect ?


ideavirus
June 14th, 2002, 08:27
Hii !

How do i give an elevated effect to a solid color strip...either vertical or horixontal using html and CSS..??

Is it possible to do that ??

Could someone help me with the code pls..??

Thanks much
:)
bigperm
June 14th, 2002, 08:43
Can you give us an example of what you mean by 'elevated effect'?
ideavirus
June 14th, 2002, 09:02
Okay :

Point your browser here : http://www.ecommercetimes.com

The light blue strip towards your right hand side..its actally a vertical column.
That isn't a perfect example...but what i exactly wanted is..: thickness for that vertical column..thats what i meant by elevated effect...kind of projecting forward..if you take a front view for that vertical column..

Thanks much again
Cheers
:)
biggulp
June 14th, 2002, 19:16
use css to add a border and add <hr>s to every newsbit
ideavirus
June 16th, 2002, 07:36
Just by adding border in the CSS will not give the elevated effect.....I had to uss the CSS a bit to get that effect...call it thickness or z-vector !

Thanks much
:)
tandoc
June 16th, 2002, 08:20
i'm sure most of you don't know what that is :p :topic:
ideavirus
June 16th, 2002, 10:02
Unfortunate :D
Damoose
June 16th, 2002, 13:23
couldnt you use a div layer to position a 100% table with the bgcolour whatever colour you want the line?
biggulp
June 17th, 2002, 01:44
actually i don't see any elevation
ideavirus
June 17th, 2002, 08:09
Its the dark blue horizontal strips...eg : Launch Pad and the other three !

Cheers
:)
guitarnerd
June 21st, 2002, 20:02
Images

Although I don't see much of anything that you are talking about on the site
ideavirus
June 22nd, 2002, 05:47
HII,

i am not sure which site of mine, you are looking at...since more than a couple of you have not noticed the effect..I post the link here !

the site is www.hostoholic.com.

If you notice, the left box and the the horizontal strips ( blue ones ) are the ones I am talking about.

elevated effect...might be a bit confusing to some...what i actually mean by that is the Z..index for a particular strip..its got a bit of thickness...!

Cheers
:)
w3exit
June 22nd, 2002, 12:35
A 3D effect you mean?
ideavirus
June 23rd, 2002, 11:51
Yep, you are right..!

:)
meow
June 24th, 2002, 04:32
But z-index doesn't do that. "border-style: ridge" does.
guitarnerd
June 24th, 2002, 05:01
Originally posted by meow
But z-index doesn't do that. "border-style: ridge" does.
Where the heck have you been? Mr. I have the most posts so I will leave for weeks! jk...

wow I may use that little bit of CSS myself

Speaking of which...why didn't the person just look at the source to find out how it was done?
ideavirus
June 24th, 2002, 07:07
Originally posted by meow
But z-index doesn't do that. "border-style: ridge" does.

You are right meow...infact i have used both z-index as well as border-style: ridge to get the effect i have on the site now.

Thanks
Cheers
:)
meow
June 28th, 2002, 22:02
Don't want to rain on your parade but z-index denotes the stacking order and since nothing stacks it has no effect at all and even if it had it wouldn't create a 3D border. :confused2
ideavirus
July 2nd, 2002, 23:25
what I have noticed is that...by increasing the value for z-index, the ridge effect becomes more clear...may be I am wrong...??
meow
July 3rd, 2002, 21:15
Maybe the adjoining box overlap the border a little. A higher z-index would ensure that it's on top = fully visible.
ideavirus
July 3rd, 2002, 23:18
meow,

You gussed it correct ! :)
Technically, i didn't know why that was happening...but since, It was getting more clearer with the increase in value, I retained the ziindex thingy !

Cheers
polestar
July 7th, 2002, 14:36
Right as always my fur-ball friend. :chinese2:

Shaggin' hell - you've been busy working on the old post count

Jesus!

Laters. :p