Solved

Webpage Navigation help - This one may be hard !!

Posted on 2013-11-07
9
175 Views
Last Modified: 2013-11-08
Hello, a friend and I am starting a new business. We are wanting to utilize a unique style for the menu on our website. If you look at the attached file, (Menu Subjects blacked out) we are trying to figure out a way to create a website that is pretty much menu driven by subject and color matrix. In other words, if you click on a red area that is labeled tires, than it would take you to another page that matches the red coloring with all our tire options and then be able to click on the tire option and get specific information.

I hope this makes sense. Questions ? Please let me know. This is a high priority for us. I am fairly familiar with HTML but I know this is way above HTML or anything I know how to do.
MENU.JPG
0
Comment
Question by:PAULADAMSJR
  • 5
  • 2
  • 2
9 Comments
 

Author Comment

by:PAULADAMSJR
ID: 39630952
I forgot to mention, this needs to be compatible with the standard desktop browsers but also iPad,iPhone and the Android tabs & phones too.
0
 
LVL 9

Expert Comment

by:COANetwork
ID: 39630974
Actually, it is not that hard.  You create a set of separate CSS documents with the same class names but different settings (color, etc.) in each.  You include the appropriate CSS in your HTML files.  If you are using any kind of server-side documents (PHP, ASPX, etc.) - this can be done dynamically.  The same approach can be used to make sure your site is compatible with various mobile devices.  Being any more specific is difficult without source code examples.
0
 

Author Comment

by:PAULADAMSJR
ID: 39631052
Hi COANNetwork,

Well, I don't have any source code. This is being started from scratch. Can you offer advice on how to get this off the ground ? Is there an application that can help me build this ?

Thanks !! :-)
0
 

Author Comment

by:PAULADAMSJR
ID: 39631056
The attached jpg was just an example of what we want to do.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 58

Expert Comment

by:Gary
ID: 39631078
There are a number of Metro style frameworks (looks like that is what you want).
If you are starting from scratch then you may want to consider spending a few dollars and buying a theme built around them.  Themeforest have a number of them - it's just a case of which one suits your taste.
0
 

Author Comment

by:PAULADAMSJR
ID: 39631137
So Gary, are you saying (which I hope you are) that there may be a wordpress theme somewhere that might function similar to what our needs are ?
0
 
LVL 9

Accepted Solution

by:
COANetwork earned 250 total points
ID: 39631141
Paul, I am old school, I tend to code my websites in what amounts to Notepad.  There are, as Gary suggested, any number of CMS (Content Management Systems) out there - Wordpress, Joomla, etc.  Most of them have some kind of a free setup to get you off the ground.  There are also many experts who can help you build a site using any of them - I am not one of those people.  The drawback of my method is that I have to do everything from scratch, the benefit is that I get exactly what I want, no more and no less, and I have full and absolute control over every aspect of my application.
Either take Gary's suggestion and build your app on some CMS platform (if you are not familiar with them - do invest into hiring a professional and save yourself some grief), or go on the W3C site and read up on CSS, JS, and HTML.
Finally, keep in mind - when you go with a template in a CMS - you are getting somebody elses idea of what your site should look and work like.  And, unle4ss you pay someone for a completely custom template, your site will most likely have a dozen or more dopplegangers out there.
0
 
LVL 58

Assisted Solution

by:Gary
Gary earned 250 total points
ID: 39631203
Not necessarily WP, we don't know what you have so far, if anything.
If you have nothing to start with then WordPress may be a good starting point.
If you are looking just for a css template then something like these
http://metro-webdesign.info/#&home
or this is a really nice one
http://themify.me/demo/#theme=metro
0
 

Author Closing Comment

by:PAULADAMSJR
ID: 39634291
Agree with COANetwork, if it's not custom coded, we'll pick up a lot of coding overhead that we dont really need. However, in the name of getting something up and off the ground with a shoestring budget, we decided to go with one of the templates suggessted by Gary and host it on a Wordpress platform. Thanks to everyone for the quick and informative responses.

pa~
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Download a website to hdd 2 49
Replace &lt; with < 14 54
Randomize in Owl Carousel v1.3.2 6 19
Centered Image 2 21
Technology opened people to different means of presenting information, but PowerPoint remains to be above competition. Know why PPT still works today.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this Micro Tutorial viewers will learn the basic shortcuts and functions in InDesign.
Not only does Prezi allow you to create non-linear presentations, it also makes it easy to apply transition animations between your frames. Learn how to apply a fade-in transition to select items and entire frames in this tutorial Select "Edit Path"…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now