Icons and List Shortcodes

Description

[hr]

Add icons in the form of single icons, multiple icon sets or lists. The examples below show the usage for each method and the resulting image style.

[clear] [icon_list size=”large” icon=”twitter, youtube, vimeo, skype, facebooklike, folder, tag, bookmark, heart, search”] [clear]

Single Icon

[hr]

Insert a single icons as an image or link.

[code][icon size=”large” icon=”star”][/code] [clear]

Parameters

size

(string) (Optional) Icon size. Values: small, medium, large

icon

(string) The image icon.

Values: digg, googlebuzz, delicious, twitter, dribbble, stumbleupon, youtube, vimeo, skype, facebook, facebooklike, ichat, myspace, dropbox, minus, plus, close, check, star, unstar, folder, tag, bookmark, heart, leftarrow, rightarrow, undo, redo, page, acrobat, acrobat2, word, word2, zip, zip2, powerpoint, powerpoint2, excel, excel2, document, document2, map, map2, marker, image, images, audio, play, film, film2, quicktime, clapboard, microphone, search

link

(string) (Optional) URL of the link for the icon.

title

(string) (Optional) Title attribute.

target

(string) (Optional) Link target attribute: blank, new, etc.

class

(string) (Optional) Custom CSS classes to apply to the list.

[clear]

Samples

A single icon:

[icon size=”large” icon=”star”]

[icon size="large" icon="star"]

[clear] [clear]

Icon Lists

[hr]

Insert a series of icons as images or links.

