Page History
...
| Tip |
|---|
| Hint: Search (Ctrl+F) for the first line shown using lpage_content_column. The other lines shown follow immediately after this. |
<!-- KEEP -->
<div id="lpage_content_column"><div id="lpage_content" class="lpage_content_area"><xsl:if test="$show_title"><h2 class="title"><xsl:value-of select="$title_text" /></h2></xsl:if><div wd:content="content"><xsl:apply-templates select="*" /></div></div></div><!-- END KEEP -->
7. Above the code shown in 10. locate the following line. Delete this line, and everything up to your first <!—keep --> comment line.
...
10. With your new web page layout (created in step 1) open in Notepad:
a. Remove the text which you added from the web site: http://generator.lorem-ipsum.info/.
b. Copy all the code inside the <body></body> tags (not including the body tags) and paste in into your new WAM layout within the <body></body> tags. These are below the </xsl:if> and before <!—KEEP -->. Your code should look like the following.
...
Inserted code is shown in red.
</xsl:if>
<div id="acme_header">Heading</div>
<div id="acme_footer">footer</div>
<div id="acme_sidebar">
<div style="padding-top:400px">Left Panel</div>
</div>
<div id="acme_content">
<div id="acme_messagesContainer">
<h2>Messages</h2>
</div>
<h2>Form Content</h2>
</div>
<!-- keep -->
11. Change the class of the <body> tag to acme_layout. This line should now look like the following:
<
...
body class="acme_layout">
12. Move the code (cut and paste) shown in red below, from within the block of xsl which you commented to keep, into the position shown, immediately before the <h2>Form Content</h2> line.
Move only the code shown in red.
div id="acme_header">Heading</div><div id="acme_footer">footer</div><div id="acme_sidebar"><div style="padding-top:400px">Left Panel</div></div><div id="acme_content"><div id="acme_messagesContainer"><h2>Messages</h2></div><xsl:if test="$show_title"><h2 class="title">
<xsl:value-of select="$title_text" /></h2></xsl:if><h2>Form Content</h2></div>
13. Move the code shown in red below from the xsl you commented to keep, into the position shown, below the <h2>Form Content</h2> line. The moved code is shown in red.
<div id="acme_header">Heading</div><div id="acme_footer">footer</div><div id="acme_sidebar"><div style="padding-top:400px">Left Panel</div></div><div id="acme_content"><div id="acme_messagesContainer"><h2>Messages</h2></div><xsl:if test="$show_title"><h2 class="title"><xsl:value-of select="$title_text" /></h2></xsl:if><h2>Form Content</h2><xsl:apply-templates select="*" />
</div>
14. Delete the remaining saved xsl. i.e everything which now remains within the comments <!—keep --> and <!—end keep -->.
15. Save your changes. At this point you have your basic layout defined. No stylesheet is associated with it except for the styles defined by the standard_style.xsl weblet.