Arsip:

Uncategorized

Sample Content 7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna, id faucibus lectus erat ut pede.

Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus.

Sample Content 8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna, id faucibus lectus erat ut pede.

Maecenas varius neque nec libero laoreet faucibus. Phasellus sodales, lectus sed vulputate rutrum, ipsum nulla lacinia magna, sed imperdiet ligula nisi eu ipsum. Donec nunc magna, posuere eget, aliquam in, vulputate in, lacus.

Template Typography

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