Creating Beautiful Content With Simple Code
Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Ionosphere template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.
If you are using the TinyMCE editor for HTML typography, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.
<h1> Heading Styles
H1. Heading 1
H2. Heading 2
H3. Heading 3
H4. Heading 4
H5. Heading 5
H1. Page Title
H1. Content Title
<ul> List Styles
- This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
- This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
- This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
- This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
- This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
<p> DropCap Styles
Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.
Use the following format: <p class=”dropcap”>…</p> (HTML) or [dropcap class=”dropcap”]…[/dropcap] (ROKCANDY). You can use any letter, symbol or number.
Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap2″>…</p> (HTML) or [dropcap class=”dropcap2″] … [/dropcap] (ROKCANDY)
Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap3″>…</p> (HTML) or [dropcap class=”dropcap3″] … [/dropcap] (ROKCANDY)
Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap4″>…</p> (HTML) or [dropcap class=”dropcap4″] … [/dropcap] (ROKCANDY)
Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap5″>…</p> (HTML) or [dropcap class=”dropcap5″] … [/dropcap] (ROKCANDY)
<blockquote> Styles
To replicate, use the following formatting: <blockquote><p>….</p></blockquote> (HTML) or [blockquote class=”default”]…[/blockquote] (ROKCANDY).
Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.
To replicate, use the following formatting: <blockquote class="alignleft"><p>….</p></blockquote> (HTML) or [blockquote class=”alignleft”]…[/blockquote] (ROKCANDY).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.
Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.
To replicate, use the following formatting: <blockquote class="alignright"><p>….</p></blockquote> (HTML) or [blockquote class=”alignright”]…[/blockquote] (ROKCANDY).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.
<pre> Code Styles
This is a sample <pre
Selengkapnya