Your IP : 216.73.216.50
<html><body></body></html>.social-like {
display: inline-block;
margin:0 15px 10px 0;
}
.social-like .sl_button{
background:#DCE0E0;
position:relative;
display:block;
height:40px;
overflow:hidden;
width:150px;
border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.social-like .sl_icon{
display:block;
float:left;
position:relative;
z-index:3;
height:100%;
vertical-align:top;
width:38px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:3px;
-webkit-border-radius:3px 0px 0px 3px;
border-radius:3px 0px 0px 3px;
text-align:center;
}
.social-like .sl_icon i{
color:#fff;
line-height:42px;
}
.social-like .sl_slide{
z-index:2;
display:block;
margin:0;
height:100%;
left:38px;
top: 0;
position:absolute;
width:112px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:0px;
-webkit-border-radius:0px 3px 3px 0px;
border-radius:0px 3px 3px 0px;
}
.social-like .sl_slide p {
font-weight:400;
border-left:1px solid #fff;
border-left:1px solid rgba(255,255,255,0.35);
color:#fff;
font-size:16px;
left:0;
margin:0;
position:absolute;
text-align:center;
top:10px;
width:100%;
line-height:1.2em;
}
.social-like .sl_button .sl_slide{
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.social-like .sl_facebook .fb-like{
display:block;
position:absolute;
left: 55px;
top: 5px;
z-index:1;
}
.social-like .sl_twitter .twitter-share-button{
width:90px !important;
right:5px;
top:10px;
z-index:1;
display:block;
position:absolute !important;
}
.social-like .sl_google [id*="___plusone"] {
width:70px !important;
top:10px;
right:15px;
position:absolute;
display:block;
z-index:1;
}
.social-like .sl_linkedin .IN-widget{
top:10px;
right:22px;
position:absolute;
display:block;
z-index:1;
}
.social-like .sl_vk .IN-widget{
top:10px;
right:22px;
position:absolute;
display:block;
z-index:1;
}
.social-like.to_left .sl_button:hover .sl_slide {
left:150px;
}
.social-like.to_top .sl_button:hover .sl_slide {
top:-40px;
}
.social-like.to_bottom .sl_button:hover .sl_slide {
top: 40px;
}
.social-like.to_right .sl_button:hover .sl_slide {
left:-150px;
}
.social-like .sl_facebook .sl_icon,
.social-like .sl_facebook .sl_slide {
background: #305c99;
}
.social-like .sl_twitter .sl_icon,
.social-like .sl_twitter .sl_slide {
background: #00cdff;
}
.social-like .sl_google .sl_icon,
.social-like .sl_google .sl_slide {
background: #d24228;
}
.social-like .sl_linkedin .sl_icon,
.social-like .sl_linkedin .sl_slide {
background: #007bb6;
}
.social-like .sl_vk .sl_icon {
position: absolute;
top: 0;
}
.social-like .sl_vk .sl_icon,
.social-like .sl_vk .sl_slide {
background: #567CA4;
}
.social-like .sl_vk_holder {
margin: 9px 0 0 50px !important;
}
<?php
/**
* @package Shortcode Ultimate
* @author BdThemes http://www.bdthemes.com
* @copyright Copyright (C) BdThemes Ltd
* @license http://www.gnu.org/licenses/gpl.html GNU/GPL
*/
defined( '_JEXEC' ) or die( 'Restricted access' );
class Su_Shortcode_social_like_config extends Su_Data {
function __construct() {
parent::__construct();
}
static function get_config() {
return array(
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SC_SOCIAL_LIKE'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SC_SOCIAL_LIKE_DESC'),
'icon' => 'thumbs-o-up',
'type' => 'single',
'group' => 'content',
'atts' => array(
'button' => array(
'type' => 'select',
'values' => array(
'facebook' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_FACEBOOK'),
'linkedin' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_LINKEDIN'),
'twitter' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TWITTER'),
'google' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_GOOGLE'),
'vk' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SL_VK')
),
'default' => 'google',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SL_BUTTON'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SL_BUTTON_DESC')
),
'button_animation' => array(
'type' => 'select',
'values' => array(
'to_left' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TO_LEFT'),
'to_top' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TO_TOP'),
'to_bottom' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TO_BOTTOM'),
'to_right' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TO_RIGHT')
),
'default' => 'to_left',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ANIMATION'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ANIMATION_DESC')
),
'scroll_reveal' => array(
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SCROLL_REVEAL'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SCROLL_REVEAL_DESC')
),
'class' => array(
'default' => '',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CLASS'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CLASS_DESC')
)
)
);
}
}
<html><body></body></html><?php
/**
* @package Shortcode Ultimate
* @author BdThemes http://www.bdthemes.com
* @copyright Copyright (C) BdThemes Ltd
* @license http://www.gnu.org/licenses/gpl.html GNU/GPL
*/
defined( '_JEXEC' ) or die( 'Restricted access' );
class Su_Shortcode_social_like extends Su_Shortcodes {
function __construct() {
parent::__construct();
}
public static function social_like( $atts, $content = null ) {
$atts = su_shortcode_atts(array(
'button' => 'google',
'button_animation' => 'to_left',
'scroll_reveal' => '',
'class' => ''
), $atts, 'sc_social_like');
$id = uniqid('sl');
$url = JURI::current();
$plugin = JPluginHelper::getPlugin('system', 'bdthemes_shortcodes');
$params = new JRegistry($plugin->params);
$lang = JFactory::getLanguage();
$lang->load('plg_system_bdthemes_shortcodes', JPATH_ADMINISTRATOR);
suAsset::addFile('css', 'social-like.css', __FUNCTION__);
$return = "<div".su_scroll_reveal($atts)." class='social-like ". $atts['button_animation'].' '. su_ecssc($atts) ."'>";
if($atts['button'] == 'facebook') {
$return .= "<div class='sl_facebook sl_button'>";
$return .= "<div class='sl_icon'><i class='fa fa-facebook'></i></div>";
$return .= "<div class='sl_slide'>";
$return .= "<p>".JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_FACEBOOK')."</p>";
$return .= "</div> ";
$return .= "<script type='text/javascript'>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = '//connect.facebook.net/en_US/all.js#xfbml=1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>";
$return .= "<div class='fb-like' data-width='80' data-height='20' data-colorscheme='light' data-layout='button_count' data-action='like' data-show-faces='false' data-send='false'></div></div>";
}
if($atts['button'] == 'linkedin') {
$return .= "<div class='sl_linkedin sl_button'>";
$return .= "<div class='sl_icon'><i class='fa fa-linkedin'></i></div>";
$return .= "<div class='sl_slide'>";
$return .= "<p>".JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_LINKEDIN')."</p>";
$return .= "</div>";
$return .= "<script type='IN/Share' data-counter='right'></script>";
$return .= "<script src='//platform.linkedin.com/in.js' type='text/javascript'>lang: en_US</script>";
$return .= "</div>";
}
if($atts['button'] == 'google') {
$return .= "<div class='sl_google sl_button'>";
$return .= "<div class='sl_icon'><i class='fa fa-google-plus'></i></div>";
$return .= "<div class='sl_slide'>";
$return .= "<p>".JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_GOOGLE')."</p>";
$return .= "</div>";
$return .= "<div class='g-plusone' data-size='medium'></div>";
$return .= "<script type='text/javascript'>";
$return .= "(function() {var po = document.createElement('script');po.type = 'text/javascript';po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po, s);})();";
$return .= "</script></div>";
}
if($atts['button'] == 'twitter') {
$return .= "<div class='sl_twitter sl_button'>";
$return .= "<div class='sl_icon'><i class='fa fa-twitter'></i></div>";
$return .= "<div class='sl_slide'>";
$return .= "<p>".JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_TWITTER')."</p>";
$return .= "</div>";
$return .= "<a href='https://twitter.com/share' class='twitter-share-button'>Tweet</a>";
$return .= "<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>";
$return .= "<script type='text/javascript' src='//platform.twitter.com/widgets.js'></script>";
$return .= "</div> ";
}
if($atts['button'] == 'vk') {
if ($params->get('vkontakte_id')) {
$return .= "<div class='sl_vk sl_button'>";
$return .= "<div class='sl_slide'>";
$return .= "<p>".JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SL_VK')."</p>";
$return .= "</div>";
$return .= '<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>';
$return .= '<script type="text/javascript">VK.init({apiId:'.$params->get('vkontakte_id').', onlyWidgets: true});</script>';
$return .= '<div id="vk'.$id.'" class="sl_vk_holder"></div>';
$return .= '<script type="text/javascript">VK.Widgets.Like("vk'.$id.'", {type: "button", height: 22, pageUrl:\''.$url.'\'});</script>';
$return .= "<div class='sl_icon'><i class='fa fa-vk'></i></div>";
$return .= '</div>';
} else {
$return .= su_alert_box(JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_SL_VK_ERROR'), 'warning');
}
}
$return .= "</div>";
return $return;
}
}