recreating a css/xhtml site exactly
-
tracyjs
recreating a css/xhtml site exactly
Is it possible to use my css/xhtml code to copy a site style exactly? If so, how. All I see are pre-made templates.
Re: recreating a css/xhtml site exactly
Yes it makes it a lot easier than converting a table layout...
You have to copy the template code into a new template, go to Layout » Templates » Add New Template...
Then copy your CSS into a new style sheet, go to Layout » Stylesheets » Add a Stylesheet
Then you go back to templates and make sure it's active and then click the CSS icon on the right to attach your new CSS to it...
Of course that was a simplistic overview...
You will have to remove any existing content and add the content tag {content} in the main content area and if you have more content areas you add more content tags {content block="NewContentBlockName"} with a unique name for each new one, go to Extensions » Tags click 'content' to get the parameters it takes...
And you need a menu tag {menu} where your menu will be and it will need some kind of a template {menu template="NameofDefaultMenuTemplate.tpl"} using one of the existing menu templates you will need to change your menu CSS to correspond to the way it is configured as in the calls like is in some of them...
You can make a new menu template by going to Layout » Menu Manager and clicking the second tab, File Templates, and click the copy icon to the right naming it then open it by clicking it's name to make any changes...
You may find it helpful to go to http://wiki.cmsmadesimple.org/index.php/User_Handbook for more Help...
You have to copy the template code into a new template, go to Layout » Templates » Add New Template...
Then copy your CSS into a new style sheet, go to Layout » Stylesheets » Add a Stylesheet
Then you go back to templates and make sure it's active and then click the CSS icon on the right to attach your new CSS to it...
Of course that was a simplistic overview...
You will have to remove any existing content and add the content tag {content} in the main content area and if you have more content areas you add more content tags {content block="NewContentBlockName"} with a unique name for each new one, go to Extensions » Tags click 'content' to get the parameters it takes...
And you need a menu tag {menu} where your menu will be and it will need some kind of a template {menu template="NameofDefaultMenuTemplate.tpl"} using one of the existing menu templates you will need to change your menu CSS to correspond to the way it is configured as in the calls like is in some of them...
You can make a new menu template by going to Layout » Menu Manager and clicking the second tab, File Templates, and click the copy icon to the right naming it then open it by clicking it's name to make any changes...
You may find it helpful to go to http://wiki.cmsmadesimple.org/index.php/User_Handbook for more Help...
-
tracyjs
Re: recreating a css/xhtml site exactly
Okay I have a right and a left column. There is content in each. Also, each has more than one div for controling the content appearance. I'm assuming I'll need a content tag for each column..is that correct?
Also, will I need content tags for the various divs (like for boxes and pullquotes)?
My menu is specically placed. Will it remain so after recreating it with the cmsms?
Thank you so much for your time and advice!
Also, will I need content tags for the various divs (like for boxes and pullquotes)?
My menu is specically placed. Will it remain so after recreating it with the cmsms?
Thank you so much for your time and advice!
Re: recreating a css/xhtml site exactly
If it has info/text in it, pullquotes, etc., and you want to be able to change it in every page during page editing you need a {content} type tag...
If it will be on every page then you can leave it in the template as is...
Your menu will still be in the same div? then it will still be where the original CSS put it...
The {menu} tag is driven by the Menu Manager engine which goes thru the page structure you see in Content » Pages and puts it in an ul li structure according to the template you use where it can give them IDs and classes that are used to style them...
If your menu needs special calls as in a class or id you can call them out in a menu template...
I've found when trying to find the right place to put something in the menu template I put a number or letter in it to see where it shows up in the menu, can look weird but for finding places it works...
If you would like to try CMSMS out before using it...
http://cmsmsdemo.multiintech.com/ login info on Home page... running 1.0.8....
If it will be on every page then you can leave it in the template as is...
Your menu will still be in the same div? then it will still be where the original CSS put it...
The {menu} tag is driven by the Menu Manager engine which goes thru the page structure you see in Content » Pages and puts it in an ul li structure according to the template you use where it can give them IDs and classes that are used to style them...
If your menu needs special calls as in a class or id you can call them out in a menu template...
I've found when trying to find the right place to put something in the menu template I put a number or letter in it to see where it shows up in the menu, can look weird but for finding places it works...
If you would like to try CMSMS out before using it...
http://cmsmsdemo.multiintech.com/ login info on Home page... running 1.0.8....
