2 replies [Last post]
choazie
Offline
newbie
Last seen: 11 years 3 weeks ago
Joined: 2011-07-20
Posts: 2
Points: 3

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!

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You should really avoid

You should really avoid Mystery Meat navigation

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

choazie
Offline
newbie
Last seen: 11 years 3 weeks ago
Joined: 2011-07-20
Posts: 2
Points: 3

True, not the most user

True, not the most user friendly - I might opt to include the links in the corners by default.

Still need to figure out how to actually code it though Smile