Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
After apply this effect to a website
Old 09-21-2010, 02:07 PM After apply this effect to a website
millwalll's Avatar
Webmaster Talker

Posts: 674
Name: James
Location: KENT
Trades: 3
Hi all,

I want to apply this effect to a website I am working on. The affect im after is when you mouse over the image you get a transparent box with information in. Does anyone know how this can be done ??

http://imnotbatman.co.uk/

Thanks in advance
__________________

Please login or register to view this content. Registration is FREE
millwalll is offline
Reply With Quote
View Public Profile Visit millwalll's homepage!
 
 
Register now for full access!
Old 09-21-2010, 04:07 PM Re: After apply this effect to a website
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
It's simply a disjointed rollover with the popup overlay set with transparency.

Similar to how LightBox works.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 09-21-2010, 04:25 PM Re: After apply this effect to a website
millwalll's Avatar
Webmaster Talker

Posts: 674
Name: James
Location: KENT
Trades: 3
Hi Chris,

Thanks for that. What best way to do this? can I use behaviors and add a hide and show ? How do you get the overlay to be set with transparency ? and how do you overlay one div onto another div ?

Thanks :P
__________________

Please login or register to view this content. Registration is FREE

Last edited by millwalll; 09-21-2010 at 04:51 PM..
millwalll is offline
Reply With Quote
View Public Profile Visit millwalll's homepage!
 
Old 09-21-2010, 05:21 PM Re: After apply this effect to a website
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
CSS Transparency Be aware that opacity set on lower layers of the stacking order in a container will cascade through to the top layer of the stack.

Quote:
and how do you overlay one div onto another div ?
With postioning and stacking (z-index) -> http://www.modtalk.co.uk/_site/code/...ning/relative/ (work in progress)
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 09-21-2010, 06:21 PM Re: After apply this effect to a website
millwalll's Avatar
Webmaster Talker

Posts: 674
Name: James
Location: KENT
Trades: 3
Hi chris,

That was very helpful. I got it kinder working now, I got it to display where I want it and t be transparent. The problem I am having is trying to apply a behavior to hide it onload and then display when you mouse over.

Code:
<h2><span><a href="Weezer.html">This is some text to see if it is working</a></span></h2>
This is how I have got it then using CSS to place it and set it to be transparent.It only want to let me hide it and that if its an image

Any more help be nice please :P
__________________

Please login or register to view this content. Registration is FREE

Last edited by millwalll; 09-21-2010 at 06:23 PM..
millwalll is offline
Reply With Quote
View Public Profile Visit millwalll's homepage!
 
Old 09-21-2010, 06:32 PM Re: After apply this effect to a website
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,376
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
http://www.modtalk.co.uk/_site/code/...oll-over-tabs/
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to After apply this effect to a website
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.07972 seconds with 12 queries