New Template - K-Template-0001

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Post Reply
Torsten.Behrens
Posts: 522
Joined: Thu May 22, 2008 7:27 am
Location: Germany / Schleswig-Holstein
Contact:

New Template - K-Template-0001

Post by Torsten.Behrens » Thu Dec 04, 2008 5:08 pm

[ external image ]

Download

The template is based on a Photoshop file.
These Photoshop file contains top, middle and bottom part.
[ external image ]
[ external image ]
[ external image ]

The middle section is tiled and the websites are flexible in height.
I have photographed the picture.
The colors were developed with the software of http://genopal.com/v2/.
The menu items, the page title and the current title are dynamically created from font files.

Font color and background color smoothing the edges. With a different background (the blue of cmsimpleforum) you can see the effect:

[ external image ]
[ external image ]
[ external image ]
[ external image ]

In 2006, the previous version of the template already used (even online: http://ferienwohnung-siebels.urlaub-wan ... gebiet.de/ and http://landgasthof-kirschenholz.urlaub- ... ngebiet.de).
This template is created as HTML 4.01 Transitional.

Known issues:
The server must be suitable to create images.
The dynamic creation of images takes time.
A cache folder in the images folder can be created, but problems with faulty image files are possible.
The search engine optimization could be better.
Spaces in the sitename() and $title might disturb the HTML 4.01 Transitional test.

A confirmation would be nice. Thank you.

Torsten
Torsten Behrens
CMSimple Templates

Till
Posts: 337
Joined: Tue May 20, 2008 7:20 am
Location: Germany: Bremen
Contact:

Re: New Template - K-Template-0001

Post by Till » Thu Dec 04, 2008 9:28 pm

Torsten.Behrens wrote:The search engine optimization could be better.
Hi Torsten,

you are using Stewart Rosenberger's php script for doing this. In a demo (http://www.artypapers.com/csshelppile/pcdtr/) he shows how he is doing it. For example the line "You're look'n at it" in this demo reveals a source code as:

Code: Select all

<h5 style="background-image:url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h5>
while your headings using the same script are plain images without any <h1>, <h2> or <h3>:

Code: Select all

<img src="./templates/k-template-0001/images/image.php?text=Welcome" alt="Welcome">
Is it not possible to place CMSimple's headings between <h1>, <h2> and <h3> as text as well? I have not carefully looked at it, yet. But I think it can be done his way in CMSimple as well. And then seo would be better.

Till

Torsten.Behrens
Posts: 522
Joined: Thu May 22, 2008 7:27 am
Location: Germany / Schleswig-Holstein
Contact:

Re: New Template - K-Template-0001

Post by Torsten.Behrens » Sun Dec 14, 2008 6:11 pm

Till worked out a SEO version of the K-Template-0001 with the new pcdtr system and I test it on a holiday website:
[ external image ]
In Safari and FF it looks good, but the MSIE 6+7 do not work so:
[ external image ]
http://ferienbauernhof-weick.urlaub-wan ... gebiet.de/

Torsten
Torsten Behrens
CMSimple Templates

Till
Posts: 337
Joined: Tue May 20, 2008 7:20 am
Location: Germany: Bremen
Contact:

Re: New Template - K-Template-0001

Post by Till » Mon Dec 15, 2008 9:00 am

Torsten.Behrens wrote:In Safari and FF it looks good, but the MSIE 6+7 do not work so.........
Hi Torsten,

this is the crux with CSS templates and IEs of Microsoft. That's the reason that I use Conditional Comments quite often, which are understood only by IEs. Sometimes I even have several CCs, since the different IEs understand CSS differently. That means, you have to work on this a little bit more ;) .

Probably the fonts are too big for the IEs. Microsoft understands font sizes not as the rest of the crowd. I tested your site in addition with Windows' Safari, Chrom, Opera and Linux' Konqueror and Epiphani. In all of them the site looks good.

You may have to work with line-height....??

Till

Torsten.Behrens
Posts: 522
Joined: Thu May 22, 2008 7:27 am
Location: Germany / Schleswig-Holstein
Contact:

Re: New Template - K-Template-0001

Post by Torsten.Behrens » Mon Dec 15, 2008 6:08 pm

Till wrote: this is the crux with CSS templates and IEs of Microsoft.
Till
To work without the extra ie8.css, ie7.css, ie6.css ... files, Nico Brünjes tell us a way to have it all in ONE css file:
http://codecandies.de/2008/12/12/condit ... -requests/

If we want to use only our stylesheet.css file and at the same time 'conditional comments', so it is a solution.

And in the pcdtr script a php file parse the styles.css of pcdtr and no extra css files for the MSIEs. So the idea of Nico Brünjes can help us, to put it all in ONE styles.css. We can use class names for each MSIE.

Is this the right approach?

Torsten
Torsten Behrens
CMSimple Templates

Till
Posts: 337
Joined: Tue May 20, 2008 7:20 am
Location: Germany: Bremen
Contact:

Re: New Template - K-Template-0001

Post by Till » Mon Dec 15, 2008 8:29 pm

Torsten.Behrens wrote:To work without the extra ie8.css, ie7.css, ie6.css ... files, Nico Brünjes tell us a way to have it all in ONE css file
Hmmmm.....I think there is no problem using several additional CSS files. Usually I use one or two additional ones. The good thing with this method is: If there is another new bad MS browser, you just add another CSS file..... without fiddling around with your stem CSS file.

For example: My probably most complicated template (Asia Sport) uses this single cond. comment:

Code: Select all

<!--[if lte IE 6]>
<script language="JavaScript" type="text/javascript" src="./templates/asiasport/minmax.js"></script>
<link rel="stylesheet" href="./templates/asiasport/ie6.css" />
<![endif]-->
The rest has been done by optimizing the stem CSS file. This means, that you usually do not require a bulge of CCs in your template as it is shown in your link, if you have written a clean CSS before. You just repair the occurance of a new MS browser by addition of a new CC.


Till

Post Reply