Actions

Difference between revisions of "Social shortcode"

From Unusual Light Wiki

(Created page with "A simple social icon creator. allows you to create squares, circles, rounded rectangles of various colours with different social network logos inset that link to your accounts...")
 
Line 3: Line 3:
  
 
example:
 
example:
'''[social t=twitter c=colour l=https://twitter.com/username s=30px b=#D4D4D4 h=#ffffff r=15px]'''
+
<nowiki>'''[social t=twitter c=colour l=https://twitter.com/username s=30px b=#D4D4D4 h=#ffffff r=15px]'''</nowiki>
  
 
t= type: twitter, linkedin, facebook, google-plus, flickr, rss, vimeo, bebo, github, picasa, skype, pinterest
 
t= type: twitter, linkedin, facebook, google-plus, flickr, rss, vimeo, bebo, github, picasa, skype, pinterest

Revision as of 19:29, 23 November 2012

A simple social icon creator. allows you to create squares, circles, rounded rectangles of various colours with different social network logos inset that link to your accounts.


example: '''[social t=twitter c=colour l=https://twitter.com/username s=30px b=#D4D4D4 h=#ffffff r=15px]'''

t= type: twitter, linkedin, facebook, google-plus, flickr, rss, vimeo, bebo, github, picasa, skype, pinterest you can also add -square to the type to add it in it's own little square box style.

c= class: white, colour, black default is white controls the icon colour l= link: general link to the social account in question etc.

g= target: _blank is default to open in a new window

s= size: size of the box drawn in pixels, e.g.: 30px;

r= roundness: use this to set the corner roundness of the half the value of the size or greater will make it a full circle

b= background colour: in a hex colour or colour name value

h= hover background colour: in a hex colour or colour name value for the colour on hover