title: Twocol

Main content:

<p>This two column Flexy layout is achieved simply by typing 'yes' in the twocol custom field. If you type 'yesyes' the left border will disappear. If you type 'yesj' or 'yesyesj' you get justified text. Other custom fields are available.</p>
<h2>Why Use This Template?</h2>
<p><acronym title="Hypertext Markup Language">HTML</acronym> is the language that drives the Internet and I believe everyone should know the basics. It is quite simple and intuitive so if you use elements from this template you will soon learn how to present pleasant looking articles which function correctly on the Internet. All you need to do is decide which headings are appropriate or whether you want a list or paragraphs etc. Then just substitute your own text in the appropriate places.
</p><p>
Please follow the How To carefully, so you don't lose the template or your article. Credit is due to <acronym title="Textpattern">TXP</acronym> developer <a href="http://utterplush.com/txp-plugins/upm-savenew">Mary Fredborg</a> for the Save New button without which templates would be a hassle.
</p>
<h2>How To Use As A Template</h2>
<ol><li>
Go into the Content | Articles tab and select this article
</li><li>
Change the title (at the top)
</li><li>
Change the url-only title (bottom left)
</li><li>
Change the section (right side)
</li><li>
Click More and change the date (right side)
</li><li>
Click <strong>Save New</strong> and OK
</li><li>
In the Articles tab, you should now see your new document listed and the template should still be listed too with a different date and/or time. Return to your new article and you can now replace the dummy text with your own. The <acronym title="Hypertext Markup Language">HTML</acronym> elements start with something between the &lt; and &gt; and end with the same thing between the &lt;/ and &gt;. So you can copy and paste but be sure each element has a beginning and an end. <strong>Save</strong> regularly.
</li><li>
With the <strong>custom fields</strong>, if you are using Windows, use <kbd>Ctrl+A</kbd> to select all, <kbd>Ctrl+X</kbd> to cut, <kbd>Ctrl+C</kbd> to copy and <kbd>Ctrl+V</kbd> to paste. It is easier to work outside the custom field. Note that the <code>br</code> tag is a single tag that takes you onto the next line. The <code>img</code> tag is also a single tag, so is self-closing with /> at the end of it.
</li></ol>
<h2>h2-Lorem ipsum</h2>
<p>
Lorem ipsum <strong>dolor</strong> sit amet, consectetuer <em>adipiscing elit.</em> Donec rutrum est eu mauris. In volutpat <a href="http://someco.com/">blandit felis</a> suspendisse eget pede. Class aptent taciti sociosqu ad litora torquent per <strong><em>conubia</em></strong> nostra, per inceptos hymenaeos.<span class="pulleft">This left-side pullout uses "span" with the class "pulleft" so it lines up nicely with a paragraph</span>
</p>
<ul><li>
first item
</li><li>
second item
</li><li>
third item
</li><li>
fourth item
</li></ul>
<h3>h3-Donec rutrum</h3>
<p>
Ut viverra dui vel ante. Duis imperdiet porttitor mi. Maecenas at lectus eu justo porta tempus. Textpattern template, txp template,two column layout, custom field, line height increased, long line readability, html template, Flexy layout. Cras fermentum ligula non purus. Duis id orci non magna rutrum bibendum. Mauris tincidunt, massa in rhoncus consectetuer, lectus dui ornare enim, ut egestas ipsum purus id urna. Vestibulum volutpat porttitor metus. Donec congue vehicula ante.
</p>
<h4>h4-Suspendisse</h4>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum est eu mauris. In volutpat blandit felis.
</p>
<h5>h5-Quisque sed</h5>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum est eu mauris.</p>
<ul class="lalpha"><li>
first item
</li><li>
second item
</li><li>
third item
</li><li>
fourth item
</li></ul>
<h5>h5-Rutrum</h5>
<ul class="lroman"><li>
first item
</li><li>
second item
</li><li>
third item
</li><li>
fourth item
</li></ul>


Excerpt: <p>Left sidebar plus wide content area for a two column layout achieved by typing 'yes' in a custom field</p>

topleft: This is 'topleft'. Has it caught your attention?

headright: This is 'headright'. Does 'topleft' combine well with it?

two3col: <txp:image id=3 /><br />This image uses the two3col custom field

twocol: yes

Cat1: templates
Cat2: nav
Section: template

PUBLISH