Quotes and Text Shortcodes

Description


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


Quote Boxes


Show a quote and cite the author.

[quote author="Author Name" image="http://yoursite.com/image.jpg" w="100"]Your quoted text.[/quote]
Robert Allen, WebTech.com
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.Robert Allen, WebTech.com


[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]


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.


Sample


Image aligned right

Vanessa, SavvyWeb
I told them what I wanted and BAM! They made it happen. What more an I ask for. Salutation rocks!Vanessa, SavvyWeb


[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]


No image

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.Vanessa, SavvyWeb


[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]



Pull Quote


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

[pull_quote]Your quoted text.[/pull_quote]

Parameters

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


Samples of Pull Quote Usage

Pull quote aligned right

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’? You think water moves fast? You should see ice.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. It’s curious. Ted did figure it out – time travel.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.



Text Boxes (icon boxes)


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.

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

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


Samples


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 title="A Simple Text Box"]You see? It's curious. Ted did figure it out...[/text_box]


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.


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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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


[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]



Call to Action


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

[call_to_action title="Your message text."]

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.


Samples


Button Text

Call to Action with a Button...

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


Button Text

Call to Action with a Tagline...

This is the tagline text below the title.

[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!');"]



Message Boxes


Message boxes for information and drawing attention to content.

[message_box]Your message text.[/message_box]

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.


Samples


A standard message box


[message_box]A standard message box[/message_box]


HideA note message box.


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


HideAn information message box.


[message_box type="info" icon="yes" close="Hide"]Info message.[/message_box]


HideAn alert message box.


[message_box type="alert" icon="yes" close="Hide"]Alert message.[/message_box]


HideAn error message box.


[message_box type="error" icon="yes" close="Hide"]Error message.[/message_box]


HideA success message box.


[message_box type="success" icon="yes" close="Hide"]Success message.[/message_box]


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

An inset message box.


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



About The Theme

Salutation is a premium WordPress theme created by Parallelus and available for purchase on ThemeForest. Developed using web standards such as HTML5, CSS3 and WordPress best practices. The theme is BuddyPress ready with the necessary tools to create your own social network.

What is BuddyPress?

BuddyPress is a WordPress plugin to make your website a social network with community features like groups, forums, messaging, blogs and more.

Salutation - A Premium BuddyPress Theme

Copyright © 2011 Parallelus. All rights reserved.

Top

Header

Body

Middle

Footer

Close