Template map
|
Map of regular module positions for the template Exchange.
Exchange also supports 5 hidden positions for supplementary services.
An alternative way to see this map on your website is to use the URI parameter tp=1. For example, if your website is "example.com" you can see the template positions by typing http://www.example.com/?tp=1
Module Styles
|
Exchange features 6 module styles. With the module styles you can see in this page you can set the way a module is displayed.
To set the style of a module, login to the administrator's control panel, go to the Module Manager, locate and edit the Module Suffix data field and click the Save button. Alternatively, you can read our tutorials where you can find simple step by step examples.
Typography
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
This is a Heading 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
This is a Heading 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
This is a Heading 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
This is a Heading 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
This is a Heading 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
This is a Heading 6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Below is a list with arrows. To use this style create a list in the following format: <ul><li class="arrow1">....</li><li class="arrow1">....</li>...</ul>
- Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.
To use this style create a list in the following format: <ul><li class="arrow2">....</li><li class="arrow2">....</li>...</ul>
- Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.
Below is a list with circle. To use this style create a list in the following format: <ul><li class="circle">....</li><li class="circle">....</li>...</ul>
- Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.
Below is a list with check. To use this style create a list in the following format: <ul><li class="check">....</li><li class="check">....</li>...</ul>
- Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.
Alert box
This is a sample pin note. Use <span class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>
Info box
This is a sample pin note. Use <span class="info">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>
Download box
This is a sample pin note. Use <span class="download">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>
Code
#subheader h1 {
float: left;
margin-top: 28px;
background: url(../images/logo.gif) no-repeat;
width: 335px;
height: 58px;
text-indent: -9999px;
}
Sample Article
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien arcu, dignissim nec laoreet a, aliquet non lectus. Pellentesque consectetur venenatis lorem eu lacinia. Aliquam ac tortor dolor. Suspendisse vulputate mattis nulla vitae semper. Aenean sit amet urna nec mi viverra aliquam. Sed non nibh est, in ultrices neque. Nulla facilisi. Phasellus sed turpis mi, id ullamcorper velit. Pellentesque suscipit nulla sed quam rhoncus volutpat. Pellentesque convallis lacinia nulla quis mattis. Sed ultricies sodales nisi non auctor. Maecenas at justo metus. Aenean luctus lacinia scelerisque. Morbi blandit vulputate consectetur. Nulla varius, dui non placerat elementum, lacus massa facilisis ante, in vehicula urna neque id tellus.