Formatting / Shortcodes

A page of sample formatting / shortcodes you can copy out and modify to make life easy. HTML elements are at the end of the page.

This space intentionally left blank for the demo.

Custom Postgrid

Use this shortcode to pull in posts from any category or categories and set a max and optional title.
[cudazi_postgrid cat=’9′ max=’3′ title=’Custom Post Grid’]

This space intentionally left blank for the demo.

[cudazi_large]Drop in some large text.[/cudazi_large]

This space intentionally left blank for the demo.

[cudazi_promotext]Drop in some promo text to make a message stand out. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam interdum iaculis felis nec viverra. Curabitur ac felis non nisi mattis suscipit. Aliquam ipsum magna, hendrerit vitae interdum sit amet, rhoncus non nisl.[/cudazi_promotext]

This space intentionally left blank for the demo.

Custom Thumbnail Scroller

The thumbnail scroller pulls in photos using a modified version of the WordPress gallery shortcode to be displayed in a scrolling thumbnail slider.

[cudazi_thumbnail_scroller include=’118,116,114,112,110,108,106,104′ link=’file’ size=’thumbnail’ height=’150′ title=’Include an optional title!’]

[cudazi_thumbnail_scroller include=’118,116,114,112,110,108,106,104′ link=’file’ size=’grid_2′ height=’140′ title=’Include an optional title!’]

[cudazi_thumbnail_scroller include=’118,116,114,112,110,108,106,104′ link=’file’ size=’grid_3′ height=’220′ title=’Include an optional title!’]

This space intentionally left blank for the demo.

Contact Form

[cudazi_contact to=’example@example.com’]

This space intentionally left blank for the demo.

Italicised text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Bold text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Definition List

Typography
The art or process of setting and arranging types and printing from them.
Usability
The ease of use and learnability of a human-made object.
HTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.
CSS
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language.

Blockquote: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.


Preformatted Text

#sample {
	display: inline;
	height: 80px;
	color: #000;
	float: left;
}



Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam arcu arcu, pellentesque quis ullamcorper non, suscipit ac nisl. Donec at lacus et arcu volutpat sollicitudin. Quisque suscipit mi metus. Fusce aliquam ante ut nunc rutrum molestie.

Ordered List

  1. Lorem ipsum dolor sit amet, adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.
  3. Lorem ipsum dolor sit amet, adipiscing elit.
  4. Aliquam tincidunt mauris eu risus.

Unordered List

  • Lorem ipsum dolor sit amet, adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Lorem ipsum dolor sit amet, adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
open