#50C1AL
Overview:
To list social accounts or share any page with 46 icons.
Demo for social profiles:
Demo for sharing:
Hi! I'm text and I'm here to be selected.
Options for socialProfiles:
- animation:
launchpad, launchpadReverse, slideTop, slideRight, slideBottom, slideLeft, chain - chainAnimationSpeed: default value: 100
- blur: makes blur background (only works on -webkit browsers)
true,false
Usage for socialProfiles:
Place in your head section
<link rel="stylesheet" href="assets/stylesheets/arthref.css">
Write before closing body tag
<script src="assets/javascripts/socialProfiles.js"></script>
$('.selectorClass').socialProfiles({
email: 'example@example.com',
behance: 'gokhun'
facebook: 'tolgaergin',
twitter: 'tolgaergin',
pinterest: 'tolga',
dribbble: 'bbb',
scoutzie: 'gokhun-guneyhan'
});
Options for socialShare:
- social: you can put comma between each social-service.
blogger,delicious,digg,facebook,friendfeed,google,
linkedin,myspace,pinterest,reddit,stumbleupon,
tumblr,twitter,windows,yahoo - animation:
launchpad, launchpadReverse, slideTop, slideRight, slideBottom, slideLeft, chain - chainAnimationSpeed: default value: 100
- blur: makes blur images and texts (only works on Chrome)
true,false - whenSelect: if you set true, when user select text, sharing box will be opened
(default: false) - selectContainer: To specify a container for selection
(default: 'body') (alternative: '.anyclass' or '#anyid') - title:
(default: document title) - shareUrl:
(default: document url) - description:
(default: document meta description)
Usage for socialShare:
Place in your head section
<link rel="stylesheet" href="assets/stylesheets/arthref.css">
Write before closing body tag
<script src="assets/javascripts/socialShare.js"></script>
$('.selectorClass').socialShare({
social: 'blogger,delicious,digg,facebook,friendfeed,google,
linkedin,myspace,pinterest,reddit,stumbleupon,
tumblr,twitter,windows,yahoo'
});
Authors:
Gökhun Güneyhan (Designer)
Tolga Ergin (Developer)
Download:
