# Layout And Navigation

**URL:** <https://forum.kirupa.com/t/layout-and-navigation/58099>\
**Category:** design\
**Created:** [July 19, 2004, 7:59pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099 "2004-07-19T19:59:31Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![7thshadow](https://avatars.discourse-cdn.com/v4/letter/7/c68b51/32.png) [@7thshadow](https://forum.kirupa.com/u/7thshadow)\
**Post date:** [July 19, 2004, 7:59pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/1 "2004-07-19T19:59:31Z")

</div>

wzup!!

yall might remember this on from the post titled “Layouts Layouts Layouts”… Well I just made a simple drop navigation menu, have a look at it and tell me what you think.  
(navigation only 28kb)

[http://www.freewebs.com/media\_dev/opti\_heath/layout.html](http://www.freewebs.com/media_dev/opti_heath/layout.html)

thanx n advance  
Blake

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 8:00pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/2 "2004-07-19T20:00:13Z")

</div>

watermark before u post! :mu:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 8:07pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/3 "2004-07-19T20:07:31Z")

</div>

dont use that butterfly, i dont know if u posted the site using that butterfuly before but i know that it has been used before

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 8:07pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/4 "2004-07-19T20:07:42Z")

</div>

it’s nice but I don’t like how when you click another link it doesn’t slide back in, and I think the transitions could be smoother, but nice job

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 8:12pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/5 "2004-07-19T20:12:17Z")

</div>

Hey this looks familiar!  
I love the colors, and I agree with dave, the butterfly doesn’t fit.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 8:25pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/6 "2004-07-19T20:25:06Z")

</div>

I agree. I’m not getting the fit for the butterfly.

I like the rollovers. Would be nice if they faded back out instead of just jumping back to being blank.

Also think you should animate some more fluidness into the transitions for the menus expanding, and also add in the transitions for the menu closing.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 9:07pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/7 "2004-07-19T21:07:03Z")

</div>

I’m not gonna say anything about the butterfly… you know… like how it doesn’t go there and I’ve seen it b4… cause that’s already been said 😉 (a conspiracy against the butterfly maybe?)

I think Ethan is right on key w/ this one. One thing I think that would be cooler than the word lighting up is the blue part of the button lighting up, on the inside of it not going outside the shape. It sorta reminds me of a cathode, halogen light, or something, and that’s what I was sorta expecting when I moused over. GJ, keep it up.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 9:10pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/8 "2004-07-19T21:10:39Z")

</div>

hey it’s me!!!

thanx for all of the comments, here is why that butterfly is there…  
I got it from my site (i never finished by the way), here it is…  
[http://www.freewebs.com/playboy\_94804/concept.html](http://www.freewebs.com/playboy_94804/concept.html)  
I put it there because i want it to link back to my page when clicked

as for the navigation,  
I agree with the closing transistions, and fixing the rollovers. The fact of the matter is that there is a rollout state for the buttons and there are closing transistion for the menu… but they simply just don’t work. I can’t get the code right. your more then welcome to try. here is the source.  
[http://www.freewebs.com/media\_dev/opti\_health/navigation.zip](http://www.freewebs.com/media_dev/opti_health/navigation.zip)

let me know if anybody has any luck

the idea here wasn’t to finalize the navigation, it was to get the dam thing to work right (LOL). In my openion even though it dosn’t work right, it still looked OK.  
I posted it to see if anybody noticed any bugs in the nav.

EX: when you click on “solutions” notice how some of the nav is sticking out of the bottom before the transistion.

HEEELLLLLPPPPPP MEEEEE!!!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 10:15pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/9 "2004-07-19T22:15:21Z")

</div>

I kind of figured that the butterfly was some kind of logo of yours. Though I still think you should take it out completely, maybe if you made it small - I mean really small and with one solid color and place it in a corner of the site.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 19, 2004, 11:02pm UTC](https://forum.kirupa.com/t/layout-and-navigation/58099/10 "2004-07-19T23:02:59Z")

</div>

make your transitions smoother: [http://www.actionscript.org/showMovie.php?id=1012](http://www.actionscript.org/showMovie.php?id=1012)

good job otherwise.
