Newbie adapting /importing template

What is your native language?
maybe somone here could talk to you in your own language?
to explain how things work

Didn’t see sottwell answer before last post.
Quote from: sottwell at Jan 30, 2006, 06:31 AM

Log in to the Manager. Go to Manage Resources. Choose the Templates tab. Give your template a name, and copy/paste the XHTML into the textarea. Clean out the existing content and put in MODx chunk, snippet, or TV tags for the content as mentioned above.

You have two options for CSS files: /...

This is good and gives much hope I will read it thoroughly!
....most of U know this so well U’ve forgotten the newbie obstacles. Perhaps some headlines should have small notes like (Css into here) or (F5 to get new files appear) Language...web tutors are in english, so the problem is really that basicly the same things (example) is called layout, template, form, styles and even skins. Sometimes the alternatives for trail-and-error are huge and can’t be done. My lang makes it worse and I switched back to english.
I’ll be back.

I’m writing a new article for my site right now on adapting the YAML template (http://www.highresolution.info/webdesign/yaml/) for my site. I like it! Thanks to whoever it was for linking to it.

Quote from: sottwell at Jan 30, 2006, 07:37 AM

I’m writing a new article for my site right now on adapting the YAML template (http://www.highresolution.info/webdesign/yaml/) for my site. I like it! Thanks to whoever it was for linking to it.

Wow. That one’s a gem. I’ll be watching for the article.

http://www.sottwell.com

Quote from: sottwell at Jan 30, 2006, 06:31 AM

Log in to the Manager. Go to Manage Resources. Choose the Templates tab. Give your template a name, and copy/paste the XHTML into the textarea. Clean out the existing content and put in MODx chunk, snippet, or TV tags for the content as mentioned above.

You have two options for CSS files:

1. Create a document of type text/css. Set it to NOT use the rich text editor. Copy/paste the .css file into the document content. In this case, it will be stored in the database along with all the other documents, snippets, chunks and TVs. Since it’s handled as a document by the MODx engine, you can use MODx tags such as snippets or chunks to dynamically generate the final css content.

2. Store a standard .css file on the webserver somewhere. Originally they were kept in assets/site. I keep mine in an assets/templates/TemplateName/style folder.
/...

#1 Paste HTML in FCKedit - OK

#2 Create txt/css file - OK (But then I can’t get MODx to recognize it....
#2.1 Set it to NOT use the rich text editor - Set the file, where!?
#2.2 Copy/paste the .css file into the document content. - with wordpad or in MODx (where)?

#3 What are the plus and minus of
#3.1 using file *.css
#3.2 using css doc (( *.txt ))

You need to spend a little time looking at the Manager and how to use it to create new templates, and new documents. Templates, chunks and TVs do not use the FCKEditor.

When creating a new document, look at all of the options in the Document Settings panel, and also in the Page Settings tab. Page Settings is where you set the document to use Rich Text Editor or not, and to publish the document, among other things.

A template will have HTML markup, with a head and a body, just like any HTML. The difference is that instead of having the content and menu links coded, it will have MODx tags that will control what content is displayed, including menus, in the HTML containers such as <div> where you want them to appear. The template becomes just that, a template, a skeleton HTML layout which will be filled by the MODx engine with what you specify by the MODx tags (snippets, TVs and chunks).

Blogplus

I can understand where your coming from if you are used to manually coding web pages. As Susan states, think about it this way

The CSS is your typical CSS file stored in your assest/templates typically. When you create a new template within resourses the first time, just link it to your CSS file and only add the HTML elements that will apply to the overall layout (In other words imagine you have a webpage with no content whatsoever, just the tags for the div;s such as column one, masthead etc. Now comes the fun part. In your content area which may be <div id=c"content"> just add a tag [#*content*] straight after that tag. Now create a new page in MODx and link it to this new template, then click on your edit content button (which will now appear on the page and in the browser if you are logegd in as manager) and add the content just as a user would do. The # makes this a RTE editable region in effect (RTE being the default rich text editor). I found that was a good place to start for me, and I used this document link when I first set out alsohttp://modxcms.com/template-basics.html.

Once you have mastered adding the content areas, move on too adding a chunk next (This just contains the HTML tags and also the content that you might add to say a right column but instead of doing this for each page or via a Dreamweaver type template you just add the chunk to either the page iteself (via ~contnet for example) or straight into your template. Then you just edit the chuck and all is changed. You’ll love MODx, keep with it, trust me !

To search this thread about: Template A22: Pacific Design Harvey Island, N.Y. (link above)