Theme elements


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

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.


1. default unordered and ordered lists


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
code snippets for unordered and ordered lists
<ul>
	<li>mel eruditi meliore</li>
	<li>solet partiendo repudiandae</li>
	<li>vis laudem saperet</li>
</ul>
<ol>
	<li>mel eruditi meliore</li>
	<li>solet partiendo repudiandae</li>
	<li>vis laudem saperet</li>
</ol>

Obviously, you can create these lists using default wordpress list editor(it’s not needed to create the lists by writing HTML code).


2. theme specific custom lists


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

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

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

add list
  • mel eruditi meliore
  • solet partiendo repudiandae
  • vis laudem saperet
shortcode usage
[custom_list type="fav" indent="16px"]
<ul>
    <li>mel eruditi meliore</li>
    <li>solet partiendo repudiandae</li>
    <li>vis laudem saperet</li>
</ul>
[/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.


3. highlighted box content


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

You can choose between information, confirmation, warning and error options for type parameter.


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>

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.


6. Toggle content example


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.
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.
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.
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.


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

7. Tabs example


Eu has omittam eligendi incorrupte, in duis dolor eos, ubique facilis ne pro. Duis sanctus labores an has, te cum vocibus maiorum, cu duo convenire honestatis.

Vim ex decore legimus maiorum, id brute fuisset explicari pro, nec cu laoreet placerat. Vero ridens dolores ut est, duo sale omnes efficiantur id, per te doctus equidem epicuri. Et has tantas lucilius, ea sea minim dicit maluisset. At ornatus explicari pri. Te vocibus prodesset est, doming iudicabit mei in. Mollis urbanitas quaerendum id pri, cu mel qualisque salutatus.

No pro quis agam natum, mei semper urbanitas conceptam cu. In duo tota tincidunt, his nullam albucius an. Eum ut illud theophrastus, aperiri omittam disputando ei vim, et brute clita ius. Reque nostrud an vel. Debitis dissentias eum ei, ne sit quod deserunt adipisci, dico liberavisse te usu.

Dolorem evertitur at duo, numquam perpetua vix ut. Postulant eloquentiam no eos. Purto labores convenire et vix, bonorum intellegat vim ei. Eu his bonorum pertinax.

Ad ludus propriae per, at sit detraxit inimicus deterruisset. Sit quem philosophia in, vix eu ornatus probatus. Laudem voluptatum quo id, esse sensibus accommodare nam eu. Vitae nonumy aliquam sit no, pri ei propriae reprimique.

Dicat munere disputationi ne nec, eu eos persius ocurreret conclusionemque, homero alterum pro ei.

Mel laoreet scaevola convenire an, ullum salutatus imperdiet no sea. Ex sea legere invenire, an copiosae fabellas repudiandae vis. Has te tamquam disputando, idque forensibus mea ea, id sea error dolorem omnesque.