background preloader

Movabletype

Facebook Twitter

Learning Movable Type | Tutorials and helpful tips for the Movab. Movable Type 3.2 User Manual: 03: Templates and Layout Archives. MOVABLE TYPE TEMPLATES. Movable Type Templates Template and Tag Philosophy There are two main ideas behind Movable Type's template tags: Context is important in determining when you can use a particular tag. Container tags represent lists and conditionals, and variable tags represent variable substitutions. Both of these points are described in more detail below. Why does Movable Type use the mental model that it does for templates? The primary reason is flexibility. (Note that the above is not intended as a criticism of Greymatter; it is simply meant to illustrate the differences, and to describe why we chose to do things the way we did.)

Tag Types Movable Type templates are composed of special tags embedded within standard chunks of plain text (or HTML, as the case may be). Container Tags Certain MT tags are ``container'' tags; they contain what might be called a subtemplate, a chunk of text and MT tags between two other MT tags: the start of the container and the end of the container. Tag Syntax Tag Attributes. Mediatinker.com. Illustrated MT templates Tackling Movable Type templates and CSS for the first time can be daunting. The MT default templates contain four kinds of code: CSS, HTML, MT tags, and Javascript.

If you’re new to all this, you’re about to learn that it pays to make a careful study of the code. Once you understand the way it works together, it’s pretty easy to modify your MT templates to display almost any design you want. Understanding the Divisions Let’s start by taking a look at what the different sections are and what the code does. This diagram shows where the div sections of the MT index template begin and end. Positioning with CSS Want to move these three major sections to different locations on your page? Most of the positioning elements in this stylesheet are margins and padding. Almost anything on your page can have margins and/or padding added to it—images, forms, tables, paragraphs.

Margins and padding are nearly interchangable. One final note. A Positioning Example More Study Examples. Golden Gate XPress.