Templates

mel57 · Post by **mel57** » Tue Sep 06, 2005 6:16 pm

Is the a resource for templates to use with CMS, or does anyone have any cool templates/CSS to share?
(not lazy to make my own, still new and learning to do it

thanks!

megabob3 · Post by **megabob3** » Tue Sep 06, 2005 6:23 pm

mel57 wrote: Is the a resource for templates to use with CMS, or does anyone have any cool templates/CSS to share?
(not lazy to make my own, still new and learning to do it
thanks!

The best functionality of CMSMS is the templates indipendent.
You need only the skills of a WEB DESIGNER that create an HTML file.

You have to find anywhere a WEBSITE that you like, show the SOURCE CODE and combine it with CMSMS

For example i pick up a TEMPLATE of WORDPRESS CMS.
see here:
http://www.awakening.it/prove/

I put only in the wishied place the right CMSMS TAG or MODULE.

Bye

mozza · Post by **mozza** » Mon Sep 26, 2005 11:37 am

I am absolutely new to CMSMS but think it is great. This feed gives me great expectations. How do you do this? I have tried to find a manual (documentation) but possibly in my enthusiasm i cannot find it. In the event that i canot create a template as simple as you say, is there a template download area.

Ted · Post by **Ted** » Mon Sep 26, 2005 11:53 am

There really isn't any documentation on the subject yet. They're working feverishly on it.

However, to explain how easy it is to take any downloaded html template and convert it, check out this thread: http://forum.cmsmadesimple.org/index.ph ... 817.0.html

mozza · Post by **mozza** » Mon Sep 26, 2005 12:40 pm

Thanks for the direction to follow. Will work onitover the next few days to try to come to grips with it. Appreciate the quick reply.

jah · Post by **jah** » Mon Sep 26, 2005 12:48 pm

To understand how this works I have created a simple template. It is based on the default template in the installation.

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <title>My page - {title}</title>
    {stylesheet}
</head>

</__body>

    <!-- A div for the menu -->
    
    <div class="leftsidebar">
    
        <div class="icons">
            <p><img src="mylogo.gif" alt="My logo" /></p>
        </div>
        
        {cms_module module='phplayers'}
    </div>
    
    <!-- A div for the content -->
    
    <div class="thebody">
    
        <div class="heading">{title}</div>
        <p class="breadcrumbs">{breadcrumbs}</p>
        
        {content}
    </div>
    
    <!-- A div for the footer -->
    
    <div class="thebody">
        <div class="bottom"><p>This is my footer.</p></div>
    </div>

<__body>
</__html>

This looks like plain HTML except for some tags inbetween. CMSMS will replace the tags with meaningful content in the generated pages.
The meaning of the tags are mostly self-documenting, but here are a few directions:

{title} - will be replaced by the title of the content (You can set title when creating content pages).
{stylesheet} - links in the css in the textarea below the template. If you forget this your page will appear without styles. You can skip this tag and link in an external stylesheet with a normal tag in the header.
{cms_module module='phplayers'} - This is one of several menu alternatives. It will be replaced by a tree representing your content. The output of other modules can be added with tags like this.
{breadcrumbs} - Will be replaced by a path to the selected content.
{content} Will be replaced by the real content of the selected page.

The list of available tags is not maintained at the moment.

Some tags derive from the core of the system, like {title}, {content} etc.
Some are from Tags extensions. Look in their help files. (Extensions -> Tags)
Some are from User defined Tags. Just insert their names like this {userdefinedtag}
Some are from Modules. Look in their help files. (Extensions -> Modules)

You will see that you can use parameters to alter the functionality of many of the tags like this:
{tagname parameter='value'}

I've not included any CSS here. You can experiement with the CSS coming with the default template. (Layout -> Templates).

If you want to use a nice web page as a template, do something like this:

View the source of the nice page. Look for the structural elements (e.g divs or tables). Remove everything else and replace with the tags you want.
If a stylesheet is linked in in the header, you have to find its source (look in the ). Include stylesheets with your template as described above, or upload it as separate file and link in.

Finished!

Some final remarks:

The menu part is probably the most difficult to reuse from another page. However, why would you want it to be the same anyway?
Use the things you like, and make your own improvements.

If you think Positioning is difficult with CSS you can try to use tables and insert your tags wherever you want. (Some purists around does not appreciate this .-), but it will probable give you a quick result, so don't bother to much at the moment. You can change it later when you get more experience with CMSMS and CSS).

Try out different CMSMS menus and styles. (You might find some of the other menus easier to work with)

Take a look at the CMS Show off sectionhttp://forum.cmsmadesimple.org/index.php/board,5.0.html to see what others have done with CMSMS.

There are more plugins and modules available from:

http://wiki.cmsmadesimple.org/ and
http://cmsmodules.com/

Good luck!

roan · Post by **roan** » Mon Sep 26, 2005 2:18 pm

Good writing jah!

With just some minor editing I think this would go right into the core documentation. Any thoughts from the doc. team?

/roan

westis · Post by **westis** » Mon Oct 03, 2005 8:12 am

roan wrote: Good writing jah!

With just some minor editing I think this would go right into the core documentation. Any thoughts from the doc. team?

/roan

Indeed! That's a very good explanation of how templates work. I'll browse the forum for different explanations and tips that could help when writing the documentation, as there is much written already that very well could be used.

ratzavlatz · Post by **ratzavlatz** » Tue Oct 04, 2005 8:09 pm

Hi, I've just started CMSMS today (no php experience, just html/css) and I wanted to say that this is the only thread I needed to get my page to look like this :

http://www.ratzavlatz.nl/cmsmadesimple/index.php

But I guess I got lucky stumbling on this thread;-) Wouldn't it be a good Idea to put this into a documentation button on your main page? Just a suggestion.

I think CMSMS is going to be my choice, Ive tries a few but the logical structure looks great for a code-a-fobia like myself:-)

Regards

westis · Post by **westis** » Tue Oct 04, 2005 8:18 pm

Welcome to CMSMS, ratzavlatz!

The documentation is currently being written and a new web site is underway. When that site is launched there will be a link to the documentation easily accessible.

Very nice start what you have come up with so far for your site!

/westis

ratzavlatz · Post by **ratzavlatz** » Tue Oct 04, 2005 8:35 pm

[registred mode on]

Thanks:-) I think a good docu site/pdf would be great. I must say, I'm amazed by this forum, its really helpfull and I (I designer, no programmer) understand most of it! Most CMS-websites could learn a valueable lesson from this forum. A docu-button would be great tho.

Well, hope to post some cool websites in your "Show-off" section

regards

westis · Post by **westis** » Tue Oct 04, 2005 10:05 pm

Glad you find the forum helpful.

When the documentation is up it will be even easier for people to set up their sites with CMSMS. And then the community will grow even bigger etc. etc.

Looking forward to your showoff sites. There will be a section on the new site for good-looking web sites that are using CMSMS.

CMS Made Simple Forums

Templates

Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates

Re: Templates