Description

[hr]

There are different boxes and containers you can use to display content for various situations.

[clear]
[clear]

Quote Boxes

[hr]

Show a quote and cite the author.

[code][quote author=”Author Name” image=”http://yoursite.com/image.jpg” w=”100″]Your quoted text.[/quote][/code]

[clear]

[quote author=”Robert Allen, WebTech.com” image=”2056″ w=”160″ h=”185″ image_align=”left”]We knew this would be a winning combination from the very first moment we started working with Salutation. This is really a dream come true.[/quote]

[clear]
[clear]

[quote author="Robert Allen, WebTech.com" image="2056" w="160" h="180" image_align="left"]We knew this would be a winning combination from the very first moment we started working with Salutation. This is really a dream come true.[/quote]

[clear]
[clear]

Parameters

author
(string) (Optional) Author or credited source of the quote.
image
(string) (Optional) The image path or ID of a media file to use.
w
(int) (Optional) The width of the image.
h
(int) (Optional) The height of the image.
image_align
(string) (Optional) The image position: left, right.

[clear]
[clear]

Sample

[clear]
[clear]

Image aligned right

[clear]

[quote author=”Vanessa, SavvyWeb” image=”2072″ w=”180″ h=”168″ image_align=”right”]I told them what I wanted and BAM! They made it happen. What more an I ask for. Salutation rocks![/quote]

[clear]
[clear]

[quote author="Vanessa, SavvyWeb" image="2072" w="160" h="170" image_align="left"]I told them what I wanted and BAM! They made it happen. What more an I ask for.[/quote]

[clear]
[clear]

No image

[clear]

[quote author=”Vanessa, SavvyWeb”]This is the most amazing thing I’ve seen in a long time. It is incredible and really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really, really great.[/quote]

[clear]
[clear]

[quote author="Vanessa, SavvyWeb""]This is the most amazing thing I've seen in a long time. It is incredible and really, really, really, really, really, really great.[/quote]

[clear]
[clear]
[clear]

Pull Quote

[hr]

Show a pull quote within a paragraph, article or section of text.

[code][pull_quote]Your quoted text.[/pull_quote][/code]

[clear]

Parameters

align
(string) (Optional) The position of the quote: left, right.

[clear]
[clear]

Samples of Pull Quote Usage

[clear]

Pull quote aligned right

[clear]

You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? [pull_quote align=”right”]You think water moves fast? You should see ice.[/pull_quote]Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.

You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don’t know exactly when we turned on each other, but I know that seven of us survived the slide… and only five made it out. Now we took an oath, that I’m breaking now. We said we’d say it was the snow that killed the other two, but it wasn’t. Nature is lethal but it doesn’t hold a candle to man.

Pull quote aligned left

The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a single faulty enzyme in protein metabolism. The animals can’t manufacture the amino acid lysine. Unless they’re continually supplied with lysine by us, they’ll slip into a coma and die.

Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more shows. [pull_quote align=”left”]It’s curious. Ted did figure it out – time travel.[/pull_quote]Some pilots get picked and become television programs. Some don’t, become nothing. She starred in one of the ones that became nothing.

You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.

[clear]
[clear]
[clear]

Text Boxes (icon boxes)

[hr]

The text box shortcode lets you add a block of text with a title and optional icon. The fonts in a text box are slightly larger than the default body fonts to make them stand out.

[code][text_box title=”My Title”]Your message text.[/text_box][/code]

[clear]

Parameters

title
(string) (Optional) The main headline text.
icon
(string) (Optional) An icon to display with the text.

Values: calendar, comment, download, gears, globe, groups, image, info, list, mail, search, settings, shuffle, wp

[clear]
[clear]

Samples

[clear]
[clear]

[text_box title=”A Simple Text Box (no icon)”]You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.[/text_box]

[text_box title="A Simple Text Box"]You see? It's curious. Ted did figure it out...[/text_box]

[clear]
[clear]

The examples below use column containers to create a 2 column layout of text boxes. An example of the code used is at the bottom of the list.

[clear]
[clear]

[one_half] [text_box title=”Calendar” icon=”calendar”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”Comment” icon=”comment”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]

[one_half] [text_box title=”Download” icon=”download”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”Gears” icon=”gears”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]

[one_half] [text_box title=”Globe” icon=”globe”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”Groups” icon=”groups”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]

[one_half] [text_box title=”Image” icon=”image”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”Info” icon=”info”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]

[one_half] [text_box title=”List” icon=”list”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”Mail” icon=”mail”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]

[one_half] [text_box title=”Search” icon=”search”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”Settings” icon=”settings”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]

[one_half] [text_box title=”Shuffle” icon=”shuffle”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half]

[one_half_last] [text_box title=”WordPress (wp)” icon=”wp”]Well, the way they make shows is, they make one show. That show’s called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they’re going to make more.[/text_box] [/one_half_last]

[clear]
[clear]

[code][one_half]
[text_box title=”A Set of Text Boxs with Icons” icon=”calendar”]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism.
[/text_box]
[/one_half]
[one_half_last]
[text_box title=”A Set of Text Boxs with Icons” icon=”info”]
The lysine contingency – it’s intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism.
[/text_box]
[/one_half_last]
[clear][/code]

[clear]
[clear]
[clear]

Call to Action

[hr]

The “Call to Action” shortcode is designed to draw attention to a headline and button.

[code][call_to_action title=”Your message text.”][/code]

[clear]

Parameters

title
(string) (Optional) The main headline text.
tag_line
(string) (Optional) The supporting “sub-title” text.
button
(string) (Optional) Text to show on the button. If excluded the button will not appear.
link
(string) (Optional) The URL of the link to use with the button.

[clear]
[clear]

Samples

[clear]
[clear]

[call_to_action title=”Call to Action with a Button…” button=”Button Text” link=”JavaScript:alert(‘Woohoo!’);”]

[call_to_action title="Call to Action with a Button..." button="Button Text" link="JavaScript:alert('Woohoo!');"]

[clear]
[clear]

[call_to_action title=”Call to Action with a Tagline…” tag_line=”This is the tagline text below the title.” button=”Button Text” link=”JavaScript:alert(‘Here we go!’);”]

[call_to_action title="Call to Action with a Tagline..." tag_line="This is the tagline text below the title." button="Button Text" link="JavaScript:alert('Here we go!');"]

[clear]
[clear]
[clear]

Message Boxes

[hr]

Message boxes for information and drawing attention to content.

[code][message_box]Your message text.[/message_box][/code]

[clear]

Parameters

type
(string) (Optional) Type of message box.

Values: note, info, alert, error, success, inset
icon
(string) (Optional) Show icon associated with the selected box type. “Yes” to display icon, do not include option if icon is not desired.
close
(string) (Optional) Add a close button to the box. The text entered will be used as the button text.

[clear]
[clear]

Samples

[clear]
[clear]

[message_box]A standard message box[/message_box]
[clear]
[message_box]A standard message box[/message_box]

[clear]
[clear]

[message_box type=”note” icon=”yes” close=”Hide”]A note message box.[/message_box]
[clear]
[message_box type="note" icon="yes" close="Hide"]A note message box.[/message_box]

[clear]
[clear]

[message_box type=”info” icon=”yes” close=”Hide”]An information message box.[/message_box]
[clear]
[message_box type="info" icon="yes" close="Hide"]Info message.[/message_box]

[clear]
[clear]

[message_box type=”alert” icon=”yes” close=”Hide”]An alert message box.[/message_box]
[clear]
[message_box type="alert" icon="yes" close="Hide"]Alert message.[/message_box]

[clear]
[clear]

[message_box type=”error” icon=”yes” close=”Hide”]An error message box.[/message_box]
[clear]
[message_box type="error" icon="yes" close="Hide"]Error message.[/message_box]

[clear]
[clear]

[message_box type=”success” icon=”yes” close=”Hide”]A success message box.[/message_box]
[clear]
[message_box type="success" icon="yes" close="Hide"]Success message.[/message_box]

[clear]
[clear]

An inset message box:
Inset message boxes cannot display close buttons or icons.

[message_box type=”inset”]An inset message box.[/message_box]
[clear]
[message_box type="inset"]An inset message box.[/message_box]

[clear]
[clear]
[clear]

[clear]