Elements

Theme elements

[line]
[intro]Headers, paragraphs, lists, special notification boxes, tables, css3 buttons and other typography arrangements are illustrated on this page.[/intro]

Te nam numquam singulis, nec tacimates ocurreret id. Nulla soleat adipisci mei no. Vis mazim admodum necessitatibus ne, his fierent recusabo necessitatibus ut. Odio gloriatur quaerendum id vix.
[white_space height=”16px”]

1. default unordered and ordered lists

[white_space height=”6px”]

Unordered lists
  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet
Ordered lists
  1. mel eruditi meliore
  2. solet partiendo repudiandae
  3. vis laudem saperet

[labtitle]code snippets for unordered and ordered lists[/labtitle]

[printcode]
<ul>
	<li>mel eruditi meliore</li>
	<li>solet partiendo repudiandae</li>
	<li>vis laudem saperet</li>
</ul>
[/printcode]
[printcode]
<ol>
	<li>mel eruditi meliore</li>
	<li>solet partiendo repudiandae</li>
	<li>vis laudem saperet</li>
</ol>
[/printcode]

Obviously, you can create these lists using default wordpress list editor(it’s not needed to create the lists by writing HTML code).
[white_space height=”16px”]

2. theme specific custom lists

[white_space height=”6px”]
[intone_half]
[white_space height=”10px”]

favourite list

[custom_list type=”fav” indent=”16px”]

  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet

[/custom_list]
[white_space height=”10px”]

check list

[custom_list type=”check” indent=”16px”]

  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet

[/custom_list]
[/intone_half] [intone_half_last]
[white_space height=”10px”]

arrow list

[custom_list type=”arrow” indent=”16px”]

  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet

[/custom_list]
[white_space height=”10px”]

add list

[custom_list type=”plus” indent=”16px”]

  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet

[/custom_list][/intone_half_last]

[labtitle]shortcode usage[/labtitle]

[printcode]
[custom_list type="fav" indent="16px"]
<ul>
    <li>mel eruditi meliore</li>
    <li>solet partiendo repudiandae</li>
    <li>vis laudem saperet</li>
</ul>
[/printcode][/custom_list]

This code should be used in the HTML tab of your wordpress editor, since it uses HTML list tags(ul and li’s). You can choose between fav, check, arrow and add in the type parameter of the shortcode.
[white_space height=”16px”]

3. highlighted box content

[message_box type=”information”]This is a simple box that should be used to emphasize a information message.[/message_box]
[message_box type=”confirmation”]This is a simple box that should be used to emphasize a confirmation message.[/message_box]
[message_box type=”warning”]This is a simple box that should be used to emphasize a warning message.[/message_box]
[message_box type=”error”]This is a simple box that should be used to emphasize an error message.[/message_box]
[break]
[labtitle]shortcode usage[/labtitle]

[printcode][message_box type="information"]highlighted text[/message_box][/printcode]

You can choose between information, confirmation, warning and error options for type parameter.
[white_space height=”16px”]

4. Code snippet

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>project title</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="Goldenworks">
	<!-- Date: 2012-06-12 -->
</head>
<body>

</body>
</html>

[white_space height=”16px”]

5. A simple, yet effective and flexible table

Prodesset Ornatus Interesset Comprehensam
Eam hinc Prompta oportere Deterruisset Lorem ipsum
Appellantur Ornatus Interesset Scripserit
Prodesset Aeterno Homero Eam hinc
Vivendum 442 eam 6783 set 139 euismod

To create a table like this, all you have to do is to paste in the HTML tab of your wordpress editor a normal and clean table code with no classes at all.
[white_space height=”16px”]

6. Toggle content example

[toggle title=”get the code”]
Sit et cibo propriae, est audiam copiosae ea, sit et legimus propriae probatus. Ut meis accumsan ius. Sea fierent iudicabit ex, duis harum labore cum in.
[/toggle]
[toggle title=”Check out this information”]
Eos graeci nostro rationibus in, ea fugit movet per. An quo iudico aperiam, vide deterruisset no vim, ignota fabulas omnesque an sed. At nec harum adipisci voluptaria, at mei quaeque definiebas. Eam eius laudem civibus no, no eum ubique tractatos, ius quod meliore ut. Duis wisi modus vis in.
[/toggle]
[toggle title=”Deep inside the night”]
Eos graeci nostro rationibus in, ea fugit movet per. An quo iudico aperiam, vide deterruisset no vim, ignota fabulas omnesque an sed. At nec harum adipisci voluptaria, at mei quaeque definiebas. Eam eius laudem civibus no, no eum ubique tractatos, ius quod meliore ut. Duis wisi modus vis in.
[/toggle]
[toggle title=”Laboratory detailed documentation and license”]

Sit et cibo propriae, est audiam copiosae ea, sit et legimus propriae probatus. Ut meis accumsan ius. Sea fierent iudicabit ex, duis harum labore cum in.

Eos graeci nostro rationibus in, ea fugit movet per. An quo iudico aperiam, vide deterruisset no vim, ignota fabulas omnesque an sed. At nec harum adipisci voluptaria, at mei quaeque definiebas. Eam eius laudem civibus no, no eum ubique tractatos, ius quod meliore ut. Duis wisi modus vis in.

[/toggle]

[white_space height=”6px”]
[labtitle]shortcode usage[/labtitle]

[printcode]
[toggle title="Check out this information"]
content text, html, images, videos, etc.
[/toggle]
[/printcode]

[white_space height=”16px”]

7. Tabs example

[tabs] [tab title=”Only the beginning”]
Eum petentium prodesset et, erant utinam copiosae quo te. Dolorum voluptatibus id nec, pri ad vidisse deleniti apeirian.
[custom_list indent=”10px” type=”fav”]

  • aliquip mentitum moderatius eos
  • meis aliquip tritani
  • aeque vivendum forensibus ut

[/custom_list]
Ne qui officiis maluisset conclusionemque, in saepe vivendo mnesarchum his, quis voluptua duo ut. Ea facer dicunt audire ius.

[/tab]
[tab title=”Alternative content”]

Probo graeco nemore ea has. Odio minim scriptorem qui ne, graece mentitum vituperatoribus no eos.

[alignleft alt=”an image inside a tab”]http://localhost/wordpress_av/wp-content/themes/avantgarde/images/girl_1.jpg[/alignleft] Tritani similique in quo. An nibh mollis ponderum mea, has eu ullum quando vituperata.

Ne nec assum clita alienum, sea pertinacia interesset instructior ad.

Rebum petentium constituto ei, ne sed doming impedit delicatissimi, etiam vocent denique eos ex. In salutandi constituto duo.

Quo viris singulis constituam eu, et pro nulla iudico assentior. Lorem laboramus eum id, ullum nullam vix te, eu admodum moderatius interpretaris mei.

[/tab]

[tab title=”Need more ?”]

Vitae dicant sit eu. Id quodsi deterruisset sit, in quo eros accusam perfecto. An sea verear sententiae constituam, ea quo vero interesset. Et enim abhorreant deterruisset ius.

Sea et case ubique suavitate, nam audiam fierent at. Mel ex consequat instructior, eu democritum delicatissimi qui.

[/tab]
[/tabs]
[white_space height=”18px”]

Scroll to top