How to help: Modifying an existing site/template to work in CMSMS

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
badger

How to help: Modifying an existing site/template to work in CMSMS

Post by badger »

Hi, new to the forum, so forgive me if this question has been asked and I missed it when I searched...

I've got a few installations of CMSMS and I really love the program, it works great for what I want to do.

One thing I'm having problems with is porting an existing website/template into the CMSMS system.  All my installs have been modifying the existing defautl templates, and that's ok, but it's tricky at times.

So here is my question:

Say I get a really sweet template from someplace like Open Web Design - http://openwebdesign.org/ or I have an existing site (like mine http://badger.cx) that I want to move over to a CMSMS. 

How do I modify the existing content/css etc to fit into CMSMS? 

I would love a nice high level overview of it, with some basic details.  Something like "to make a template a CMSMS template, you need these sections with the following things defined."  or "take the CSS and break out these sections.  then copy the main content to this file.." or something.

I realize that I'm asking quite a bit, and I don't ask this lightly.  I've been trying to figure this out on my own for a couple weeks now, and not getting very far.  This type of article could be a great help to people trying to switch an existing site, or building a new custom site with CMSMS and could spread the word on this awesome package!

-- Badger
badger

Re: How to help: Modifying an existing site/template to work in CMSMS

Post by badger »

PERFECT INFO!

Thank you very much.

I'll have to give this a spin later today and see if I can get it to work.

Most everything I followed, but the menu stuff I think I'll need to roll up my sleeves and just play with.

thansk again.

badger

ps. this would make an excellent faq or guide entry if you had a moment to fix it up a bit.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to help: Modifying an existing site/template to work in CMSMS

Post by Dr.CSS »

badger

Re: How to help: Modifying an existing site/template to work in CMSMS

Post by badger »

Perfect.  Wow.

Now...

HOW DID YOU DO THAT?

:)

I've got a port close on Andreas07 original template at http://badgercx.box23.net

but I'm struggling with the MenuManager code at the moment.
badger

Re: How to help: Modifying an existing site/template to work in CMSMS

Post by badger »

The part I'm struggling with is how to apply CSS to the menu items.

How can I edit the TPL File to make each menu item a simple A link?  That way I can do all the formatting with CSS a la the template that Andreas wrote.

badger
mikemee
Forum Members
Forum Members
Posts: 20
Joined: Sun May 21, 2006 11:31 am

Re: How to help: Modifying an existing site/template to work in CMSMS

Post by mikemee »

Ted, thanks for those links. I've attempted to immortalize them in the FAQ at http://wiki.cmsmadesimple.org/index.php ... r_Template

Doubtless I introduced some errors, but hopefully its a net gain  :)
badger

Re: How to help: Modifying an existing site/template to work in CMSMS

Post by badger »

Ok, I got the tpl into a A href="" format so that the CSS for Andreas07 works.

Code: Select all

{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *} 
{if $count > 0}
 {foreach from=$nodelist item=node}
  {if $node->depth > $node->prevdepth}
	{repeat string="" times=$node->depth-$node->prevdepth}
  {elseif $node->depth < $node->prevdepth}
	{repeat string="" times=$node->prevdepth-$node->depth}
  {elseif $node->index > 0}
 {/if}

{if $node->current == true}
<a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
{$node->menutext}
{elseif $node->type == 'separator'}
<hr class="separator" />
{else}
<a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>{/if}
{/foreach}

{repeat string="" times=$node->depth-1}
{/if}
it appears to only handle one level, not sure how to make it have sub levels, but for now I'm happy.

http://badgercx.box23.net is showing the right style menu now. 
Locked

Return to “Layout and Design (CSS & HTML)”