Your IP : 216.73.216.50
.su-frame,.su-frame-inner { display: block; }
.su-frame-align-left {float: left;margin: 0 1em 1em 0;}
.su-frame-align-center {float: none;margin: 1em auto;}
.su-frame-align-right {float: right;margin: 0 0 1em 1em;}
.su-frame img {
display: block !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
}
.su-frame-style-default {
padding: 2px;
border: 1px solid #999;
background: #fff;
-webkit-box-shadow: 1px 1px 4px #ccc;
-moz-box-shadow: 1px 1px 4px #ccc;
box-shadow: 1px 1px 4px #ccc;
}
.su-frame-style-default .su-frame-inner {
padding: 2px;
border: 4px solid #eee;
}
/* utility style */
.no-margin-bottom {
margin-bottom: 0;
}<html><body></body></html>jQuery(document).ready(function($) {
$('.su-frame-align-center, .su-frame-align-none').each(function() {
var frame_width = $(this).find('img').width();
$(this).css('width', frame_width + 12);
});
});<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_frame_config extends Su_Data {
function __construct() {
parent::__construct();
}
static function get_config() {
return array(
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_FRAME'),
'type' => 'wrap',
'group' => 'content',
'atts' => array(
'align' => array(
'type' => 'select',
'values' => array(
'left' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_LEFT'),
'center' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_CENTER'),
'right' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_RIGHT')
),
'default' => 'left',
'name' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ALIGN'),
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_ALIGN_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')
)
),
'content' => '<img src="http://lorempixel.com/g/400/200/" />',
'desc' => JText::_('PLG_SYSTEM_BDTHEMES_SHORTCODES_FRAME_DESC'),
'icon' => 'picture-o'
);
}
}
<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_frame extends Su_Shortcodes {
function __construct() {
parent::__construct();
}
public static function frame($atts = null, $content = null) {
$atts = su_shortcode_atts(array(
'style' => 'default',
'align' => 'left',
'scroll_reveal' => '',
'class' => ''
), $atts, 'frame');
suAsset::addFile('css', 'frame.css', __FUNCTION__);
suAsset::addFile('js', 'frame.js', __FUNCTION__);
return '<span'.su_scroll_reveal($atts).' class="su-frame su-frame-align-' . $atts['align'] . ' su-frame-style-' . $atts['style'] . su_ecssc($atts) . '"><span class="su-frame-inner">' . su_do_shortcode($content) . '</span></span><div class="clear clearfix"></div>';
}
}