Element - Shortcodes: Social
Wednesday, June 25, 2014 12:19 AMShortcodes
[intense_social_icon]
Description
Adds a social icon to the page. There are two main types to choose from: fontawesome or image. The font awesome icons have a flatter look but can be any single color. The image icons are hand created images with multiple colors. Not all the social networks are represented by each type so choose the type that best suites your need.
Screenshots
Dialog
Attributes
| Attribute | Type | Dialog Title | Description | Default | Available Values |
|---|---|---|---|---|---|
| mode | dropdown | Mode | fontawesome | fontawesome - Font Awesome image - Image custom - Custom | |
| image | image | Custom Icon | WordPress ID or any URL | ||
| imageurl | deprecated | use image instead | |||
| type | dropdown | Type | - adn - adn android - android apple - apple bitbucket - bitbucket bitbucket-sign - bitbucket-sign bitcoin - bitcoin btc - btc css3 - css3 dribbble - dribbble dropbox - dropbox facebook - facebook facebook-sign - facebook-sign flickr - flickr foursquare - foursquare github - github github-alt - github-alt github-sign - github-sign gittip - gittip google-plus - google-plus google-plus-sign - google-plus-sign html5 - html5 instagram - instagram linkedin - linkedin linkedin-sign - linkedin-sign linux - linux maxcdn - maxcdn pinterest - pinterest pinterest-sign - pinterest-sign renren - renren skype - skype stackexchange - stackexchange trello - trello tumblr - tumblr tumblr-sign - tumblr-sign twitter - twitter twitter-sign - twitter-sign vk - vk weibo - weibo windows - windows xing - xing xing-sign - xing-sign youtube - youtube youtube-play - youtube-play youtube-sign - youtube-sign Facebook - Facebook Dribbble - Dribbble Blogger - Blogger Twitter - Twitter Tumblr - Tumblr Google Plus - Google Plus RSS - RSS Reddit - Reddit Email - Email YouTube - YouTube Yahoo - Yahoo Vimeo - Vimeo LinkedIn - LinkedIn Flickr - Flickr Foursquare - Foursquare Skype - Skype StumbleUpon - StumbleUpon Deviant Art - Deviant Art Pinterest - Pinterest Digg - Digg Forrst - Forrst MySpace - MySpace 500px - 500px Aboutme - Aboutme Bing - Bing Add This - Add This Amazon - Amazon AOL - AOL App Store - App Store Apple - Apple Bebo - Bebo Behance - Behance Blip - Blip Coroflot - Coroflot Daytum - Daytum Delicious - Delicious Design Bump - Design Bump DesignFloat - DesignFloat Dropplr - Dropplr Drupal - Drupal EBay - EBay Ember - Ember Etsy - Etsy FeedBurner - FeedBurner FoodSpotting - FoodSpotting FriendFeed - FriendFeed Friendster - Friendster gdgt - gdgt github - github Google Talk - Google Talk Google - Google GrooveShark - GrooveShark Hyves - Hyves IconDock - IconDock ICQ - ICQ Identi - Identi iMessage - iMessage Instagram - Instagram iTune - iTune LastFM - LastFM Meetup - Meetup Metacafe - Metacafe Microsoft - Microsoft Mister Wong - Mister Wong Mixx - Mixx MobileMe - MobileMe NetVibes - NetVibes NewsVine - NewsVine PayPal - PayPal PhotoBucket - PhotoBucket Podcast - Podcast Posterous - Posterous Qik - Qik Quora - Quora Scribd - Scribd Sharethis - Sharethis Slashdot - Slashdot Slideshare - Slideshare SmugMug - SmugMug SoundCloud - SoundCloud Spotify - Spotify Squidoo - Squidoo StackOverflow - StackOverflow Technorati - Technorati Viddler - Viddler Virb - Virb Wikipedia - Wikipedia WordPress - WordPress Xing - Xing Yelp - Yelp | ||
| link | text | Link | |||
| link_target | link_target | Target | _self | _blank, _self, _parent, _top | |
| size | dropdown | Size | 32 | 32 - 32 31 - 31 30 - 30 29 - 20 28 - 28 27 - 27 26 - 26 25 - 25 24 - 24 23 - 23 22 - 22 21 - 21 20 - 20 19 - 19 18 - 18 17 - 17 16 - 16 15 - 15 14 - 14 13 - 13 12 - 12 11 - 11 10 - 10 9 - 9 8 - 8 | |
| label | text | Label | |||
| color | color_advanced | Color | option colors - primary, error, info, inverse, muted, success, warning, link web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors) | ||
| onclick | text | On Click |
Examples
[intense_content_section]
<div class="alert alert-muted">
<ul class="margin-bottom-none">
<li>All brand icons are trademarks of their respective owners.</li>
<li>The use of these trademarks does not indicate endorsement of the trademark holder by Intense Visions, Inc., nor vice versa.</li>
</ul>
</div>
[/intense_content_section]
[intense_hr size="large" /]
[intense_content_section]
<h2>Font Awesome</h2>
[intense_social_icon mode="fontawesome" type="adn"] [intense_social_icon mode="fontawesome" type="android"] [intense_social_icon mode="fontawesome" type="apple"] [intense_social_icon mode="fontawesome" type="bitbucket"] [intense_social_icon mode="fontawesome" type="bitbucket-sign"] [intense_social_icon mode="fontawesome" type="bitcoin"] [intense_social_icon mode="fontawesome" type="btc"] [intense_social_icon mode="fontawesome" type="css3"] [intense_social_icon mode="fontawesome" type="dribbble"] [intense_social_icon mode="fontawesome" type="dropbox"] [intense_social_icon mode="fontawesome" type="facebook"] [intense_social_icon mode="fontawesome" type="facebook-sign"] [intense_social_icon mode="fontawesome" type="flickr"] [intense_social_icon mode="fontawesome" type="foursquare"] [intense_social_icon mode="fontawesome" type="github"] [intense_social_icon mode="fontawesome" type="github-alt"] [intense_social_icon mode="fontawesome" type="github-sign"] [intense_social_icon mode="fontawesome" type="gittip"] [intense_social_icon mode="fontawesome" type="google-plus"] [intense_social_icon mode="fontawesome" type="google-plus-sign"] [intense_social_icon mode="fontawesome" type="html5"] [intense_social_icon mode="fontawesome" type="instagram"] [intense_social_icon mode="fontawesome" type="linkedin"] [intense_social_icon mode="fontawesome" type="linkedin-sign"] [intense_social_icon mode="fontawesome" type="linux"] [intense_social_icon mode="fontawesome" type="maxcdn"] [intense_social_icon mode="fontawesome" type="pinterest"] [intense_social_icon mode="fontawesome" type="pinterest-sign"] [intense_social_icon mode="fontawesome" type="renren"] [intense_social_icon mode="fontawesome" type="skype"] [intense_social_icon mode="fontawesome" type="stackexchange"] [intense_social_icon mode="fontawesome" type="trello"] [intense_social_icon mode="fontawesome" type="tumblr"] [intense_social_icon mode="fontawesome" type="tumblr-sign"] [intense_social_icon mode="fontawesome" type="twitter"] [intense_social_icon mode="fontawesome" type="twitter-sign"] [intense_social_icon mode="fontawesome" type="vk"] [intense_social_icon mode="fontawesome" type="weibo"] [intense_social_icon mode="fontawesome" type="windows"] [intense_social_icon mode="fontawesome" type="xing"] [intense_social_icon mode="fontawesome" type="xing-sign"] [intense_social_icon mode="fontawesome" type="youtube"] [intense_social_icon mode="fontawesome" type="youtube-play"] [intense_social_icon mode="fontawesome" type="youtube-sign"]
[intense_alert type="inverse"]
[intense_social_icon mode="fontawesome" type="adn"] [intense_social_icon mode="fontawesome" type="android"] [intense_social_icon mode="fontawesome" type="apple"] [intense_social_icon mode="fontawesome" type="bitbucket"] [intense_social_icon mode="fontawesome" type="bitbucket-sign"] [intense_social_icon mode="fontawesome" type="bitcoin"] [intense_social_icon mode="fontawesome" type="btc"] [intense_social_icon mode="fontawesome" type="css3"] [intense_social_icon mode="fontawesome" type="dribbble"] [intense_social_icon mode="fontawesome" type="dropbox"] [intense_social_icon mode="fontawesome" type="facebook"] [intense_social_icon mode="fontawesome" type="facebook-sign"] [intense_social_icon mode="fontawesome" type="flickr"] [intense_social_icon mode="fontawesome" type="foursquare"] [intense_social_icon mode="fontawesome" type="github"] [intense_social_icon mode="fontawesome" type="github-alt"] [intense_social_icon mode="fontawesome" type="github-sign"] [intense_social_icon mode="fontawesome" type="gittip"] [intense_social_icon mode="fontawesome" type="google-plus"] [intense_social_icon mode="fontawesome" type="google-plus-sign"] [intense_social_icon mode="fontawesome" type="html5"] [intense_social_icon mode="fontawesome" type="instagram"] [intense_social_icon mode="fontawesome" type="linkedin"] [intense_social_icon mode="fontawesome" type="linkedin-sign"] [intense_social_icon mode="fontawesome" type="linux"] [intense_social_icon mode="fontawesome" type="maxcdn"] [intense_social_icon mode="fontawesome" type="pinterest"] [intense_social_icon mode="fontawesome" type="pinterest-sign"] [intense_social_icon mode="fontawesome" type="renren"] [intense_social_icon mode="fontawesome" type="skype"] [intense_social_icon mode="fontawesome" type="stackexchange"] [intense_social_icon mode="fontawesome" type="trello"] [intense_social_icon mode="fontawesome" type="tumblr"] [intense_social_icon mode="fontawesome" type="tumblr-sign"] [intense_social_icon mode="fontawesome" type="twitter"] [intense_social_icon mode="fontawesome" type="twitter-sign"] [intense_social_icon mode="fontawesome" type="vk"] [intense_social_icon mode="fontawesome" type="weibo"] [intense_social_icon mode="fontawesome" type="windows"] [intense_social_icon mode="fontawesome" type="xing"] [intense_social_icon mode="fontawesome" type="xing-sign"] [intense_social_icon mode="fontawesome" type="youtube"] [intense_social_icon mode="fontawesome" type="youtube-play"] [intense_social_icon mode="fontawesome" type="youtube-sign"][/intense_alert]
[/intense_content_section]
[intense_hr size="large" /]
[intense_content_section]
<h2>Vector Social Media Icons</h2>
[intense_social_icon mode="image" type="Facebook"] [intense_social_icon mode="image" type="Dribbble"] [intense_social_icon mode="image" type="Blogger"] [intense_social_icon mode="image" type="Twitter"] [intense_social_icon mode="image" type="Tumblr"] [intense_social_icon mode="image" type="Google Plus"] [intense_social_icon mode="image" type="RSS"] [intense_social_icon mode="image" type="Reddit"] [intense_social_icon mode="image" type="Email"] [intense_social_icon mode="image" type="YouTube"] [intense_social_icon mode="image" type="Yahoo"] [intense_social_icon mode="image" type="Vimeo"] [intense_social_icon mode="image" type="LinkedIn"] [intense_social_icon mode="image" type="Flickr"] [intense_social_icon mode="image" type="Foursquare"] [intense_social_icon mode="image" type="Skype"] [intense_social_icon mode="image" type="StumbleUpon"] [intense_social_icon mode="image" type="Deviant Art"] [intense_social_icon mode="image" type="Pinterest"] [intense_social_icon mode="image" type="Digg"] [intense_social_icon mode="image" type="Forrst"] [intense_social_icon mode="image" type="MySpace"] [intense_social_icon mode="image" type="500px"] [intense_social_icon mode="image" type="Aboutme"] [intense_social_icon mode="image" type="Bing"] [intense_social_icon mode="image" type="Add This"] [intense_social_icon mode="image" type="Amazon"] [intense_social_icon mode="image" type="AOL"] [intense_social_icon mode="image" type="App Store"] [intense_social_icon mode="image" type="Apple"] [intense_social_icon mode="image" type="Bebo"] [intense_social_icon mode="image" type="Behance"] [intense_social_icon mode="image" type="Blip"] [intense_social_icon mode="image" type="Coroflot"] [intense_social_icon mode="image" type="Daytum"] [intense_social_icon mode="image" type="Delicious"] [intense_social_icon mode="image" type="Design Bump"] [intense_social_icon mode="image" type="DesignFloat"] [intense_social_icon mode="image" type="Dropplr"] [intense_social_icon mode="image" type="Drupal"] [intense_social_icon mode="image" type="EBay"] [intense_social_icon mode="image" type="Ember"] [intense_social_icon mode="image" type="Etsy"] [intense_social_icon mode="image" type="FeedBurner"] [intense_social_icon mode="image" type="FoodSpotting"] [intense_social_icon mode="image" type="FriendFeed"] [intense_social_icon mode="image" type="Friendster"] [intense_social_icon mode="image" type="gdgt"] [intense_social_icon mode="image" type="github"] [intense_social_icon mode="image" type="Google Talk"] [intense_social_icon mode="image" type="Google"] [intense_social_icon mode="image" type="GrooveShark"] [intense_social_icon mode="image" type="Hyves"] [intense_social_icon mode="image" type="IconDock"] [intense_social_icon mode="image" type="ICQ"] [intense_social_icon mode="image" type="Identi"] [intense_social_icon mode="image" type="iMessage"] [intense_social_icon mode="image" type="Instagram"] [intense_social_icon mode="image" type="iTune"] [intense_social_icon mode="image" type="LastFM"] [intense_social_icon mode="image" type="Meetup"] [intense_social_icon mode="image" type="Metacafe"] [intense_social_icon mode="image" type="Microsoft"] [intense_social_icon mode="image" type="Mister Wong"] [intense_social_icon mode="image" type="Mixx"] [intense_social_icon mode="image" type="MobileMe"] [intense_social_icon mode="image" type="NetVibes"] [intense_social_icon mode="image" type="NewsVine"] [intense_social_icon mode="image" type="PayPal"] [intense_social_icon mode="image" type="PhotoBucket"] [intense_social_icon mode="image" type="Podcast"] [intense_social_icon mode="image" type="Posterous"] [intense_social_icon mode="image" type="Qik"] [intense_social_icon mode="image" type="Quora"] [intense_social_icon mode="image" type="Scribd"] [intense_social_icon mode="image" type="Sharethis"] [intense_social_icon mode="image" type="Slashdot"] [intense_social_icon mode="image" type="Slideshare"] [intense_social_icon mode="image" type="SmugMug"] [intense_social_icon mode="image" type="SoundCloud"] [intense_social_icon mode="image" type="Spotify"] [intense_social_icon mode="image" type="Squidoo"] [intense_social_icon mode="image" type="StackOverflow"] [intense_social_icon mode="image" type="Technorati"] [intense_social_icon mode="image" type="Viddler"] [intense_social_icon mode="image" type="Virb"] [intense_social_icon mode="image" type="Wikipedia"] [intense_social_icon mode="image" type="WordPress"] [intense_social_icon mode="image" type="Xing"] [intense_social_icon mode="image" type="Yelp"]
[/intense_content_section]