Website Babble Webmaster Forums  


Go Back   Website Babble Webmaster Forums > Creating a Website > Web Design & Development Software (Including CMS)

Your WB Notifications

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 07-09-2009, 07:57 AM
Junior Babbler
 
Join Date: Jul 2009
Posts: 4
george_n16 has no reputation at Website Babble yet.
Question Does anybody know how to create this?

I've just got dreamweaver cs4, and wasn't sure how to create or even something similar to the showcase page on leo burnett's website. As you can see its lots of vertical lines which can open up to the individual sections, basically its a submenu but sideways. Or even the vault 49 index page but instead its words instead of lines. Does anybody know how to achieve this? Thanks. Soz I cant post links, coz im new here.
Reply With Quote
  #2 (permalink)  
Old 07-09-2009, 09:09 AM
TechieGuy's Avatar
Super Moderator
 
Join Date: Jul 2007
Location: Canada
Posts: 2,753
TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!TechieGuy is an exceptional WB member with over 1,000 rep points!
Default

Leo Burnett uses flash so I'm not sure how dreamweaver can do this. I recommend you stay with straight HTML.

While the page does look nice, I don't find it very user-friendly as it can be difficult to navigate.
Reply With Quote
  #3 (permalink)  
Old 07-09-2009, 12:42 PM
meloncholy's Avatar
Master Babbler
 
Join Date: May 2009
Posts: 250
meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)
Default

I'd second what TechieGuy says: I found the site quite difficult to use, and incredibly slow on my (admittedly quite old) laptop.

But basically what you're after is an accordion menu. Google has plenty of examples with code. There's a plug and play one that's part of the jQuery UI, though it doesn't look like it has an option to expand horizontally. Here's another jQuery example that should be easy to adapt to work horizontally: essentially you need to replace the slideUp and slideDown with custom animate calls (to animate the ul width) and you're done, barring the CSS work of course.
__________________
Pole Exercise - Pole dancing evolved
Reply With Quote
Reply

Thread Tools
Display Modes

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 On
Pingbacks are On
Refbacks are On




All times are GMT -6. The time now is 09:45 AM.


 Subscribe to RSS

WB Sponsors

flash chat

Home Jobs Online

Search Engine Marketing

Paid Surveys

Web Design Newcastle



 Subscribe to the Website Babble Feeds

2 Create a Website Homepage | 2 Create a Website Blog


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0