kantoi09,
When I looked at the Modern Business template, I noticed that the general layout would work well with the theme I designed, so I just took the pieces that I wanted to add - specifically the front page slider and the tabs below - and dropped them into my header.php. He used background images for a lot of things that I prefer to do with CSS, so I adjusted my theme to look like his, but did it using mostly CSS. I replaced the slider background image with my own, but used only the visible area and not the black portion (since you have the template, you should know what this means). I did use his template images for the Lavalamp effect on the menu and for the tabs below the slider, but I think that was about it.
To make all of this work, I just broke it down into pieces:
- A top container for the header and the navigation menu
- A slider container for the slider and the slider background
- A content area for the tabs and text below the slider
- A bottom container, in case I want to show bottom widgets on the page
- A footer container for, uh, the footer.
Each main container has a width of 100% to span the entire page and has a sub-container set to 960px to limit the view.
If you're using FireFox with the Web Developer toolbar, you can view the HTML to see the layout of the <div>s.
Since so many people have asked about this and my previous iteration - which are basically the same on the theme side of things, I'm working on a vanilla version that I can share. It may take some time though, because I want to make sure that the code is well documented so people can understand what to do and enable/disable what they want.
Regards,
G