Your IP : 216.73.216.190
css/divider.css 0000644 00000010112 15235166560 0007500 0 ustar 00 .yt-divider {
clear: both;
position: relative;
overflow: hidden;
margin: 35px 0;
}
.yt-divider.has-toplink {
min-height: 12px;
}
.yt-icon-style-3.yt-divider > span {
border-width: 1px;
border-radius: 50%;
}
.yt-divider-style-1.yt-icon-style-3 > span, .yt-divider-style-2.yt-icon-style-3 > span {border-style:solid;}
.yt-divider-style-3.yt-icon-style-3 > span, .yt-divider-style-4.yt-icon-style-3 > span {border-style:dashed;}
.yt-divider-style-5.yt-icon-style-3 > span, .yt-divider-style-6.yt-icon-style-3 > span {border-style:dotted;}
.yt-divider > span {
position: relative;
display: inline-block;
}
.t3-content .yt-divider i {
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
span.divider-left:before, span.divider-right:before {
content: '';
width: 2000px;
position: absolute;
top: 50%;
margin-top: -1px;
border-top-width: 1px;
}
span.divider-left:before, span.divider-left:after {right: 100%;}
span.divider-right:before, span.divider-right:after {left: 100%;}
/*=====================
Single line style
=====================*/
.yt-divider-style-1 span.divider-left:before, .yt-divider-style-1 span.divider-right:before{border-top-style: solid;}
.yt-divider-style-1 span.divider-left:after, .yt-divider-style-1 span.divider-right:after{border-top-style: solid;}
.yt-divider-style-3 span.divider-left:before, .yt-divider-style-3 span.divider-right:before{border-top-style: dashed;}
.yt-divider-style-3 span.divider-left:after, .yt-divider-style-3 span.divider-right:after{border-top-style: dashed;}
.yt-divider-style-5 span.divider-left:before, .yt-divider-style-5 span.divider-right:before{border-top-style: dotted;}
.yt-divider-style-5 span.divider-left:after, .yt-divider-style-5 span.divider-right:after{border-top-style: dotted;}
/*=====================
Double line style
=====================*/
.yt-divider-style-2 span.divider-left:after, .yt-divider-style-2 span.divider-right:after,
.yt-divider-style-4 span.divider-left:after, .yt-divider-style-4 span.divider-right:after,
.yt-divider-style-6 span.divider-left:after, .yt-divider-style-6 span.divider-right:after {
content: '';
width: 2000px;
position: absolute;
top: 50%;
border-top-width: 1px;
margin-top: 2px;
}
.yt-divider-style-2 span.divider-left:before, .yt-divider-style-2 span.divider-right:before,
.yt-divider-style-4 span.divider-left:before, .yt-divider-style-4 span.divider-right:before,
.yt-divider-style-6 span.divider-left:before, .yt-divider-style-6 span.divider-right:before {margin-top: -2px;}
.yt-divider-style-2 span.divider-left:before, .yt-divider-style-2 span.divider-right:before{border-top-style: solid;}
.yt-divider-style-2 span.divider-left:after, .yt-divider-style-2 span.divider-right:after{border-top-style: solid;}
.yt-divider-style-4 span.divider-left:before, .yt-divider-style-4 span.divider-right:before{border-top-style: dashed;}
.yt-divider-style-4 span.divider-left:after, .yt-divider-style-4 span.divider-right:after{border-top-style: dashed;}
.yt-divider-style-6 span.divider-left:before, .yt-divider-style-6 span.divider-right:before{border-top-style: dotted;}
.yt-divider-style-6 span.divider-left:after, .yt-divider-style-6 span.divider-right:after{border-top-style: dotted;}
.yt-divider.yt-divider-align-left {margin-left: 0 !important;}
.yt-divider.yt-divider-align-right {margin-right: 0 !important;}
.yt-divider-style-7 span.divider-left, .yt-divider-style-7 span.divider-right {
display: block;
width: 100%;
background-size: 6px 6px;
width: 12000px;
height: 4px;
position: absolute;
top: 50%;
margin-top: -2px;
}
.yt-divider-style-7.yt-divider-align-left .divider-left, .yt-divider-style-7.yt-divider-align-right .divider-right {display: none;}
.yt-divider-style-7 span.divider-left {
right: 100%;
}
.yt-divider-style-7 span.divider-right {
left: 100%;
}
.yt-divider-style-7 span.divider-right:before, .yt-divider-style-7 span.divider-left:before {
display: none;
}
.yt-divider-style-7.yt-icon-style-3 > span {
border-style: solid;
} css/index.html 0000644 00000000032 15235166560 0007335 0 ustar 00 <html><body></body></html> js/index.html 0000644 00000000032 15235166560 0007161 0 ustar 00 <html><body></body></html> config.php 0000644 00000020037 15235166560 0006535 0 ustar 00 <?php
/*
* @package YouTech Shortcodes
* @author YouTech Company http://smartaddons.com/
* @copyright Copyright (C) 2015 YouTech Company
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
defined('_JEXEC') or die;
class YT_Shortcode_divider_config {
static function get_config() {
// divider
return array(
'style' => array(
'type' => 'select',
'values' => array(
'1' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_SINGLE_LINE'),
'2' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DOUBLE_LINE'),
'3' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_SINGLE_DASHED'),
'4' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DOUBLE_DASHED'),
'5' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_SINGLE_DOTTED'),
'6' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DOUBLE_DOTTED'),
'7' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_STRIPED')
),
'default' => '1',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_STYLE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_STYLE_DESC'),
'child' => array(
'color' => array(
'type' => 'color',
'values' => array( ),
'default' => '#999',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_COLOR'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_COLOR_DESC')
)
)
),
'align' => array(
'type' => 'select',
'values' => array(
'left' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_LEFT'),
'right' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_RIGHT'),
'center' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CENTER')
),
'default' => 'center',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_ALIGN'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_ALIGN_DESC'),
'child' => array(
'bottom_top' => array(
'type' => 'select',
'default' => 'no',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_SHOW_TOP_LINK'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_SHOW_TOP_LINK_DESC'),
'values' => array(
'0' => 'Default',
'1' => 'Go to bottom',
'2' => 'Go to top'
),
),
'width' => array(
'type' => 'slider',
'min' => 0,
'max' => 100,
'step' => 1,
'default' => 100,
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_WIDTH'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_WIDTH_DESC')
),
)
),
'icon_divider' => array(
'type' => 'icon',
'default' => '',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_DESC'),
'child' => array(
'icon_color' => array(
'type' => 'color',
'values' => array( ),
'default' => '#444',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_COLOR'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_COLOR_DESC')
)
)
),
'icon_style' => array(
'type' => 'select',
'values' => array(
'1' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DEFAULT'),
'2' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_BACKGROUND'),
'3' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_BORDER')
),
'default' => '1',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_STYLE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_STYLE_DESC'),
'child' => array(
'icon_align' => array(
'type' => 'select',
'values' => array(
'left' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_LEFT'),
'right' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_RIGHT'),
'center' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_CENTER')
),
'default' => 'center',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_ALIGN'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_ALIGN_DESC')
),
'icon_size' => array(
'type' => 'slider',
'min' => 10,
'max' => 320,
'step' => 1,
'default' => 24,
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_SIZE'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_ICON_SIZE_DESC')
),
),
),
'margin_top' => array(
'type' => 'slider',
'default' => '10',
'min' => '0',
'max' => '200',
'step' => '5',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_MARGIN_TOP'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_MARGIN_TOP_DESC'),
'child' => array(
'margin_bottom' => array(
'type' => 'slider',
'default' => '10',
'min' => '0',
'max' => '200',
'step' => '5',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_MARGIN_BOTTOM'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_MARGIN_BOTTOM_DESC')
),
'border_width' => array(
'type' => 'slider',
'default' => '1',
'min' => '1',
'max' => '5',
'step' => '1',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_BORDER_WIDTH'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_BORDER_WIDTH_DESC')
)
)
),
'yt_text' => array(
'default' =>'',
'name' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_TEXT'),
'desc' => JText::_('PLG_SYSTEM_YOUTECH_SHORTCODES_DIVIDER_TEXT_DESC'),
),
);
}
}
?> shortcode.php 0000644 00000013165 15235166560 0007266 0 ustar 00 <?php
/*
* @package YouTech Shortcodes
* @author YouTech Company http://smartaddons.com/
* @copyright Copyright (C) 2015 YouTech Company
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
defined('_JEXEC') or die;
function dividerYTShortcode($atts = null, $content = null) {
extract(ytshortcode_atts(array(
'style' => 1,
'align' => 'center',
'icon_divider' => '',
'icon_style' => '1',
'icon_color' => '#E5E5E5',
'icon_size' => '16px',
'icon_align' => 'center',
'bottom_top' => '0',
'color' => '#999',
'width' => 100,
'margin_top' => 10,
'margin_bottom' => 10,
'margin_left' => '',
'margin_right' => '',
'yt_text' => '',
'border_width' => '1'
), $atts));
$id = uniqid('ytd').rand().time();
$classes = array('yt-divider', 'yt-divider-style-'. $style, 'yt-icon-style-'.$icon_style, 'yt-divider-align-'.$align);
$margin = '';
$icon = '';
$css = '';
if($yt_text !='')
{
$icon = '<span class="divider-text">'.$yt_text.'</span>';
$css .="#".$id." .divider-text{margin: 0 20px;}";
} else{
if ($icon_divider !== '') {
if (strpos($icon_divider, '/') !== false) {
$icon = '<img class="divider-icon-img" src="' . yt_image_media($icon_divider) . '" alt="" />';
$css .= "#".$id." .divider-icon-img{width:".$icon_size."px}";
}
else if (strpos($icon_divider, 'icon:') !== false) {
$icon = '<i class="fa fa-' . trim(str_replace('icon:', '', $icon_divider)) . '"></i>';
}
$css .= '#'.$id.'.yt-divider > span {font-size:' . $icon_size . 'px;border-color:'.$color.';}';
$css .= '#'.$id.'.yt-divider i {color:' . $icon_color.';height:' . $icon_size.';width:' . $icon_size.';padding:' . round($icon_size / 2) . 'px;}';
}
if ($bottom_top == '2') {
$icon = '<span id="'.$id.'_top">' . $icon . ' </span>';
$icon .="<script>
jQuery(document).ready(function() {
var offset = 250;
var duration = 300;
jQuery('#".$id."_top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
});
});
</script>";
}else if($bottom_top =='1'){
$icon = '<span id="'.$id.'_bottom">' . $icon . '</span>';
$icon .="<script>
jQuery(document).ready(function() {
var offset = 250;
var duration = 300;
jQuery('#".$id."_bottom').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: jQuery(document).height()}, duration);
return false;
});
});
</script>";
}
}
if ($style == 7) {
$css .= '#'.$id.'.yt-divider-style-7 span.divider-left { background-image: -webkit-linear-gradient(45deg, '.$color.' 25%, transparent 25%, transparent 50%, '.$color.' 50%, '.$color.' 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, '.$color.' 25%, transparent 25%, transparent 50%, '.$color.' 50%, '.$color.' 75%, transparent 75%, transparent);}';
$css .= '#'.$id.'.yt-divider-style-7 span.divider-right {background-image: -webkit-linear-gradient(45deg, '.$color.' 25%, transparent 25%, transparent 50%, '.$color.' 50%, '.$color.' 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, '.$color.' 25%, transparent 25%, transparent 50%, '.$color.' 50%, '.$color.' 75%, transparent 75%, transparent);}';
}
if (($margin_top) or ($margin_right) or ($margin_bottom) or ($margin_left)) {
$margin = 'margin: ';
$margin .= ($margin_top) ? intval($margin_top).'px ' : '0 ';
$margin .= ($margin_right) ? intval($margin_right) . 'px ' : 'auto ';
$margin .= ($margin_bottom) ? intval($margin_bottom).'px ' : '0 ';
$margin .= ($margin_left) ? intval($margin_left) . 'px;' : 'auto;';
}
// Get Css in $css variable
$css .= '#'.$id.'.yt-divider { width:'. intval($width). '%;'.$margin.';text-align: '.$icon_align.';}';
$css .= '#'.$id.'.yt-divider span:before, #'.$id.' span:after { border-color: '.$color.'; border-width:'.$border_width.'px;}';
$css .= '#'.$id.'.yt-icon-style-2 > span { background: '.$color.';border-radius: 50%;}';
// Add CSS in head
$doc = JFactory::getDocument();
$doc->addStyleDeclaration($css);
JHtml::stylesheet(JUri::base()."plugins/system/ytshortcodes/shortcodes/divider/css/divider.css",'text/css');
// Output HTML
return '<div id="'.$id.'" class="'.yt_acssc($classes).'">
<span>
<span class="divider-left"></span>
'. $icon .'
<span class="divider-right"></span>
</span>
</div>';
}
?>