I have been struggling a lot to get or create a theme for my new site. I have been searchiing a lot, but I couldn't get a theme with a layout I wanted. Then, I found out about Omega, I looked into it and found it very interesting and thought its exactly what I wanted, I can have any layout I want..!
So I installed omega, created a subtheme and activated it. Till this step, everything goes so smoothly, thanks to great documentation and many blog posts. I understood all the settings and features of omega. after this, the actual nightmare began..! I can't find a single piece of documentation (except for one blog, http://www.radarearth.com/content/beginning-drupal-7-theming-omega) which explains clearly how to procede afyterwards..!
I thought, since I dont need any extra regions, I can just edit the css to make the site look as I like. So I started experimenting with CSS and am not being able to understand what should I change to get what I want. As explained in the blog mentioned above, I tried using firebug but, I have been trying since morning and I cant even set a proper bachground image properly for a region..!
Let me explain my problem by showing you, what am trying to achieve. First thing I tried was setting a navigation bar. I want the navigation bar to look like the one in this demo of a WP theme..http://newwpthemes.com/demo/iHealth/.
Please explain me or give me some idea on how to achieve this so that I may apply the same ideas to achieve other things such as that slideshow just like the one in the demo. The most simple thing I tried, was setting the background colour to that menu region. I used firebug and selected that region and clicked "inspect element". Then, changed the background colour, but to my surprise along with that menu block, even the background colour of the region above it (branding region, the one with the site name and logo)..! I have no idea why it is.!(FYI, I did select only the menu block, and did not select the other one even by mistake.)
So please guide me, how can I build a theme like http://newwpthemes.com/demo/iHealth/ with omega ? What steps should I take ? what tools should I use ? what am I doing wrong in using firebug ?
I would really appreciate a detailed answer with example, since am very very new to omega.(Its just been 2 days...). So I explained my problem in the best way I can. If you need any more info, please let me know.
////////////EDIT/////////////
Please look at the screenshot below, it shows both how the site looks like at the moment and colour changing of two regions at once. http://www3.picturepush.com/photo/a/8265721/img/Anonymous/omega2.jpeg
I tried putting nicemenu block in that menu region and then change the background colour but I cant make it look like that navigation bar in that demo I mentioned.
I know its difficult to explain how to theme the whole site, so To start with, can you give me some ideas to create the navigation bar ? I want my "main menu" links to be appear in that navigation bar. Based on those ideas, I will try to learn and build the other parts of the site.
Thanks in advance.