Solved

Webpage Navigation help - This one may be hard !!

Posted on 2013-11-07
9
178 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Instantly Create Instructional Tutorials

Contextual Guidance at the moment of need helps your employees adopt to new software or processes instantly. Boost knowledge retention and employee engagement step-by-step with one easy solution.

 

Author Comment

by:PAULADAMSJR
ID: 39631056
The attached jpg was just an example of what we want to do.
0
 
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

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Learn the basics of inputting and editing your text components in Prezi. We will cover how to set styles, position, and group your text components. In your Prezi editor, click anywhere on the canvas to add text: A flashing cursor informs you that yo…
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…

739 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