[code][icon_list size=”large” icon=”digg, twitter, skype” link=”http://digg.com, http://twitter.com, http://skype.com” target=”blank”][/code] [clear]

Parameters

size

(string) (Optional) Icon size. Values: small, medium, large

icon

(string) The image icon. Can be entered as a comma separated string.

Values: digg, googlebuzz, delicious, twitter, dribbble, stumbleupon, youtube, vimeo, skype, facebook, facebooklike, ichat, myspace, dropbox, minus, plus, close, check, star, unstar, folder, tag, bookmark, heart, leftarrow, rightarrow, undo, redo, page, acrobat, acrobat2, word, word2, zip, zip2, powerpoint, powerpoint2, excel, excel2, document, document2, map, map2, marker, image, images, audio, play, film, film2, quicktime, clapboard, microphone, search

link

(string) (Optional) URL as link for each icon. Entered as a comma separated list.

title

(string) (Optional) Title attribute for each icon link. Entered as a comma separated list.

target

(string) (Optional) Link target attribute: blank, new, etc.

class

(string) (Optional) A custom CSS class to apply to the list.

[clear]

Samples

Large Icons

[icon_list size=”large” icon=”digg, googlebuzz, delicious, twitter, dribbble, stumbleupon, youtube, vimeo, skype, facebook, facebooklike, ichat, myspace, dropbox, minus, plus, close, check, star, unstar, folder, tag, bookmark, heart, leftarrow, rightarrow, undo, redo, page, acrobat, acrobat2, word, word2, zip, zip2, powerpoint, powerpoint2, excel, excel2, document, document2, map, map2, marker, image, images, audio, play, film, film2, quicktime, clapboard, microphone, search”]

Medium Icons

[icon_list size=”medium” icon=”digg, googlebuzz, delicious, twitter, dribbble, stumbleupon, youtube, vimeo, skype, facebook, facebooklike, ichat, myspace, dropbox, minus, plus, close, check, star, unstar, folder, tag, bookmark, heart, leftarrow, rightarrow, undo, redo, page, acrobat, acrobat2, word, word2, zip, zip2, powerpoint, powerpoint2, excel, excel2, document, document2, map, map2, marker, image, images, audio, play, film, film2, quicktime, clapboard, microphone, search”]

Small Icons

[icon_list size=”small” icon=”digg, googlebuzz, delicious, twitter, dribbble, stumbleupon, youtube, vimeo, skype, facebook, facebooklike, ichat, myspace, dropbox, minus, plus, close, check, star, unstar, folder, tag, bookmark, heart, leftarrow, rightarrow, undo, redo, page, acrobat, acrobat2, word, word2, zip, zip2, powerpoint, powerpoint2, excel, excel2, document, document2, map, map2, marker, image, images, audio, play, film, film2, quicktime, clapboard, microphone, search”] [clear] [clear]

Bulleted Lists

[hr]

Insert a custom bulleted list with the bullet style of your choice.

[code][bullet_list icon=”check”]
<ul>
<li>Your Text</li>
<li>Your Text</li>
<li>Your Text</li>
</ul>
[/bullet_list]
[/code] [clear]

Parameters

icon

(string) (Optional) The bullet image. Default: “check”.

Values: digg, googlebuzz, delicious, twitter, dribbble, stumbleupon, youtube, vimeo, skype, facebook, facebooklike, ichat, myspace, dropbox, minus, plus, close, check, star, unstar, folder, tag, bookmark, heart, leftarrow, rightarrow, undo, redo, page, acrobat, acrobat2, word, word2, zip, zip2, powerpoint, powerpoint2, excel, excel2, document, document2, map, map2, marker, image, images, audio, play, film, film2, quicktime, clapboard, microphone, search

class

(string) (Optional) A custom CSS class to apply to the list.

indent

(string) (Optional) Left margin of list. Example values: “1em”, “10px”

[clear]

Samples

[one_fourth] [bullet_list icon=”digg”]

• (digg)
• (digg)
• (digg)

[/bullet_list] [bullet_list icon=”googlebuzz”]

• (googlebuzz)
• (googlebuzz)
• (googlebuzz)

[/bullet_list] [bullet_list icon=”delicious”]

• (delicious)
• (delicious)
• (delicious)

[/bullet_list] [bullet_list icon=”twitter”]

• (twitter)
• (twitter)
• (twitter)

[/bullet_list] [bullet_list icon=”dribbble”]

• (dribbble)
• (dribbble)
• (dribbble)

[/bullet_list] [bullet_list icon=”stumbleupon”]

• (stumbleupon)
• (stumbleupon)
• (stumbleupon)

[/bullet_list] [bullet_list icon=”youtube”]

• (youtube)
• (youtube)
• (youtube)

[/bullet_list] [bullet_list icon=”vimeo”]

• (vimeo)
• (vimeo)
• (vimeo)

[/bullet_list] [bullet_list icon=”skype”]

• (skype)
• (skype)
• (skype)

[/bullet_list] [bullet_list icon=”facebook”]

• (facebook)
• (facebook)
• (facebook)

[/bullet_list] [bullet_list icon=”facebooklike”]

• (facebooklike)
• (facebooklike)
• (facebooklike)

[/bullet_list] [bullet_list icon=”ichat”]

• (ichat)
• (ichat)
• (ichat)

[/bullet_list] [bullet_list icon=”myspace”]

• (myspace)
• (myspace)
• (myspace)

[/bullet_list] [bullet_list icon=”dropbox”]

• (dropbox)
• (dropbox)
• (dropbox)

[/bullet_list] [/one_fourth] [one_fourth] [bullet_list icon=”minus”]

• (minus)
• (minus)
• (minus)

[/bullet_list] [bullet_list icon=”plus”]

• (plus)
• (plus)
• (plus)

[/bullet_list] [bullet_list icon=”close”]

• (close)
• (close)
• (close)

[/bullet_list] [bullet_list icon=”star”]

• (star)
• (star)
• (star)

[/bullet_list] [bullet_list icon=”unstar”]

• (unstar)
• (unstar)
• (unstar)

[/bullet_list] [bullet_list icon=”folder”]

• (folder)
• (folder)
• (folder)

[/bullet_list] [bullet_list icon=”tag”]

• (tag)
• (tag)
• (tag)

[/bullet_list] [bullet_list icon=”bookmark”]

• (bookmark)
• (bookmark)
• (bookmark)

[/bullet_list] [bullet_list icon=”heart”]

• (heart)
• (heart)
• (heart)

[/bullet_list] [bullet_list icon=”leftarrow”]

• (leftarrow)
• (leftarrow)
• (leftarrow)

[/bullet_list] [bullet_list icon=”rightarrow”]

• (rightarrow)
• (rightarrow)
• (rightarrow)

[/bullet_list] [bullet_list icon=”undo”]

• (undo)
• (undo)
• (undo)

[/bullet_list] [bullet_list icon=”redo”]

• (redo)
• (redo)
• (redo)

[/bullet_list] [/one_fourth] [one_fourth] [bullet_list icon=”page”]

• (page)
• (page)
• (page)

[/bullet_list] [bullet_list icon=”acrobat”]

• (acrobat)
• (acrobat)
• (acrobat)

[/bullet_list] [bullet_list icon=”acrobat2″]

• (acrobat2)
• (acrobat2)
• (acrobat2)

[/bullet_list] [bullet_list icon=”word”]

• (word)
• (word)
• (word)

[/bullet_list] [bullet_list icon=”word2″]

• (word2)
• (word2)
• (word2)

[/bullet_list] [bullet_list icon=”zip”]

• (zip)
• (zip)
• (zip)

[/bullet_list] [bullet_list icon=”zip2″]

• (zip2)
• (zip2)
• (zip2)

[/bullet_list] [bullet_list icon=”powerpoint”]

• (powerpoint)
• (powerpoint)
• (powerpoint)

[/bullet_list] [bullet_list icon=”powerpoint2″]

• (powerpoint2)
• (powerpoint2)
• (powerpoint2)

[/bullet_list] [bullet_list icon=”excel”]

• (excel)
• (excel)
• (excel)

[/bullet_list] [bullet_list icon=”excel2″]

• (excel2)
• (excel2)
• (excel2)

[/bullet_list] [bullet_list icon=”document”]

• (document)
• (document)
• (document)

[/bullet_list] [bullet_list icon=”document2″]

• (document2)
• (document2)
• (document2)

[/bullet_list] [/one_fourth] [one_fourth_last] [bullet_list icon=”map”]

• (map)
• (map)
• (map)

[/bullet_list] [bullet_list icon=”map2″]

• (map2)
• (map2)
• (map2)

[/bullet_list] [bullet_list icon=”marker”]

• (marker)
• (marker)
• (marker)

[/bullet_list] [bullet_list icon=”image”]

• (image)
• (image)
• (image)

[/bullet_list] [bullet_list icon=”images”]

• (images)
• (images)
• (images)

[/bullet_list] [bullet_list icon=”audio”]

• (audio)
• (audio)
• (audio)

[/bullet_list] [bullet_list icon=”play”]

• (play)
• (play)
• (play)

[/bullet_list] [bullet_list icon=”film”]

• (film)
• (film)
• (film)

[/bullet_list] [bullet_list icon=”film2″]

• (film2)
• (film2)
• (film2)

[/bullet_list] [bullet_list icon=”quicktime”]

• (quicktime)
• (quicktime)
• (quicktime)

[/bullet_list] [bullet_list icon=”clapboard”]

• (clapboard)
• (clapboard)
• (clapboard)

[/bullet_list] [bullet_list icon=”microphone”]

• (microphone)
• (microphone)
• (microphone)

[/bullet_list] [bullet_list icon=”search”]

• (search)
• (search)
• (search)

[/bullet_list] [/one_fourth_last]