how's this for navigation?

  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post July 23rd, 2008, 1:30 pm

I've been playing around with an idea for a nav/ menu/ whatever using area maps and javascript image swaps.... I'm sure I've chosen the most programmingly cumbersome way to make it come about but it works, sort of.

check it out.

I wasn't sure where to post this cuz I don't really have any acute issue with it - I'd just like to hear some views, especially ideas about how to make it tighter coding-wise, lighter and generally better... also alternative ways of doing the same thing... easier, quicker ways...(except flash. I know flash could do it in two minutes. I wanted it to be non-flash).

anyhow. thanks in advance...
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 23rd, 2008, 1:30 pm

  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post July 23rd, 2008, 2:28 pm

Well... The way to make it lighter would be to write your own code. The stuff that Dreamweaver/Fireworks builds for you will work (and is actually quite robust) but its bloated and quite honestly overkill for something like a simple image swap.

If you want a more animated feel you might want to look at javascript libraries like jQuery or Mootools
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post July 23rd, 2008, 2:49 pm

I like that. :D

If I think of anything good I'll be sure to post it, but at the moment the only things that come to mind seem overly complicated. :scratchhead:
Strong with this one, the sudo is.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post July 23rd, 2008, 7:10 pm

Well, if you are going to use it, you can make it smaller at the top left part of content pages... this way you have it on every page to brag about :lol:

Well, keeps consistency is what it does...
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post July 23rd, 2008, 10:12 pm

yeah I'll have to look into jquery!!

someone at another forum said he thought it might be possible to do just through the use of CSS...... but he was a little vague about it. anyhow he said this:
Quote:
Basically to do it with no JS/maps use the image swap/slide technique with a <a> tag. You would have to change it to a block level element tho using display.

but in truth I'm not sure what he's getting at. anyone got any brainwaves about it? :D
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post July 23rd, 2008, 11:29 pm

I think I do... I'll try something and come back at you... I think he was fibbing though :lol: I get his idea but I don't see how it would work.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • hFry
  • Novice
  • Novice
  • User avatar
  • Joined: Jul 23, 2008
  • Posts: 21
  • Status: Offline

Post July 24th, 2008, 6:13 am

props. BA navi. I wish i could apply my Wacom and PS skills to a website.
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post July 24th, 2008, 7:57 am

Quote:
props. BA navi.

I've no idea what that means :D
Quote:
I wish i could apply my Wacom and PS skills to a website.

'ffcourse you can!! sky's the limit............. if there's a way to imagine it, there's a way to code it.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post July 24th, 2008, 8:00 am

I think BA navi is short for "Bad arsed navigation"

Nice font too, btw.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Joined: Sep 22, 2003
  • Posts: 6130
  • Loc: Seattle, WA
  • Status: Offline

Post July 24th, 2008, 8:01 am

It's been a while since I've seen a navigation scheme as unique as that. I think it looks cool!
The Beer Monocle. Classy.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post July 24th, 2008, 10:13 am

WooT! ... really cool ... I have no code suggestions though ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Joined: May 29, 2005
  • Posts: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Post July 24th, 2008, 1:11 pm

Firstly, I thought it was pretty cool - I love to see navigation that is a little different.


I think, if I really tried and sweated some blood and tears, I could get that menu to work as an unordered list, perhaps using the css sprite technique of changing background images. Don't quote me on this though, since I've not thought too deeply about it.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post July 24th, 2008, 1:27 pm

Zwirko wrote:
Firstly, I thought it was pretty cool - I love to see navigation that is a little different.


I think, if I really tried and sweated some blood and tears, I could get that menu to work as an unordered list, perhaps using the css sprite technique of changing background images.

Ha, the jokes on you.

lol couldn't resist.

That's what I was saying on my other post...
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post July 24th, 2008, 9:05 pm

Couldn't you have waited for my entry? I give up lol... it's already done...

Good going Joe
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post July 24th, 2008, 9:20 pm

float about positioning? I can try with the labels :P (Editing your thing of course).
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 24th, 2008, 9:20 pm

Post Information

  • Total Posts in this topic: 26 posts
  • Users browsing this forum: No registered users and 168 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.