WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Changing image backgrounds with multiple rollovers

Reply
  Thread Tools Display Modes
Old 20th July 11, 01:38 PM   #1
choazie
WLC Member
 
Join Date: Jul 2011
Posts: 1
Default Changing image backgrounds with multiple rollovers

Hi there! There is probably a very basic solution to this with CSS but I'm having trouble finding one. I have some basic HTML/CSS experience but this turned out to be too complicated for me.

I want the frontpage of my portfolio site to be just this simple image below - each corner will have a link to the different sections of the site (so, left section is photos, bottom section is blog, etc).



Upon rollover of each corner I want the default background image to shift to the relevant background image - e.g. rolling over the left corner would give you this:



Upon mouseout of the left corner you would get the default background image again. Clicking the left corner would take you to bjornfloki.com/photo. I need the same function for each of the four corners, revealing different background images for each corner.

Here is the background image I had thought to use:

http://bjornfloki.com/befb-logo-final-links.png

Any ideas how I could achieve this?

Thanks!
choazie is offline   Reply With Quote
Old 20th July 11, 03:04 PM   #2
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,194
Default Re: Changing image backgrounds with multiple rollovers

CSS Sprites will be about the only option for a shape like that is
chrishirst is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

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

Forum Jump


All times are GMT. The time now is 03:59 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.