jonknightAnimated icons
Content
Description
Allows to create an animated icons with titles.
Features
- 28 icons already included
- Custom icons allowed
- Nice transition effect
- Unlimited colors
- Unlimited times per page
- Custom sizes
Usage
[icon60 url="#"] Hello World! [/icon60]
Examples
- Attributes usage
- Icons library
| Live preview | Shortcode | ||
|---|---|---|---|
|
[icon60 url="#" ico="1"] Settings [/icon60]
|
||
|
[icon60 url="#" ico="2"] User [/icon60]
|
||
|
[icon60 url="#" ico="3"] Chart [/icon60]
|
||
|
[icon60 url="#" ico="4"] Heart [/icon60]
|
||
|
[icon60 url="#" ico="5"] Layout [/icon60]
|
||
|
[icon60 url="#" ico="6"] Upload [/icon60]
|
||
|
[icon60 url="#" ico="7"] Cross [/icon60]
|
||
|
[icon60 url="#" ico="8"] Pencil [/icon60]
|
||
|
[icon60 url="#" ico="9"] Box [/icon60]
|
||
|
[icon60 url="#" ico="10"] Minus [/icon60]
|
||
|
[icon60 url="#" ico="11"] Plus [/icon60]
|
||
|
[icon60 url="#" ico="12"] Cart [/icon60]
|
||
|
[icon60 url="#" ico="13"] Download [/icon60]
|
||
|
|
[icon60 url="#" ico="14"] Print [/icon60]
|
||
|
[icon60 url="#" ico="15"] Close [/icon60]
|
||
|
[icon60 url="#" ico="16"] Start [/icon60]
|
||
|
[icon60 url="#" ico="17"] Truck [/icon60]
|
||
|
[icon60 url="#" ico="18"] Link [/icon60]
|
||
|
[icon60 url="#" ico="19"] Folder [/icon60]
|
||
|
[icon60 url="#" ico="20"] File [/icon60]
|
||
|
[icon60 url="#" ico="21"] Accept [/icon60]
|
||
|
[icon60 url="#" ico="22"] Arrow [/icon60]
|
||
|
[icon60 url="#" ico="23"] Envelope [/icon60]
|
||
|
[icon60 url="#" ico="24"] Phone [/icon60]
|
||
|
[icon60 url="#" ico="25"] Help [/icon60]
|
||
|
[icon60 url="#" ico="26"] Support [/icon60]
|
||
|
[icon60 url="#" ico="27"] Pin [/icon60]
|
||
|
[icon60 url="#" ico="28"] Tag [/icon60]
|
Attributes
w
Width
w="100px"
w="35%"
m
Margin
m="0 -10px" (by default)
m="0px"
m="-10px 5px"
size
Font size (pixels)
size="16"
ico
Icon ID. Take a look library (see above).
ico="1" (by default)
ico="7"
ico="28"
src
Custom icon
src="http://yoursite.com/icon.png"
url
Target URL
url="http://google.com"
target
Target window
target="parent" (by default)
target="blank"
bg
Background color
bg="333"
bg_hover
Background color by hover
bg_hover="CCC"
color
Title color
color="555"
color_hover
Title color by hover
color_hover="999"
bg_ico
Background color of icon
bg_ico="222"
bg_ico_hover
Background color of icon by hover
bg_ico_hover="777"
class
Custom CSS class
class="myclass"