Theme SimpleNature

[krysttof]

Hello !
I have create my first theme for GetSimple : SimpleNature.
This is still a draft !
What do you think about it ?

[Timbow]

Hello !
I have create my first theme for GetSimple : SimpleNature.
This is still a draft !
What do you think about it ?

Ca va etre un beau travail, but it still needs some work.

I tested the theme and it is doing some strange things when you narrow the browser window. I have no idea why.
[edit]Now I look at it the original css template does not work properly in a narrow browser window either[/edit]

For the 'slogan' you could use the component 'tagline' which is already included in the install.

I really like the three blocks with images in the css template. Are you going to include them?

[krysttof]

I tested the theme and it is doing some strange things when you narrow the browser window

What is the problem?

[Timbow]

I tested the theme and it is doing some strange things when you narrow the browser window

What is the problem?

There is something wrong with I think the overflow: declarations in the css

When I have a narrow browser window the scroll bar appears at the bottom, but when I scroll to see what is hidden it is blank. See my screenshot. The site title (#banner H1) stays centred in the window while the rest of the site elements are fixed position (which is not wrong, just odd). The original template is broken in a similar but different way - there you get no scroll bar.

[krysttof]

I made the "household" in the HTML page and the CSS styles.
I will introduce a new version of the theme today.

[ShaneTFletcher]

I found that both wrapper and menu wrapper is making this happen, removed both and all is working fine.

The menu bar is however not 100% width and needed the wrapper to increase the menu width.

That's how far I've got!

Just to add - Timbow report about this template was actually on my website. Thanks to Timbow for reporting the problem for me

[krysttof]

A new version is ready for your test.

Version 0.7

[ShaneTFletcher]

Hi Krysttof,

Problem is still happening.

Here is how I fixed it -
1. Removed the wrapper. If want a background colour, place it in the body of the template.php file.
2. Add the menu colour in the menu div. This will make the menu width 100% when minimized.

These modifications doesn't seem to effect the template in any way and therefore a good fix.

This website will show this template in action with these fixes - c-ccb.co.uk.

ShaneTFletcher

[krysttof]

Hi ShaneTFletcher,
Thank you for your advice and your recommendations.
I deleted the "wrappers", I simplified the structure HTML and I changed some CSS.
Initially, I wanted too kept the template code, which was not very good.
The 0.8 version.

[ShaneTFletcher]

Hi Krysttof,

Menu is still messed up when browser is minimized.

Add the colour - background: #40745E; to the #menu div to allow full width of the menu bar.

Hope this helps.

Shane

[krysttof]

I see the problem when browser is minimized. Thank you for pointing this out.
I have deleted the class .container to <div id="menu">. It contained the fixed width 1200px.
And with Safari, the problem is resolved when I minimized the browser.
For the backgroundcolor #40745E, it's in the <div id="menubar"> which contain <div id="menu">. I don't see the problem.

[ShaneTFletcher]

Its all good. Least the problem has now been solved.

[krysttof]

Thank's for all Shane !

Version 0.85