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.

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

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]