Icons and List Shortcodes

Description


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.



Single Icon


Insert a single icons as an image or link.
[icon size="large" icon="star"]

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.

Samples

A single icon:


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



Icon Lists


Insert a series of icons as images or links.
[icon_list size="large" icon="digg, twitter, skype" link="http://digg.com, http://twitter.com, http://skype.com" target="blank"]

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.

Samples

Large Icons

Medium Icons

Small Icons



Bulleted Lists


Insert a custom bulleted list with the bullet style of your choice.
[bullet_list icon="check"]
	<ul>
		<li>Your Text</li>
		<li>Your Text</li>
		<li>Your Text</li>
	</ul>
[/bullet_list]

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”

Samples

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

Primeros pasos

Descubre como participar en esta comunidad gratuita de estudiantes de idiomas
recetas de cocina
 

Siguenos

DEPARTAMENTOS

Comunidad de estudiantes

Idiomas Gratis es una red social abierta a la participación de todos que trata de recoger los distintos recursos gratuitos para aprender idiomas que se encuentran en internet y crear una comunidad de estudiantes para la ayuda y el beneficio mutuo

¿Que ofrecemos?

Idiomas Gratis dispone de un foro por cada idioma que ayudará a los estudiantes a intercambiar conocimientos y recursos. Un buscador de alumnos para encontrar compañer@s de intercambio y un completo catalogo de cursos y recursos gratuitos reunidos con la colaboración de la comunidad.
Follow: Facebook |
Copyleft © 2014 Idiomas Gratis. Puedes distribuir los contenidos de esta web libremente citando las fuentes.
Abrir la barra de herramientas