/**
* Mapping settings for lean method.
*
* @since 4.9
*
* @param $tag
*
* @return array
*/
public function addShortcodeSettings($tag)
{
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
$revsliders = array();
if ($arrSliders) {
foreach ($arrSliders as $slider) {
/** @var $slider RevSlider */
$revsliders[$slider->getTitle()] = $slider->getAlias();
}
} else {
$revsliders[__('No sliders found', 'js_composer')] = 0;
}
// Add fixes for frontend editor to regenerate id
return array('base' => $tag, 'name' => __('Revolution Slider', 'js_composer'), 'icon' => 'icon-wpb-revslider', 'category' => __('Content', 'js_composer'), 'description' => __('Place Revolution slider', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Widget title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Revolution Slider', 'js_composer'), 'param_name' => 'alias', 'admin_label' => true, 'value' => $revsliders, 'save_always' => true, 'description' => __('Select your Revolution Slider.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer'))));
}
/**
* @since 4.3
*/
public function buildShortcode()
{
if (class_exists('RevSlider')) {
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
$revsliders = array();
if ($arrSliders) {
foreach ($arrSliders as $slider) {
/** @var $slider RevSlider */
$revsliders[$slider->getTitle()] = $slider->getAlias();
}
} else {
$revsliders[__('No sliders found', 'js_composer')] = 0;
}
// add shortcode to visual composer
$this->mapShortcode($revsliders);
// Add fixes for frontend editor to regenerate id
if (vc_is_frontend_ajax() || vc_is_frontend_editor()) {
add_filter('vc_revslider_shortcode', array(&$this, 'setId'));
}
}
}
/**
*
* get array of sliders with slides, short, assoc.
*/
public function getArrSlidersWithSlidesShort($filterType = self::SLIDER_TYPE_ALL)
{
$arrSliders = self::getArrSlidersShort(null, $filterType);
$output = array();
foreach ($arrSliders as $sliderID => $sliderName) {
$slider = new RevSlider();
$slider->initByID($sliderID);
$isFromPosts = $slider->isSlidesFromPosts();
$isTemplate = $slider->getParam("template", "false");
//filter by gallery only
if ($filterType == self::SLIDER_TYPE_POSTS && $isFromPosts == false) {
continue;
}
if ($filterType == self::SLIDER_TYPE_GALLERY && $isFromPosts == true) {
continue;
}
//filter by template type
if ($filterType == self::SLIDER_TYPE_TEMPLATE && $isTemplate == "false") {
continue;
}
$sliderTitle = $slider->getTitle();
$arrSlides = $slider->getArrSlidesFromGalleryShort();
foreach ($arrSlides as $slideID => $slideName) {
$output[$slideID] = $sliderName . ", " . $slideName;
}
}
return $output;
}
}*/
if (!empty($tp_template_slider)) {
foreach ($tp_template_slider as $m_slider) {
if ($m_slider['cat'] != 'Premium') {
continue;
}
if (!empty($m_slider['filter']) && is_array($m_slider['filter'])) {
foreach ($m_slider['filter'] as $f => $v) {
$m_slider['filter'][$f] = 'temp_' . $v;
}
}
if (!isset($m_slider['installed']) && !isset($m_slider['is_new'])) {
$c_slider = new RevSlider();
$c_slider->initByDBData($m_slider);
$c_slides = $tmpl->getThemePunchTemplateSlides(array($m_slider));
$c_title = $c_slider->getTitle();
$width = $c_slider->getParam("width", 1240);
$height = $c_slider->getParam("height", 868);
if (!empty($c_slides)) {
?>
<div class="template_group_wrappers <?php
if (isset($m_slider['filter'])) {
echo implode(' ', $m_slider['filter']);
}
?>
">
<?php
echo '<div class="template_slider_title">';
if (isset($m_slider['preview']) && $m_slider['preview'] !== '') {
echo '<a href="' . esc_attr($m_slider['preview']) . '" target="_blank" class="icon-preview_slider" style="margin-right:15px"></a>';
}
<?php
////////////////////////////////////////////////////////////////////////////////
// SLIDERS //
$revSliders = array();
$slider_items = array();
// Is the "Slider Revolution plugin installed?
if (class_exists('RevSlider')) {
// Get any "Slider Revolution" sliders that are built out, if any.
$temp_count = 0;
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
if (!empty($arrSliders)) {
foreach ($arrSliders as $slider) {
$title = $slider->getTitle();
$alias = $slider->getAlias();
$revSliders['REVSLIDER---' . $alias] = 'REVOLUTION: ' . $title;
$temp_count++;
}
}
}
// Get the Espresso sliders
$slider_items = post_array('espresso-slider');
// Add Revolution sliders to the array, if any
if (!empty($revSliders)) {
$slider_items = array_merge($slider_items, $revSliders);
ksort($slider_items);
}
if (!empty($slider_items)) {
$slider_choice = ECF_Field::factory('select', 'slider_choice', __('Slider to display:', 'espresso'));
$slider_choice->add_options($slider_items);
public function previewOutputMarkup($sliderID)
{
$export_real = true;
//if false, then kriki export for JavaScript Standalone version
if ($export_real) {
//set all different file path's here
$path_fonts = 'fonts/';
$path_css = 'css/';
$path_js = 'js/';
$path_assets = 'assets';
$path_assets_raw = 'assets';
$path_assets_vid = 'assets';
$path_assets_raw_vid = 'assets';
} else {
$path_fonts = '../../revolution/fonts/';
$path_css = '../../revolution/css/';
$path_js = '../../revolution/js/';
$path_assets = '../../assets/images';
$path_assets_raw = 'assets/images';
$path_assets_vid = '../../assets/videos';
$path_assets_raw_vid = 'assets/videos';
}
if (function_exists("unzip_file") == false && class_exists("ZipArchive") == false) {
echo __('ZipArchive extension not available, please enable it to use this functionality.', REVSLIDER_TEXTDOMAIN);
exit;
}
$zip = new ZipArchive();
$success = $zip->open(RevSliderGlobals::$uploadsUrlExportZip, ZIPARCHIVE::CREATE | ZipArchive::OVERWRITE);
if ($success !== true) {
echo __("No write permissions. Can't create zip file: ", REVSLIDER_TEXTDOMAIN) . RevSliderGlobals::$uploadsUrlExportZip;
exit;
}
if ($sliderID == "empty_output") {
echo __("Wrong request!", REVSLIDER_TEXTDOMAIN);
exit;
}
$output = new RevSliderOutput();
$operations = new RevSliderOperations();
$slider = new RevSlider();
$slider->initByID($sliderID);
$output->setPreviewMode();
$http = is_ssl() ? 'https' : 'http';
$arrValues = $operations->getGeneralSettingsValues();
$set_diff_font = RevSliderFunctions::getVal($arrValues, "change_font_loading", '');
if ($set_diff_font !== '') {
$font_url = $set_diff_font;
} else {
$font_url = $http . '://fonts.googleapis.com/css?family=';
}
$static_css = RevSliderOperations::getStaticCss();
ob_start();
$output->putSliderBase($sliderID, array(), true);
$content = ob_get_contents();
ob_clean();
ob_end_clean();
$fonts = '';
while (strpos($content, '<!-- FONT -->') !== false) {
$temp_font = substr($content, strpos($content, '<!-- FONT -->'), strpos($content, '<!-- /FONT -->') + 14 - strpos($content, '<!-- FONT -->')) . "\n";
$fonts .= $temp_font;
$starthtml = substr($content, 0, strpos($content, '<!-- FONT -->'));
$endhtml = substr($content, strpos($content, '<!-- /FONT -->') + 14);
$content = $starthtml . $endhtml;
//remove from html markup
}
$fonts = str_replace(array('<!-- FONT -->', '<!-- /FONT -->'), '', $fonts);
//remove the tags
$scripts = '';
while (strpos($content, '<!-- SCRIPT -->') !== false) {
$temp_script = substr($content, strpos($content, '<!-- SCRIPT -->'), strpos($content, '<!-- /SCRIPT -->') + 16 - strpos($content, '<!-- SCRIPT -->')) . "\n";
$scripts .= $temp_script;
$starthtml = substr($content, 0, strpos($content, '<!-- SCRIPT -->'));
$endhtml = substr($content, strpos($content, '<!-- /SCRIPT -->') + 16);
$content = $starthtml . $endhtml;
//remove from html markup
}
$scripts = str_replace(array('<!-- SCRIPT -->', '<!-- /SCRIPT -->'), '', $scripts);
//remove the tags
$styles = '';
while (strpos($content, '<!-- STYLE -->') !== false) {
$temp_style = substr($content, strpos($content, '<!-- STYLE -->'), strpos($content, '<!-- /STYLE -->') + 15 - strpos($content, '<!-- STYLE -->')) . "\n";
$styles .= $temp_style;
$starthtml = substr($content, 0, strpos($content, '<!-- STYLE -->'));
$endhtml = substr($content, strpos($content, '<!-- /STYLE -->') + 15);
$content = $starthtml . $endhtml;
//remove from html markup
}
$styles = str_replace(array('<!-- STYLE -->', '<!-- /STYLE -->'), '', $styles);
//remove the tags
$full_content = '';
ob_start();
?>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php
echo $slider->getTitle();
?>
- Slider Revolution</title>
<meta name="description" content="Slider Revolution Example" />
<meta name="keywords" content="fullscreen image, grid layout, flexbox grid, transition" />
<meta name="author" content="ThemePunch" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- LOAD JQUERY LIBRARY -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
<!-- LOADING FONTS AND ICONS -->
<?php
echo $fonts;
?>
<link rel="stylesheet" type="text/css" href="<?php
echo $path_fonts;
?>
pe-icon-7-stroke/css/pe-icon-7-stroke.css">
<link rel="stylesheet" type="text/css" href="<?php
echo $path_fonts;
?>
font-awesome/css/font-awesome.min.css">
<!-- REVOLUTION STYLE SHEETS -->
<link rel="stylesheet" type="text/css" href="<?php
echo $path_css;
?>
settings.css">
<!-- REVOLUTION LAYERS STYLES -->
<?php
if ($export_real) {
echo $styles;
if ($static_css !== '') {
echo '<style type="text/css">';
echo RevSliderCssParser::compress_css($static_css);
echo '</style>' . "\n";
}
} else {
?>
<link rel="stylesheet" type="text/css" href="<?php
echo $path_css;
?>
layers.css">
<!-- REVOLUTION NAVIGATION STYLES -->
<link rel="stylesheet" type="text/css" href="<?php
echo $path_css;
?>
navigation.css">
<link rel="stylesheet" type="text/css" href="../../assets/css/noneed.css">
<?php
}
?>
<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="<?php
echo $path_js;
?>
jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="<?php
echo $path_js;
?>
extensions/revolution.extension.video.min.js"></script>
</head>
<body>
<?php
if (!$export_real) {
?>
<!-- HEADER -->
<article class="content">
<!-- Add your site or application content here -->
<section class="header">
<span class="logo" style="float:left"></span>
<a class="button" style="float:right" href="http://www.themepunch.com/revsliderjquery-doc/get-started/"><i class="pe-7s-help2"></i>Online Documentation</a>
<div class="clearfix"></div>
</section>
</article>
<article class="small-history">
<h2 class="textaligncenter" style="margin-bottom:25px;">Slideshow Gallery</h2>
<p>The Slider below is a classic slideshow with timer, bullet and arrow navigation. Slider Revolution offers millions of layout combinations.</p>
</article>
<!-- SLIDER EXAMPLE -->
<section class="example">
<article class="content">
<?php
}
?>
<?php
$head = ob_get_contents();
ob_clean();
ob_end_clean();
ob_start();
?>
<?php
if (!$export_real) {
?>
</article>
</section>
<?php
}
?>
</body>
</html>
<?php
$footer = ob_get_contents();
ob_clean();
ob_end_clean();
$slider_html = $head . "\n" . $content . "\n" . $scripts . "\n" . $footer;
$upload_dir = RevSliderFunctionsWP::getPathUploads();
$upload_dir_multisiteless = wp_upload_dir();
$cont_url = $upload_dir_multisiteless['baseurl'];
$cont_url_no_www = str_replace('www.', '', $upload_dir_multisiteless['baseurl']);
$upload_dir_multisiteless = $upload_dir_multisiteless['basedir'] . '/';
$search = array($cont_url, $cont_url_no_www, RS_PLUGIN_URL);
$added = array();
foreach ($search as $s) {
preg_match_all("/(\"|')" . str_replace('/', '\\/', $s) . "\\S+(\"|')/", $slider_html, $_files);
if (!empty($_files) && isset($_files[0]) && !empty($_files[0])) {
//go through all files, check for existance and add to the zip file
foreach ($_files[0] as $_file) {
$o = $_file;
$_file = str_replace(array('"', "'", $s), '', $_file);
//check if video or image
$use_path = $path_assets;
$use_path_raw = $path_assets_raw;
preg_match('/.*?.(?:jpg|jpeg|gif|png)/i', $_file, $match);
preg_match('/.*?.(?:ogv|webm|mp4)/i', $_file, $match2);
$f = false;
if (!empty($match) && isset($match[0]) && !empty($match[0])) {
//image
$use_path = $path_assets;
$use_path_raw = $path_assets_raw;
$f = true;
}
if (!empty($match2) && isset($match2[0]) && !empty($match2[0])) {
//video
$use_path = $path_assets_vid;
$use_path_raw = $path_assets_raw_vid;
$f = true;
}
if ($f == false) {
//no file, just a location. So change the location accordingly by removing base and add ../../revolution
if (strpos($o, 'public/assets/js/') !== false) {
//this will be the jsFileLocation script part
$slider_html = str_replace($o, '"' . $path_js . '"', $slider_html);
}
continue;
//no correct file, nothing to add
}
if (isset($added[$_file])) {
continue;
}
$add = '';
$__file = '';
$repl_to = explode('/', $_file);
$repl_to = end($repl_to);
$remove = false;
if (is_file($upload_dir . $_file)) {
$zip->addFile($upload_dir . $_file, $use_path_raw . '/' . $repl_to);
$remove = true;
} elseif (is_file($upload_dir_multisiteless . $_file)) {
$zip->addFile($upload_dir_multisiteless . $_file, $use_path_raw . '/' . $repl_to);
$remove = true;
} elseif (is_file(RS_PLUGIN_PATH . $_file)) {
//remove admin/assets/
$__file = str_replace('admin/assets/images/', '', $_file);
$zip->addFile(RS_PLUGIN_PATH . $_file, $use_path_raw . '/' . $__file);
$remove = true;
$add = '/';
}
if ($remove == true) {
$added[$_file] = true;
//set as added
//replace file with new path
if ($add !== '') {
$_file = $__file;
}
//set the different path here
$slider_html = str_replace($o, '"' . $use_path . '/' . $repl_to . '"', $slider_html);
}
}
}
}
if ($export_real) {
//only include if real export
//add common files to the zip
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.actions.min.js', 'js/extensions/revolution.extension.actions.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.carousel.min.js', 'js/extensions/revolution.extension.carousel.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.kenburn.min.js', 'js/extensions/revolution.extension.kenburn.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.layeranimation.min.js', 'js/extensions/revolution.extension.layeranimation.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.migration.min.js', 'js/extensions/revolution.extension.migration.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.navigation.min.js', 'js/extensions/revolution.extension.navigation.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.parallax.min.js', 'js/extensions/revolution.extension.parallax.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.slideanims.min.js', 'js/extensions/revolution.extension.slideanims.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.video.min.js', 'js/extensions/revolution.extension.video.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.enablelog.js', 'js/jquery.themepunch.enablelog.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.revolution.min.js', 'js/jquery.themepunch.revolution.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.tools.min.js', 'js/jquery.themepunch.tools.min.js');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/css/settings.css', 'css/settings.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css', 'fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/css/helper.css', 'fonts/pe-icon-7-stroke/css/helper.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.eot');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.svg');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.ttf');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff', 'fonts/pe-icon-7-stroke/fonts/Pe-icon-7-stroke.woff');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/css/font-awesome.min.css', 'fonts/font-awesome/css/font-awesome.min.css');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/FontAwesome.otf', 'fonts/font-awesome/fonts/FontAwesome.otf');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.eot', 'fonts/font-awesome/fonts/fontawesome-webfont.eot');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.svg', 'fonts/font-awesome/fonts/fontawesome-webfont.svg');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.ttf', 'fonts/font-awesome/fonts/fontawesome-webfont.ttf');
$zip->addFile(RS_PLUGIN_PATH . '/public/assets/fonts/font-awesome/fonts/fontawesome-webfont.woff', 'fonts/font-awesome/fonts/fontawesome-webfont.woff');
$notice_text = "";
$notice_text .= __('Using this data is only allowed with a valid licence of the jQuery Slider Revolution Plugin, which can be found at CodeCanyon: http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848?ref=themepunch', REVSLIDER_TEXTDOMAIN);
$zip->addFromString("NOTICE.txt", $notice_text);
//add slider settings
}
$zip->addFromString("slider.html", $slider_html);
//add slider settings
$zip->close();
header("Content-type: application/zip");
header("Content-Disposition: attachment; filename=" . sanitize_title($slider->getAlias()) . ".zip");
header("Pragma: no-cache");
header("Expires: 0");
readfile(RevSliderGlobals::$uploadsUrlExportZip);
@unlink(RevSliderGlobals::$uploadsUrlExportZip);
//delete file after sending it to user
exit;
}
$urlNewPost = RevSliderFunctionsWP::getUrlNewPost();
$linkNewPost = RevSliderFunctions::getHtmlLink($urlNewPost, '<i class="revicon-pencil-1"></i>' . __('New Post', REVSLIDER_TEXTDOMAIN), 'button_new_post', 'button-primary revblue', true);
//get ordering
$arrSortBy = RevSliderFunctionsWP::getArrSortBy();
$sortBy = $slider->getParam('post_sortby', RevSlider::DEFAULT_POST_SORTBY);
$selectSortBy = RevSliderFunctions::getHTMLSelect($arrSortBy, $sortBy, "id='select_sortby'", true);
?>
<div class="wrap settings_wrap">
<div class="title_line">
<div id="icon-options-general" class="icon32"></div>
<div class="view_title"><?php
_e('Edit Posts', REVSLIDER_TEXTDOMAIN);
?>
: <?php
echo $slider->getTitle();
?>
</div>
</div>
<div class="vert_sap"></div>
<?php
_e("This is a list of posts that are taken from multiple sources.", REVSLIDER_TEXTDOMAIN);
?>
<?php
if ($showSortBy == true) {
?>
<?php
_e("Sort by", REVSLIDER_TEXTDOMAIN);
function form($instance)
{
$defaults = array('mb' => '', 're' => '', 'f' => '');
$instance = wp_parse_args($instance, $defaults);
extract($instance);
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
$rea = array();
foreach ($arrSliders as $slider) {
$stitle = $slider->getTitle();
$salias = $slider->getAlias();
if (!isset($rev_slider_name)) {
$rev_slider_name = '';
}
if ($rev_slider_name == $salias) {
$curest = ' selected ';
} else {
$curest = '';
}
$rea[$salias] = $stitle;
}
echo cb_field($this->get_field_id('re'), aq_field_select('re', $block_id, $rea, $re), 'Revolution Slider') . cb_cl();
echo cb_field($this->get_field_id('f'), aq_field_select('f', $block_id, cb_yn(), $f), 'Full Width') . cb_cl();
echo cb_cl() . cb_field($this->get_field_id('mb'), aq_field_input('mb', $block_id, $mb), 'Bottom Margin(without px)', 'half last');
?>
Use only on full width layouts.
<?php
}
function layouts_default_content_sources()
{
$default_content_sources = array();
// Static Blocks
$args = array('posts_per_page' => -1, 'post_type' => 'static_block');
$posts = get_posts($args);
$options_static_blocks = array();
foreach ($posts as $key => $value) {
$options_static_blocks[$value->ID] = $value->post_title;
}
$default_content_sources['Static Block'] = $options_static_blocks;
// Sidebars
$sidebars = $GLOBALS['wp_registered_sidebars'];
$options_sidebars = array();
foreach ($sidebars as $key => $value) {
$options_sidebars[$value['id']] = $value['name'];
}
$default_content_sources['Sidebar'] = $options_sidebars;
// Slide shows
if (class_exists('RevSlider')) {
$ss = new RevSlider();
$arrSliders = $ss->getArrSliders();
$options_sliders = array();
foreach ($arrSliders as $ss) {
// Slide data
$id = $ss->getID();
$title = $ss->getTitle();
$alias = $ss->getAlias();
// Select options
$options_sliders['RevSlider:' . $alias] = $title;
}
$default_content_sources['Slide Show'] = $options_sliders;
}
// class_exists('RevSlider')
return array_merge($default_content_sources);
}
function admin_settings()
{
add_option('cb4_woo_per_page', '12', '', 'yes');
add_option('cb4_showtopwidget', 'no', '', 'yes');
add_option('cb4_showmenusearch', 'yes', '', 'yes');
add_option('cb4_iconspos', 'bottom', '', 'yes');
add_option('cb4_icons_bottom_margin', '100px', '', 'yes');
add_option('cb4_headertransparent', 'yes', '', 'yes');
add_option('cb4_slidertoptint', 'yes', '', 'yes');
add_option('cb4_woo_cols', '3', '', 'yes');
add_option('cb4_woo_related_c', '2', '', 'yes');
add_option('cb4_woo_related_n', '2', '', 'yes');
add_option('cb4_nivo_style', 'default', '', 'yes');
add_option('cb4_scroll', 'yes', '', 'yes');
add_option('cb4_usescroll', 'yes', '', 'yes');
add_option('cb4_mheadertype', 'yes', '', 'yes');
add_option('cb4_nivo_cat', '', '', 'yes');
add_option('cb4_rev_slider_name', '', '', 'yes');
add_option('cb4_add_css', '', '', 'yes');
add_option('cb4_sidebar_shop', 'right', '', 'yes');
add_option('cb4_s_text', 'no', '', 'yes');
add_option('cb4_full_slider', 'no', '', 'yes');
add_option('cb4_color_master', '', '', 'yes');
add_option('cb4_fadecolor', '', '', 'yes');
add_option('cb4_shad', '#eee', '', 'yes');
add_option('cb4_shad2', '', '', 'yes');
add_option('cb4_wid', '', '', 'yes');
add_option('cb4_editor_style', 'no', '', 'yes');
add_option('cb4_full_slider_interval', '5000', '', 'yes');
add_option('cb4_full_slider_effect', '1', '', 'yes');
add_option('cb4_full_slider_t_speed', '1000', '', 'yes');
add_option('cb4_full_slider_page', '', '', 'yes');
add_option('cb4_full_slider_where', 'home', '', 'yes');
add_option('cb4_full_slider_bar', '1', '', 'yes');
add_option('cb4_full_slider_style', '0', '', 'yes');
add_option('cb4_full_slider_thumbs', '0', '', 'yes');
add_option('cb4_full_slider_nav', '0', '', 'yes');
add_option('cb4_sidebars_tocat', '', '', 'yes');
add_option('cb4_under', 'no', '', 'yes');
add_option('cb4_top_widget', 'yes', '', 'yes');
add_option('cb4_new_sidebar', '', '', 'yes');
add_option('cb4_meta_keywords', 'Wordpress blog', '', 'yes');
add_option('cb4_meta_description', 'Wordpress blog', '', 'yes');
add_option('cb4_adi_thumb', 'yes', '', 'yes');
add_option('cb4_adi_st', 'yes', '', 'yes');
add_option('cb4_bg_fixed', 'yes', '', 'yes');
add_option('cb4_bg_str', 'yes', '', 'yes');
add_option('cb4_bgf_str', 'yes', '', 'yes');
add_option('cb4_disable_pp', 'no', '', 'yes');
add_option('cb4_c_name', 'Name & Surname', '', 'yes');
add_option('cb4_c_email', 'Email', '', 'yes');
add_option('cb4_c_message', 'Message', '', 'yes');
add_option('cb4_c_thanks', 'Thank You for Your message.', '', 'yes');
add_option('cb4_c_error', 'There was an error. Message not sent.', '', 'yes');
add_option('cb4_r_use', '', '', 'yes');
add_option('cb4_r_public', '', '', 'yes');
add_option('cb4_r_private', '', '', 'yes');
add_option('cb4_r_template', 'white', '', 'yes');
add_option('cb4_color_schema', '', '', 'yes');
add_option('cb4_color_style', '', '', 'yes');
add_option('cb4_slide_type', 'any', '', 'yes');
add_option('cb4_stripes_bg_schema', 'b19.png', '', 'yes');
add_option('cb4_stripes_bg_schema2', 'b0.png', '', 'yes');
add_option('cb4_sideb_col', 'right', '', 'yes');
add_option('cb4_sideb_page', 'yes', '', 'yes');
add_option('cb4_sideb_blog', 'yes', '', 'yes');
add_option('cb4_sideb_post', 'yes', '', 'yes');
add_option('cb4_post_details', 'yes', '', 'yes');
add_option('cb4_page_details', 'no', '', 'yes');
add_option('cb4_slide_home', 'home', '', 'yes');
add_option('cb4_font_family', 'Open+Sans', '', 'yes');
add_option('cb4_background', '3', '', 'yes');
add_option('cb4_page_id', '', '', 'yes');
add_option('cb4_upload_logo', 'http://cb-theme.com/demo/GE Trends/wp-content/uploads/2013/07/logo_d5.png', '', 'yes');
add_option('cb4_show_logo_text', 'yes', '', 'yes');
add_option('cb4_logomt', '50px', '', 'yes');
add_option('cb4_logo_text', 'GE Trends', '', 'yes');
add_option('cb4_logo_slogan', 'Theme from cb-theme.com', '', 'yes');
add_option('cb4_home_template', '3', '', 'yes');
add_option('cb4_upload_bg', '', '', 'yes');
add_option('cb4_favi', 'http://cb-theme.com/demo/GE Trends/wp-content/uploads/2013/01/favicon.png', '', 'yes');
add_option('cb4_font_family_google', 'Open Sans', '', 'yes');
add_option('cb4_font_family_head', 'Arial', '', 'yes');
add_option('cb4_font_family_google_head', 'Lato', '', 'yes');
add_option('cb4_font_family_google_head_title', '------', '', 'yes');
add_option('cb4_font_family_google_head_title2', '------', '', 'yes');
add_option('cb4_show_bread', 'yes', '', 'yes');
add_option('cb4_show_footer', 'yes', '', 'yes');
add_option('cb4_wayp', 'yes', '', 'yes');
add_option('cb4_show_comments', 'yes', '', 'yes');
add_option('cb4_show_midb', 'everywhere', '', 'yes');
add_option('cb4_disable_rounded ', 'no', '', 'yes');
add_option('cb4_google_analytics', '', '', 'yes');
add_option('cb4_not_error', '404- Page not found', '', 'yes');
add_option('cb4_not_desc', 'The page you requested cannot be found.', '', 'yes');
add_option('cb4_menu_font_size', '', '', 'yes');
add_option('cb4_headings_color', '', '', 'yes');
add_option('cb4_links_color', '', '', 'yes');
add_option('cb4_pfilter_color', '#FFFFFF', '', 'yes');
add_option('cb4_pfilter_bgcolor', '#222222', '', 'yes');
add_option('cb4_links_hover_color', '', '', 'yes');
add_option('cb4_menu_color', '', '', 'yes');
add_option('cb4_menu_font_color', '', '', 'yes');
add_option('cb4_menu_hover_color', '', '', 'yes');
add_option('cb4_text_color', '', '', 'yes');
add_option('cb4_logo_color', '#FFFFFF', '', 'yes');
add_option('cb4_slogan_color', '', '', 'yes');
add_option('cb4_logo_shad', '#000000', '', 'yes');
add_option('cb4_middle_background', '#282828', '', 'yes');
add_option('cb4_middle_backgroundi', '', '', 'yes');
add_option('cb4_middle_backgroundc', '', '', 'yes');
add_option('cb4_middle_nbackgroundc', '', '', 'yes');
add_option('cb4_ht_background', '', '', 'yes');
add_option('cb4_htb_background', '', '', 'yes');
add_option('cb4_footer_background', '', '', 'yes');
add_option('cb4_background_color', '#e1e1e1', '', 'yes');
add_option('cb4_cbackground_color', '#fff', '', 'yes');
add_option('cb4_logo_font', '35px', '', 'yes');
add_option('cb4_remove_logo', 'yes', '', 'yes');
add_option('cb4_remove_bg', 'no', '', 'yes');
add_option('cb4_remove_bgi', 'no', '', 'yes');
add_option('cb4_home_cat', '', '', 'yes');
add_option('cb4_home_number', '3', '', 'yes');
add_option('cb4_home_limit', '', '', 'yes');
add_option('cb4_s_easing', 'swing', '', 'yes');
add_option('cb4_s_ani_time', '600', '', 'yes');
add_option('cb4_s_resize', 'true', '', 'yes');
add_option('cb4_s_delay', '6000', '', 'yes');
add_option('cb4_s_auto', 'true', '', 'yes');
add_option('cb4_cat', '3', '', 'yes');
add_option('cb4_admin_theme', 'no', '', 'yes');
add_option('cb4_fixed_top', 'no', '', 'yes');
add_option('cb4_social_foot', 'yes', '', 'yes');
add_option('cb4_social_fb', '', '', 'yes');
add_option('cb4_social_tw', '', '', 'yes');
add_option('cb4_social_in', '', '', 'yes');
add_option('cb4_social_yt', '', '', 'yes');
add_option('cb4_social_vi', '', '', 'yes');
add_option('cb4_social_rss', '', '', 'yes');
add_option('cb4_hide_top', 'no', '', 'yes');
add_option('cb4_h_title', '', '', 'yes');
add_option('cb4_h_more', '', '', 'yes');
add_option('cb4_mwid', '', '', 'yes');
add_option('cb4_slide_bg', 'yes', '', 'yes');
add_option('cb4_h_sid', '', '', 'yes');
add_option('cb4_o_head', '', '', 'yes');
add_option('cb4_o_con', '', '', 'yes');
add_option('cb4_o_foot', '', '', 'yes');
add_option('cb4_o_mid', '', '', 'yes');
add_option('cb4_mw', '', '', 'yes');
add_option('cb4_mwh', '', '', 'yes');
add_option('cb4_logo_f', 'Open+Sans', '', 'yes');
add_option('cb4_menu_f', '------', '', 'yes');
add_option('bors', '', '', 'yes');
add_option('bors_h', '', '', 'yes');
add_option('bors_f', '', '', 'yes');
add_option('s_height', '', '', 'yes');
add_option('s_link', '', '', 'yes');
add_option('cb4_bodyfs', '11px', '', 'yes');
add_option('cb4_h1fs', '28px', '', 'yes');
add_option('cb4_h1fts', '88px', '', 'yes');
add_option('cb4_h2fs', '20px', '', 'yes');
add_option('cb4_h3fs', '16px', '', 'yes');
add_option('cb4_h4fs', '14px', '', 'yes');
add_option('cb4_h5fs', '12px', '', 'yes');
add_option('cb4_h6fs', '11px', '', 'yes');
add_option('cb4_headh', '150px', '', 'yes');
add_option('cb4_headhc', '#FFFFFF', '', 'yes');
add_option('cb4_headings_up', 'uppercase', '', 'yes');
add_option('cb4_headings_upw', 'lighter', '', 'yes');
add_option('cb4_headings_upw_t', 'lighter', '', 'yes');
add_option('cb4_headings_icons', '', '', 'yes');
add_option('cb4_headings_icons_size', '', '', 'yes');
$woo_per_page = get_option('cb4_woo_per_page');
$woo_cols = get_option('cb4_woo_cols');
$woo_related_n = get_option('cb4_woo_related_n');
$woo_related_c = get_option('cb4_woo_related_c');
$headertransparent = get_option('cb4_headertransparent');
$slidertoptint = get_option('cb4_slidertoptint');
$showtopwidget = get_option('cb4_showtopwidget');
$showmenusearch = get_option('cb4_showmenusearch');
$nivo_style = get_option('cb4_nivo_style');
$scroll = get_option('cb4_scroll');
$usescroll = get_option('cb4_usescroll');
$mheadertype = get_option('cb4_mheadertype');
$rev_slider_name = get_option('cb4_rev_slider_name');
$nivo_height = get_option('cb4_nivo_height');
$nivo_cat = get_option('cb4_nivo_cat');
$nivo_link = get_option('cb4_nivo_link');
$nivo_effect = get_option('cb4_nivo_effect');
$nivo_anim = get_option('cb4_nivo_anim');
$nivo_pause = get_option('cb4_nivo_pause');
$nivo_direction = get_option('cb4_nivo_direction');
$nivo_control = get_option('cb4_nivo_control');
$nivo_thumbs = get_option('cb4_nivo_thumbs');
$nivo_pause_hover = get_option('cb4_nivo_pause_hover');
$round_pause = get_option('cb4_round_pause');
$round_height = get_option('cb4_round_height');
$round_cat = get_option('cb4_round_cat');
$round_auto = get_option('cb4_round_auto');
$round_hover = get_option('cb4_round_hover');
$round_link = get_option('cb4_round_link');
$kwicks_cat = get_option('cb4_kwicks_cat');
$kwicks_max = get_option('cb4_kwicks_max');
$kwicks_min = get_option('cb4_kwicks_min');
$kwicks_spacing = get_option('cb4_kwicks_spacing');
$kwicks_height = get_option('cb4_kwicks_height');
$kwicks_link = get_option('cb4_kwicks_link');
$drag_cat = get_option('cb4_drag_cat');
$drag_height = get_option('cb4_drag_height');
$drag_link = get_option('cb4_drag_link');
$iconspos = get_option('cb4_iconspos');
$icons_bottom_margin = get_option('cb4_icons_bottom_margin');
$h1fs = get_option('cb4_h1fs');
$bodyfs = get_option('cb4_bodyfs');
$h1fts = get_option('cb4_h1fts');
$h2fs = get_option('cb4_h2fs');
$h3fs = get_option('cb4_h3fs');
$h4fs = get_option('cb4_h4fs');
$h5fs = get_option('cb4_h5fs');
$h6fs = get_option('cb4_h6fs');
$headh = get_option('cb4_headh');
$headhc = get_option('cb4_headhc');
$h_title = get_option('cb4_h_title');
$slide_type = get_option('cb4_slide_type');
$sidebar_shop = get_option('cb4_sidebar_shop');
$s_text = get_option('cb4_s_text');
$add_css = get_option('cb4_add_css');
$color_master = get_option('cb4_color_master');
$fadecolor = get_option('cb4_fadecolor');
$shad = get_option('cb4_shad');
$shad2 = get_option('cb4_shad2');
$wid = get_option('cb4_wid');
$h_more = get_option('cb4_h_more');
$editor_style = get_option('cb4_editor_style');
$fixed_top = get_option('cb4_fixed_top');
$social_foot = get_option('cb4_social_foot');
$social_fb = get_option('cb4_social_fb');
$social_tw = get_option('cb4_social_tw');
$social_in = get_option('cb4_social_in');
$social_yt = get_option('cb4_social_yt');
$social_vi = get_option('cb4_social_vi');
$social_rss = get_option('cb4_social_rss');
$full_slider = get_option('cb4_full_slider');
$full_slider_interval = get_option('cb4_full_slider_interval');
$full_slider_effect = get_option('cb4_full_slider_effect');
$full_slider_t_speed = get_option('cb4_full_slider_t_speed');
$full_slider_page = get_option('cb4_full_slider_page');
$full_slider_where = get_option('cb4_full_slider_where');
$full_slider_bar = get_option('cb4_full_slider_bar');
$full_slider_style = get_option('cb4_full_slider_style');
$full_slider_thumbs = get_option('cb4_full_slider_thumbs');
$full_slider_nav = get_option('cb4_full_slider_nav');
$sidebars_tocat = get_option('cb4_sidebars_tocat');
$meta_description = get_option('cb4_meta_description');
$meta_keywords = get_option('cb4_meta_keywords');
$adi_thumb = get_option('cb4_adi_thumb');
$adi_st = get_option('cb4_adi_st');
$bg_fixed = get_option('cb4_bg_fixed');
$bg_str = get_option('cb4_bg_str');
$bgf_str = get_option('cb4_bgf_str');
$disable_pp = get_option('cb4_disable_pp');
$middle_background = get_option('cb4_middle_background');
$middle_backgroundi = get_option('cb4_middle_backgroundi');
$middle_backgroundc = get_option('cb4_middle_backgroundc');
$middle_nbackgroundc = get_option('cb4_middle_nbackgroundc');
$ht_background = get_option('cb4_ht_background');
$htb_background = get_option('cb4_htb_background');
$text_color = get_option('cb4_text_color');
$logo_color = get_option('cb4_logo_color');
$slogan_color = get_option('cb4_slogan_color');
$logo_shad = get_option('cb4_logo_shad');
$background_color = get_option('cb4_background_color');
$cbackground_color = get_option('cb4_cbackground_color');
$footer_background = get_option('cb4_footer_background');
$c_name = get_option('cb4_c_name');
$logo_font = get_option('cb4_logo_font');
$c_email = get_option('cb4_c_email');
$c_message = get_option('cb4_c_message');
$c_thanks = get_option('cb4_c_thanks');
$c_error = get_option('cb4_c_error');
$r_use = get_option('cb4_r_use');
$r_public = get_option('cb4_r_public');
$r_private = get_option('cb4_r_private');
$r_template = get_option('cb4_r_template');
$color_schema = get_option('cb4_color_schema');
$color_style = get_option('cb4_color_style');
$stripes_bg_schema = get_option('cb4_stripes_bg_schema');
$stripes_bg_schema2 = get_option('cb4_stripes_bg_schema2');
$sideb_col = get_option('cb4_sideb_col');
$sideb_page = get_option('cb4_sideb_page');
$sideb_blog = get_option('cb4_sideb_blog');
$sideb_post = get_option('cb4_sideb_post');
$post_details = get_option('cb4_post_details');
$page_details = get_option('cb4_page_details');
$slide_home = get_option('cb4_slide_home');
$font_family = get_option('cb4_font_family');
$background = get_option('cb4_background');
$page_id = get_option('cb4_page_id');
$upload_logo = get_option('cb4_upload_logo');
$show_logo_text = get_option('cb4_show_logo_text');
$logo_text = get_option('cb4_logo_text');
$logomt = get_option('cb4_logomt');
$logo_slogan = get_option('cb4_logo_slogan');
$home_template = get_option('cb4_home_template');
$upload_bg = get_option('cb4_upload_bg');
$favi = get_option('cb4_favi');
$font_family_google = get_option('cb4_font_family_google');
$font_family_head = get_option('cb4_font_family_head');
$font_family_google_head = get_option('cb4_font_family_google_head');
$font_family_google_head_title = get_option('cb4_font_family_google_head_title');
$font_family_google_head_title2 = get_option('cb4_font_family_google_head_title2');
$show_bread = get_option('cb4_show_bread');
$show_footer = get_option('cb4_show_footer');
$wayp = get_option('cb4_wayp');
$show_comments = get_option('cb4_show_comments');
$show_midb = get_option('cb4_show_midb');
$remove_logo = get_option('cb4_remove_logo');
$disable_rounded = get_option('cb4_disable_rounded ');
$google_analytics = get_option('cb4_google_analytics');
$not_error = get_option('cb4_not_error');
$not_desc = get_option('cb4_not_desc');
$menu_font_size = get_option('cb4_menu_font_size');
$headings_color = get_option('cb4_headings_color');
$links_color = get_option('cb4_links_color');
$pfilter_color = get_option('cb4_pfilter_color');
$pfilter_bgcolor = get_option('cb4_pfilter_bgcolor');
$links_hover_color = get_option('cb4_links_hover_color');
$menu_color = get_option('cb4_menu_color');
$menu_font_color = get_option('cb4_menu_font_color');
$menu_hover_color = get_option('cb4_menu_hover_color');
$home_number = get_option('cb4_home_number');
$home_cat = get_option('cb4_home_cat');
$home_limit = get_option('cb4_home_limit');
$admin_theme = get_option('cb4_admin_theme');
$under = get_option('cb4_under');
$topw = get_option('cb4_top_widget');
$s_easing = get_option('cb4_s_easing');
$s_ani_time = get_option('cb4_s_ani_time');
$s_resize = get_option('cb4_s_resize');
$s_delay = get_option('cb4_s_delay');
$s_auto = get_option('cb4_s_auto');
$cat = get_option('cb4_cat');
$hide_top = get_option('cb4_hide_top');
$mwid = get_option('cb4_mwid');
$o_head = get_option('cb4_o_head');
$h_sid = get_option('cb4_h_sid');
$o_con = get_option('cb4_o_con');
$o_mid = get_option('cb4_o_mid');
$o_foot = get_option('cb4_o_foot');
$bors = get_option('cb4_bors');
$bors_h = get_option('cb4_bors_h');
$bors_f = get_option('cb4_bors_f');
$logo_f = get_option('cb4_logo_f');
$menu_f = get_option('cb4_menu_f');
$mw = get_option('cb4_mw');
$mwh = get_option('cb4_mwh');
$s_height = get_option('cb4_s_height');
$s_link = get_option('cb4_s_link');
$headings_up = get_option('cb4_headings_up');
$headings_upw = get_option('cb4_headings_upw');
$headings_upw_t = get_option('cb4_headings_upw_t');
$headings_icons_size = get_option('cb4_headings_icons_size');
$headings_icons = unserialize(get_option('cb4_headings_icons'));
$google_font = array('------', 'Abel', 'Abril+Fatface', 'Aclonica', 'Acme', 'Actor', 'Adamina', 'Advent+Pro', 'Aguafina+Script', 'Aladin', 'Aldrich', 'Alegreya', 'Alegreya+SC', 'Alex+Brush', 'Alfa+Slab+One', 'Alice', 'Alike', 'Alike+Angular', 'Allan', 'Allerta', 'Allerta+Stencil', 'Allura', 'Almendra', 'Almendra+SC', 'Amarante', 'Amaranth', 'Amatic+SC', 'Amethysta', 'Andada', 'Andika', 'Angkor', 'Annie+Use+Your+Telescope', 'Anonymous+Pro', 'Antic', 'Antic+Didone', 'Antic+Slab', 'Anton', 'Arapey', 'Arbutus', 'Architects+Daughter', 'Arimo', 'Arizonia', 'Armata', 'Artifika', 'Arvo', 'Asap', 'Asset', 'Astloch', 'Asul', 'Atomic+Age', 'Aubrey', 'Audiowide', 'Average', 'Averia+Gruesa+Libre', 'Averia+Libre', 'Averia+Sans+Libre', 'Averia+Serif+Libre', 'Bad+Script', 'Balthazar', 'Bangers', 'Basic', 'Battambang', 'Baumans', 'Bayon', 'Belgrano', 'Belleza', 'Bentham', 'Berkshire+Swash', 'Bevan', 'Bigshot+One', 'Bilbo', 'Bilbo+Swash+Caps', 'Bitter', 'Black+Ops+One', 'Bokor', 'Bonbon', 'Boogaloo', 'Bowlby+One', 'Bowlby+One+SC', 'Brawler', 'Bree+Serif', 'Bubblegum+Sans', 'Buda', 'Buenard', 'Butcherman', 'Butterfly+Kids', 'Cabin', 'Cabin+Condensed', 'Cabin+Sketch', 'Caesar+Dressing', 'Cagliostro', 'Calligraffitti', 'Cambo', 'Candal', 'Cantarell', 'Cantata+One', 'Cantora+One', 'Capriola', 'Cardo', 'Carme', 'Carter+One', 'Caudex', 'Cedarville+Cursive', 'Ceviche+One', 'Changa+One', 'Chango', 'Chau+Philomene+One', 'Chelsea+Market', 'Chenla', 'Cherry+Cream+Soda', 'Chewy', 'Chicle', 'Chivo', 'Coda', 'Coda+Caption', 'Codystar', 'Comfortaa', 'Coming+Soon', 'Concert+One', 'Condiment', 'Content', 'Contrail+One', 'Convergence', 'Cookie', 'Copse', 'Corben', 'Courgette', 'Cousine', 'Coustard', 'Covered+By+Your+Grace', 'Crafty+Girls', 'Creepster', 'Crete+Round', 'Crimson+Text', 'Crushed', 'Cuprum', 'Cutive', 'Damion', 'Dancing+Script', 'Dangrek', 'Dawning+of+a+New+Day', 'Days+One', 'Delius', 'Delius+Swash+Caps', 'Delius+Unicase', 'Della+Respira', 'Devonshire', 'Didact+Gothic', 'Diplomata', 'Diplomata+SC', 'Doppio+One', 'Dorsa', 'Dosis', 'Dr+Sugiyama', 'Droid+Sans', 'Droid+Sans+Mono', 'Droid+Serif', 'Duru+Sans', 'Dynalight', 'EB+Garamond', 'Eagle+Lake', 'Eater', 'Economica', 'Electrolize', 'Emblema+One', 'Emilys+Candy', 'Engagement', 'Enriqueta', 'Erica+One', 'Esteban', 'Euphoria+Script', 'Ewert', 'Exo', 'Expletus+Sans', 'Fanwood+Text', 'Fascinate', 'Fascinate+Inline', 'Fasthand', 'Federant', 'Federo', 'Felipa', 'Fjord+One', 'Flamenco', 'Flavors', 'Fondamento', 'Fontdiner+Swanky', 'Forum', 'Francois+One', 'Fredericka+the+Great', 'Fredoka+One', 'Freehand', 'Fresca', 'Frijole', 'Fugaz+One', 'GFS+Didot', 'GFS+Neohellenic', 'Galdeano', 'Galindo', 'Gentium+Basic', 'Gentium+Book+Basic', 'Geo', 'Geostar', 'Geostar+Fill', 'Germania+One', 'Give+You+Glory', 'Glass+Antiqua', 'Glegoo', 'Gloria+Hallelujah', 'Goblin+One', 'Gochi+Hand', 'Gorditas', 'Goudy+Bookletter+1911', 'Graduate', 'Gravitas+One', 'Great+Vibes', 'Gruppo', 'Gudea', 'Habibi', 'Hammersmith+One', 'Handlee', 'Hanuman', 'Happy+Monkey', 'Henny+Penny', 'Herr+Von+Muellerhoff', 'Holtwood+One+SC', 'Homemade+Apple', 'Homenaje', 'IM+Fell+DW+Pica', 'IM+Fell+DW+Pica+SC', 'IM+Fell+Double+Pica', 'IM+Fell+Double+Pica+SC', 'IM+Fell+English', 'IM+Fell+English+SC', 'IM+Fell+French+Canon', 'IM+Fell+French+Canon+SC', 'IM+Fell+Great+Primer', 'IM+Fell+Great+Primer+SC', 'Iceberg', 'Iceland', 'Imprima', 'Inconsolata', 'Inder', 'Indie+Flower', 'Inika', 'Irish+Grover', 'Istok+Web', 'Italiana', 'Italianno', 'Jim+Nightshade', 'Jockey+One', 'Jolly+Lodger', 'Josefin+Sans', 'Josefin+Slab', 'Judson', 'Julee', 'Junge', 'Jura', 'Just+Another+Hand', 'Just+Me+Again+Down+Here', 'Kameron', 'Karla', 'Kaushan+Script', 'Kelly+Slab', 'Kenia', 'Khmer', 'Knewave', 'Kotta+One', 'Koulen', 'Kranky', 'Kreon', 'Kristi', 'Krona+One', 'La+Belle+Aurore', 'Lancelot', 'Lato', 'League+Script', 'Leckerli+One', 'Ledger', 'Lekton', 'Lemon', 'Life+Savers', 'Lilita+One', 'Limelight', 'Linden+Hill', 'Lobster', 'Lobster+Two', 'Londrina+Outline', 'Londrina+Shadow', 'Londrina+Sketch', 'Londrina+Solid', 'Lora', 'Love+Ya+Like+A+Sister', 'Loved+by+the+King', 'Lovers+Quarrel', 'Luckiest+Guy', 'Lusitana', 'Lustria', 'Macondo', 'Macondo+Swash+Caps', 'Magra', 'Maiden+Orange', 'Mako', 'Marck+Script', 'Marko+One', 'Marmelad', 'Marvel', 'Mate', 'Mate+SC', 'Maven+Pro', 'McLaren', 'Meddon', 'MedievalSharp', 'Medula+One', 'Megrim', 'Merienda+One', 'Merriweather', 'Metal', 'Metal+Mania', 'Metamorphous', 'Metrophobic', 'Michroma', 'Miltonian', 'Miltonian+Tattoo', 'Miniver', 'Miss+Fajardose', 'Modern+Antiqua', 'Molengo', 'Monofett', 'Monoton', 'Monsieur+La+Doulaise', 'Montaga', 'Montez', 'Montserrat', 'Moul', 'Moulpali', 'Mountains+of+Christmas', 'Mr+Bedfort', 'Mr+Dafoe', 'Mr+De+Haviland', 'Mrs+Saint+Delafield', 'Mrs+Sheppards', 'Muli', 'Mystery+Quest', 'Neucha', 'Neuton', 'News+Cycle', 'Niconne', 'Nixie+One', 'Nobile', 'Nokora', 'Norican', 'Nosifer', 'Nothing+You+Could+Do', 'Noticia+Text', 'Nova+Cut', 'Nova+Flat', 'Nova+Mono', 'Nova+Oval', 'Nova+Round', 'Nova+Script', 'Nova+Slim', 'Nova+Square', 'Numans', 'Nunito', 'Odor+Mean+Chey', 'Offside', 'Old+Standard+TT', 'Oldenburg', 'Oleo+Script', 'Open+Sans', 'Open+Sans+Condensed', 'Orbitron', 'Oregano', 'Original+Surfer', 'Oswald', 'Over+the+Rainbow', 'Overlock', 'Overlock+SC', 'Ovo', 'Oxygen', 'PT+Mono', 'PT+Sans', 'PT+Sans+Caption', 'PT+Sans+Narrow', 'PT+Serif', 'PT+Serif+Caption', 'Pacifico', 'Parisienne', 'Passero+One', 'Passion+One', 'Patrick+Hand', 'Patua+One', 'Paytone+One', 'Peralta', 'Permanent+Marker', 'Petrona', 'Philosopher', 'Piedra', 'Pinyon+Script', 'Plaster', 'Play', 'Playball', 'Playfair+Display', 'Podkova', 'Poiret+One', 'Poller+One', 'Poly', 'Pompiere', 'Pontano+Sans', 'Port+Lligat+Sans', 'Port+Lligat+Slab', 'Prata', 'Preahvihear', 'Press+Start+2P', 'Princess+Sofia', 'Prociono', 'Prosto+One', 'Puritan', 'Quando', 'Quantico', 'Quattrocento', 'Quattrocento+Sans', 'Questrial', 'Quicksand', 'Qwigley', 'Racing+Sans+One', 'Radley', 'Raleway', 'Rammetto+One', 'Rancho', 'Rationale', 'Redressed', 'Reenie+Beanie', 'Revalia', 'Ribeye', 'Ribeye+Marrow', 'Righteous', 'Roboto', 'Rochester', 'Rock+Salt', 'Rokkitt', 'Romanesco', 'Ropa+Sans', 'Rosario', 'Rosarivo', 'Rouge+Script', 'Ruda', 'Ruge+Boogie', 'Ruluko', 'Ruslan+Display', 'Russo+One', 'Ruthie', 'Sail', 'Salsa', 'Sancreek', 'Sansita+One', 'Sarina', 'Satisfy', 'Schoolbell', 'Seaweed+Script', 'Sevillana', 'Shadows+Into+Light', 'Shadows+Into+Light+Two', 'Shanti', 'Share', 'Shojumaru', 'Short+Stack', 'Siemreap', 'Sigmar+One', 'Signika', 'Signika+Negative', 'Simonetta', 'Sirin+Stencil', 'Six+Caps', 'Slackey', 'Smokum', 'Smythe', 'Sniglet', 'Snippet', 'Sofia', 'Sonsie+One', 'Sorts+Mill+Goudy', 'Source+Sans+Pro', 'Special+Elite', 'Spicy+Rice', 'Spinnaker', 'Spirax', 'Squada+One', 'Stardos+Stencil', 'Stint+Ultra+Condensed', 'Stint+Ultra+Expanded', 'Stoke', 'Sue+Ellen+Francisco', 'Sunshiney', 'Supermercado+One', 'Suwannaphum', 'Swanky+and+Moo+Moo', 'Syncopate', 'Tangerine', 'Taprom', 'Telex', 'Tenor+Sans', 'The+Girl+Next+Door', 'Tienne', 'Tinos', 'Titan+One', 'Trade+Winds', 'Trocchi', 'Trochut', 'Trykker', 'Tulpen+One', 'Ubuntu', 'Ubuntu+Condensed', 'Ubuntu+Mono', 'Ultra', 'Uncial+Antiqua', 'UnifrakturCook', 'UnifrakturMaguntia', 'Unkempt', 'Unlock', 'Unna', 'VT323', 'Varela', 'Varela+Round', 'Vast+Shadow', 'Vibur', 'Vidaloka', 'Viga', 'Voces', 'Volkhov', 'Vollkorn', 'Voltaire', 'Waiting+for+the+Sunrise', 'Wallpoet', 'Walter+Turncoat', 'Wellfleet', 'Wire+One', 'Yanone+Kaffeesatz', 'Yellowtail', 'Yeseva+One', 'Yesteryear', 'Zeyada');
$google_font = str_replace('+', ' ', $google_font);
?>
<script type="text/javascript"
src="<?php
echo WP_THEME_URL;
?>
/inc/js/jscolor/jscolor.js"></script>
<div class="wrap">
<style type="text/css">
.mn a {
display: block;
width: 200px;
font-size: 12px;
text-shadow: 1px 1px #000;
font-weight: bold;
background-color: #111;
height: 48px;
line-height: 48px;
border-bottom: 1px solid #222;
padding-left: 20px;
color: #fff;
}
.sel {
text-shadow: 1px 1px #111 !important;
color: #fff !important;
border-bottom: 1px solid #ff3737!important;
background-color: #ea2b2b !important;
}
.mn a:hover {
cursor: pointer;
text-shadow: 1px 1px #FFF !important;
color: #111 !important;
background-color: #fff !important;
border-bottom: 1px solid #ccc !important;
}
.mn {
border: 1px solid #dfdfdf;
width: 220px;
position: absolute;
z-index: 2;
}
input.btn {
padding: 8px !important;
padding-left: 20px !important;
padding-right: 20px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.pd5 {
padding: 5px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
border-top: 1px solid #e7e7e7;
}
hr {
border: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #e7e7e7;
}
.pd5 label {
width: 184px;
display: inline-block;
vertical-align: top;
padding-top: 5px;
}
.sele {
border: 2px solid #333;
padding: 2px;
}
pre {
padding: 10px;
background: #f4f4f4;
color: #333;
border: 1px solid #f1f1f1;
overflow: auto;
overflow-y: hidden;
font-size: 11px;
}
.postbox {
background: #FFF !important;
min-height: 595px;
}
.cblogo {
position: absolute;
right: 0;
top: -10px;
width: 113px;
height: 74px;
}
.mn a i {
font-size: 20px;
padding-right: 2px;
width: 30px;
display: inline-block;
vertical-align: middle;
}
</style>
<h2 style="text-transform: uppercase; color: #000;">
GE Trends Theme Dashboard <a href="http://cb-theme.com"
target="_blank"><img src="http://cb-theme.com/logo.png"
alt="cb-theme wordpress themes" class="cblogo" width="113"
height="74" /> </a>
</h2>
<div class="cl"></div>
<div style="float: left; width: 221px; padding-top: 10px;">
<div style="float: left; width: 30%;">
<div class="mn">
<a id="general" class="sel"><i class="icon-dashboard"></i> <?php
_e('General Settings', 'cb-getrends');
?>
</a> <a id="homepage"><i class="icon-home"></i> <?php
_e('Homepage', 'cb-getrends');
?>
</a> <a id="styles"><i class="icon-picture"></i> <?php
_e('Styles', 'cb-getrends');
?>
</a> <a id="headermenu"><i class="icon-random"></i> <?php
_e('Headers and Menu', 'cb-getrends');
?>
</a> <a id="sidebars"><i class="icon-exchange"></i> <?php
_e('Sidebars', 'cb-getrends');
?>
</a> <a id="slider"><i class="icon-desktop"></i> <?php
_e('Slider', 'cb-getrends');
?>
</a> <a id="slider2"><i class="icon-camera"></i> <?php
_e('Fullscreen Slider', 'cb-getrends');
?>
</a> <a id="top-icons" style="display: none;"><i class="icon-beaker"></i>
<?php
_e('Top Icons', 'cb-getrends');
?>
</a> <a id="recaptcha"
style="display: none;"><i class="icon-lock"></i> <?php
_e('reCaptcha', 'cb-getrends');
?>
</a>
<?php
if (in_array('woocommerce/woocommerce.php', apply_filters('active_plugins', get_option('active_plugins')))) {
?>
<a id="wooshop"><i class="icon-cogs"></i> <?php
_e('WooCommerce', 'cb-getrends');
?>
</a><?php
}
?>
<a id="shortcodes" style="display: none;"><i class="icon-tags"></i>
<?php
_e('Shortcodes', 'cb-getrends');
?>
</a> <a id="democ"><i
class="icon-magic"></i> <?php
_e('Demo Content', 'cb-getrends');
?>
</a> <a id="general"
href="../wp-content/themes/cb-getrends/docs/documentation.html"
style="text-decoration: none;" target="_blank"><i class="icon-cogs"></i>
<?php
_e('Help and Credits', 'cb-getrends');
?>
</a>
</div>
</div>
</br>
<?php
if (isset($_POST["update_settings"])) {
$upload_logo = get_option('cb4_upload_logo');
$upload_bg = get_option('cb4_upload_bg');
$middle_backgroundi = get_option('cb4_middle_backgroundi');
$favi = get_option('cb4_favi');
?>
<div id="message" class="updated" style="padding: 30px;">
<?php
_e('Settings saved', 'cb-getrends');
?>
</div>
<script type="text/javascript">
jQuery('#message').delay(5000).fadeOut();
</script>
<?php
}
?>
</div>
<div style="float: left; width: 70%;">
<div id="poststuff" class="metabox-holder">
<div class="postbox"
style="-webkit-border-top-left-radius: 0px; border-top-left-radius: 0px !important;">
<div class="inside">
<form method="POST" action="" enctype="multipart/form-data"
id="cb_setts">
<div id="saved"
style="position: fixed; top: 23px; left: 0; right: 0; height: 100%; display: none; z-index: 999999; text-align: center; vertical-align: middle;"></div>
<!-- GENERAL SECTION START -->
<div class="general">
<div class="pd5" style="border-top: none;">
<label for="upload_logo"><?php
_e('Logo', 'cb-getrends');
?>
</label>
<input id="upload_logo" type="text" size="36" name="upload_logo"
class="upurl input-upload" value="<?php
echo $upload_logo;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="Upload Logo" /><br /> <br />
<?php
_e('Enter an URL or upload logo', 'cb-getrends');
?>
.
<?php
if ($upload_logo != '') {
require_once get_template_directory() . '/BFI_Thumb.php';
echo '</br></br><div>Current logo: <a href="' . $upload_logo . '" target="_blank"><img class="sele" src="' . bfi_thumb($upload_logo, array('width' => 145, 'crop' => true)) . '" align="absmiddle" alt="logo" style="background:#111;-moz-border-radius:3px;webkit-border-radius:3px;border-radius:3px;"/></a></div></br>';
}
?>
</div>
<input type="hidden" name="bg_old"
value="<?php
echo $upload_bg;
?>
" /><input type="hidden"
name="bg_oldi" value="<?php
echo $middle_backgroundi;
?>
" />
<div class="pd5">
<label for="show_logo_text"><?php
_e('Show only text logo', 'cb-getrends');
?>
?</label>
<select name="show_logo_text" id="show_logo_text"><option
value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($show_logo_text == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select> (
<?php
_e('Disable image logo', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="logo_text"><?php
_e('Logo Text', 'cb-getrends');
?>
</label> <input type="text" name="logo_text" id="logo_text"
value="<?php
echo $logo_text;
?>
" />
</div>
<div class="pd5">
<label for="logomt"><?php
_e('Logo Height', 'cb-getrends');
?>
</label> <input type="text" name="logomt" id="logomt"
value="<?php
echo $logomt;
?>
" />
</div>
<div class="pd5">
<label for="logo_f"><?php
_e('Logo Font Family - Google', 'cb-getrends');
?>
</label> <select name="logo_f" id="logo_f">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($logo_f == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select>
</div>
<div class="pd5">
<label for="logo_font"><?php
_e('Logo Font Size', 'cb-getrends');
?>
</label> <input type="text" name="logo_font" id="logo_font"
value="<?php
echo $logo_font;
?>
" /> (
<?php
_e('only numbers and px like 32px', 'cb-getrends');
?>
)
</div>
<div class="pd5" style="display: none;">
<label for="logo_slogan"><?php
_e('Logo Slogan', 'cb-getrends');
?>
</label> <input type="text" name="logo_slogan" id="logo_slogan"
value="<?php
echo $logo_slogan;
?>
" style="width: 250px" />
</div>
<div class="pd5">
<label for="favi"><?php
_e('Favicon upload', 'cb-getrends');
?>
</label> <input id="favi" type="text" size="36" name="favi"
class="upurl input-upload" value="<?php
echo $favi;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="<?php
_e('Upload Favicon', 'cb-getrends');
?>
" /><br />
<br />
<?php
_e('Enter an URL or upload favicon.', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="show_bread"><?php
_e('Show breadcrumbs', 'cb-getrends');
?>
?</label>
<select name="show_bread" id="show_bread"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($show_bread == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="show_footer"><?php
_e('Show wordpress footer', 'cb-getrends');
?>
</label> <select name="show_footer" id="show_footer"><option
value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($show_footer == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> (
<?php
_e('proudly powered by Wordpress', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="wayp"><?php
_e('Fade blocks', 'cb-getrends');
?>
?</label>
<select name="wayp" id="wayp"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($wayp == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> (
<?php
_e('fade in elements on scroll', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="show_comments"><?php
_e('Show comments', 'cb-getrends');
?>
</label> <select name="show_comments" id="show_comments"><option
value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($show_comments == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="show_midb"><?php
_e('Show Middlebar Widget on', 'cb-getrends');
?>
:</label>
<select name="show_midb" id="show_midb"><option value="home">
<?php
_e('home', 'cb-getrends');
?>
</option>
<option value="everywhere"
<?php
if ($show_midb == 'everywhere') {
?>
selected <?php
}
?>
>
<?php
_e('everywhere', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="google_analytics"><?php
_e('Google Analytics ID', 'cb-getrends');
?>
</label> <input type="text" name="google_analytics"
id="google_analytics" value="<?php
echo $google_analytics;
?>
" />
(
<?php
_e('Only ID', 'cb-getrends');
?>
: UA-...)
</div>
<div class="pd5">
<label for="not_error"><?php
_e('Not found page title', 'cb-getrends');
?>
</label> <input type="text" name="not_error" id="not_error"
value="<?php
echo $not_error;
?>
" style="width: 250px" />
</div>
<div class="pd5">
<label for="not_desc"><?php
_e('Not found page desc', 'cb-getrends');
?>
</label><br />
<textarea name="not_desc" id="not_desc"
style="width: 250px; height: 100px;" />
<?php
echo $not_desc;
?>
</textarea>
</div>
<div class="pd5">
<label for="meta_description"><?php
_e('Blog meta description', 'cb-getrends');
?>
</label><br />
<textarea name="meta_description" id="meta_description"
style="width: 250px; height: 50px;" />
<?php
echo $meta_description;
?>
</textarea>
</div>
<div class="pd5">
<label for="meta_keywords"><?php
_e('Blog meta keywords', 'cb-getrends');
?>
</label><br />
<textarea name="meta_keywords" id="meta_keywords"
style="width: 250px; height: 50px;" />
<?php
echo $meta_keywords;
?>
</textarea>
</div>
<div class="pd5">
<label for="post_details"><?php
_e('Show post details', 'cb-getrends');
?>
?</label>
<select name="post_details" id="post_details"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($post_details == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="disable_pp"><?php
_e('Disable prettyPhoto', 'cb-getrends');
?>
?</label>
<select name="disable_pp" id="disable_pp"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($disable_pp == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="admin_theme"><?php
_e('Show under construction page', 'cb-getrends');
?>
?</label>
<select name="under" id="under"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($under == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="scroll"><?php
_e('Show scroll to top button', 'cb-getrends');
?>
?</label>
<select name="scroll" id="scroll"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($scroll == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="usescroll"><?php
_e('Use custom scrollbar', 'cb-getrends');
?>
?</label>
<select name="usescroll" id="usescroll"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($usescroll == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="social_fb"><?php
_e('Facebook Link', 'cb-getrends');
?>
</label> <input type="text" name="social_fb" id="social_fb"
style="width: 250px;" value="<?php
echo $social_fb;
?>
" />
</div>
<div class="pd5">
<label for="social_tw"><?php
_e('Twitter Link', 'cb-getrends');
?>
</label> <input type="text" name="social_tw" id="social_tw"
style="width: 250px;" value="<?php
echo $social_tw;
?>
" />
</div>
<div class="pd5">
<label for="social_in"><?php
_e('LinkedIn Link', 'cb-getrends');
?>
</label> <input type="text" name="social_in" id="social_in"
style="width: 250px;" value="<?php
echo $social_in;
?>
" />
</div>
<div class="pd5">
<label for="social_yt"><?php
_e('YouTube Link', 'cb-getrends');
?>
</label> <input type="text" name="social_yt" id="social_yt"
style="width: 250px;" value="<?php
echo $social_yt;
?>
" />
</div>
<div class="pd5">
<label for="social_vi"><?php
_e('Vimeo Link', 'cb-getrends');
?>
</label> <input type="text" name="social_vi" id="social_vi"
style="width: 250px;" value="<?php
echo $social_vi;
?>
" />
</div>
<div class="pd5">
<label for="social_rss"><?php
_e('RSS', 'cb-getrends');
?>
</label>
<input type="text" name="social_rss" id="social_rss"
style="width: 250px;" value="<?php
echo $social_rss;
?>
" />
</div>
<div class="pd5" style="display: none;">
<label for="hide_top"><?php
_e('Hide top Social bar', 'cb-getrends');
?>
?</label>
<select name="hide_top" id="hide_top"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($hide_top == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="social_foot"><?php
_e('Show social icons in footer', 'cb-getrends');
?>
?</label>
<select name="social_foot" id="social_foot"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($social_foot == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
</div>
<!-- ## GENERAL SECTION END ## -->
<!-- HEADERS AND MENU SECTION START -->
<div class="headermenu">
<div class="pd5" style="border-top: none;">
<label for="mheadertype"><?php
_e('Header Type', 'cb-getrends');
?>
</label> <select name="mheadertype" id="mheadertype"><option
value="default">
<?php
_e('left and right, logo center- default', 'cb-getrends');
?>
</option>
<option value="right" <?php
if ($mheadertype == 'right') {
?>
selected <?php
}
?>
>
<?php
_e('left logo, menu right', 'cb-getrends');
?>
</option>
</select>
</div>
<h4>Setting icons in Menu</h4>
1. If you want to add custom icon to your menu copy icon name
from <a
href="../wp-content/themes/cb-GE Trends/docs/cb_documentation.html#icons"
target="_blank">here</a><br /> 2. Go to Wordpress DA->
Appearance-> Menus.<br /> 3. Select your menu and click Screen
Options on the top right.<br /> 4. Click CSS checkbox.<br /> 5.
Now when you click little triangle on the right of your menu item
you will see CSS Classes input field.<br /> 6. Paste your icon
name into CSS Classes input field. (for example: "icon-anchor")<br />
7. Save<br /> <br /> You can control icon size by adding "small"
or "big" to css class. <br /> For example it will look like this:
<pre>icon-anchor big</pre>
<br />
<div class="pd5" style="border-top: none;">
<label for="showtopwidget"><?php
_e('Show top widget on home', 'cb-getrends');
?>
?</label>
<select name="showtopwidget" id="showtopwidget"><option
value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($showtopwidget == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="border-top: none;">
<label for="showmenusearch"><?php
_e('Show menu search icon', 'cb-getrends');
?>
?</label>
<select name="showmenusearch" id="showmenusearch"><option
value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($showmenusearch == 'yes') {
?>
selected <?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="headertransparent"><?php
_e('Transparent header', 'cb-getrends');
?>
?</label>
<select name="headertransparent" id="headertransparent"><option
value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($headertransparent == 'no') {
?>
selected <?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="slidertoptint"><?php
_e('Tint header title background', 'cb-getrends');
?>
?</label>
<select name="slidertoptint" id="slidertoptint"><option
value="blight">
<?php
_e('black light', 'cb-getrends');
?>
</option>
<option value="bdark" <?php
if ($slidertoptint == 'bdark') {
?>
selected <?php
}
?>
>
<?php
_e('black dark', 'cb-getrends');
?>
</option>
<option value="wlight" <?php
if ($slidertoptint == 'wlight') {
?>
selected <?php
}
?>
>
<?php
_e('white light', 'cb-getrends');
?>
</option>
<option value="wdark" <?php
if ($slidertoptint == 'wdark') {
?>
selected <?php
}
?>
>
<?php
_e('white dark', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($slidertoptint == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
</div>
<!-- ## HEADER AND MENU SECTION END ## -->
<!--WOOCOMMERCE SECTION START-->
<div class="wooshop">
<div class="pd5" style="border-top: none;">
<label for="sidebar_shop"><?php
_e('WooCommerce Sidebar Column', 'cb-getrends');
?>
</label> <select name="sidebar_shop" id="sidebar_shop"><option
value="right">
<?php
_e('right', 'cb-getrends');
?>
</option>
<option value="left" <?php
if ($sidebar_shop == 'left') {
?>
selected <?php
}
?>
>
<?php
_e('left', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="sidebar_shop"><?php
_e('Products per page', 'cb-getrends');
?>
</label> <input name="woo_per_page" id="woo_per_page"
type="text" value="<?php
echo $woo_per_page;
?>
">
</div>
<div class="pd5">
<label for="woo_cols"><?php
_e('Number of columns', 'cb-getrends');
?>
</label> <input name="woo_cols" id="woo_cols" type="text"
value="<?php
echo $woo_cols;
?>
">
</div>
<small>Don't forget to adjust thumbnail sizes in WooCommerce
Settings page.</small>
<div class="pd5">
<label for="woo_related_c"><?php
_e('Related Columns', 'cb-getrends');
?>
</label> <input name="woo_related_c" id="woo_related_c"
type="text" value="<?php
echo $woo_related_c;
?>
">
</div>
<div class="pd5">
<label for="woo_related_n"><?php
_e('Related Products Number', 'cb-getrends');
?>
</label> <input name="woo_related_n" id="woo_related_n"
type="text" value="<?php
echo $woo_related_n;
?>
">
</div>
</div>
<!--WOOCOMMERCE SECTION END ##-->
<!-- RECAPTCHA SECTION START-->
<div class="recaptcha">
<div class="pd5" style="border-top: none;">
<label for="r_use"><?php
_e('Use reCAPTCHA', 'cb-getrends');
?>
?</label>
<select name="r_use" id="r_use"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($r_use == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
<div>
<?php
_e('Get reCAPTCHA keys from', 'cb-getrends');
?>
<a href="http://www.google.com/recaptcha" target="_blank"><?php
_e('here', 'cb-getrends');
?>
</a>
</div>
</div>
<div class="pd5">
<label for="r_public"><?php
_e('reCAPTCHA public key', 'cb-getrends');
?>
</label> <input type="text" name="r_public" id="r_public"
style="width: 250px;" value="<?php
echo $r_public;
?>
" />
</div>
<div class="pd5">
<label for="r_private"><?php
_e('reCAPTCHA private key', 'cb-getrends');
?>
</label> <input type="text" name="r_private" id="r_private"
style="width: 250px;" value="<?php
echo $r_private;
?>
" />
</div>
<div class="pd5">
<label for="r_template"><?php
_e('reCAPTCHA template', 'cb-getrends');
?>
</label> <select name="r_template" id="r_template"><option
value="white">white</option>
<option value="red" <?php
if ($r_template == 'red') {
?>
selected
<?php
}
?>
>red</option>
<option value="clean" <?php
if ($r_template == 'clean') {
?>
selected <?php
}
?>
>clean</option>
<option value="blackglass"
<?php
if ($r_template == 'blackglass') {
?>
selected <?php
}
?>
>blackglass</option>
</select>
</div>
</div>
<!-- ## RECAPTCHA SECTION END ##-->
<!-- HOMEPAGE SECTION START ##-->
<div class="homepage">
<b>Use this only if you did not set up home to a single page in
Wordpress Settings -> Reading</b><br /> <br />
<div class="pd5" style="border-top: none;">
<label for="home_template"><?php
_e('Home Layout', 'cb-getrends');
?>
</label> <select name="home_template" id="home_template"><option
value="4" <?php
if ($home_template == '4') {
?>
selected <?php
}
?>
>
<?php
_e('4 Columns', 'cb-getrends');
?>
</option>
<option value="3" <?php
if ($home_template == '3') {
?>
selected
<?php
}
?>
>
<?php
_e('3 Columns', 'cb-getrends');
?>
</option>
<option value="2" <?php
if ($home_template == '2') {
?>
selected
<?php
}
?>
>
<?php
_e('2 Columns', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($home_template == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('1 Column', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="h_title"><?php
_e('Show title in posts with featured image', 'cb-getrends');
?>
?</label>
<select name="h_title" id="h_title"><option value="yes">yes</option>
<option value="no" <?php
if ($h_title == 'no') {
echo 'selected';
}
?>
>no</option>
</select>
</div>
<div class="pd5">
<label for="h_more"><?php
_e('Show short description and details in posts with featured image', 'cb-getrends');
?>
?</label>
<select name="h_more" id="h_more"><option value="yes">yes</option>
<option value="no" <?php
if ($h_more == 'no') {
echo 'selected';
}
?>
>no</option>
</select>
</div>
<div class="pd5">
<label for="home_number"><?php
_e('Home number of posts', 'cb-getrends');
?>
</label> <input type="text" name="home_number" id="home_number"
value="<?php
echo $home_number;
?>
" /> (
<?php
_e('numeric only', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="home_limit"><?php
_e('Post characters limit', 'cb-getrends');
?>
</label> <input type="text" name="home_limit" id="home_limit"
value="<?php
echo $home_limit;
?>
" /> (
<?php
_e('numeric only', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="home_cat"><?php
_e('Home posts category', 'cb-getrends');
?>
</label>
<?php
wp_dropdown_categories('show_count=0&hierarchical=1&hide_empty=0&name=home_cat&selected=' . $home_cat . '');
?>
</div>
<div class="pd5">
<label for="h_sid"><?php
_e('Sidebar', 'cb-getrends');
?>
</label>
<select name="h_sid" id="h_sid"><option value=""
<?php
if ($h_sid == '') {
echo " selected";
}
?>
>none</option>
<?php
global $wp_registered_sidebars;
$sidy = $wp_registered_sidebars;
if (is_array($sidy) && !empty($sidy)) {
foreach ($sidy as $side) {
if ($h_sid == $side['name']) {
echo "<option value='{$side['name']}' selected>{$side['name']}</option>\n";
} else {
echo "<option value='{$side['name']}'>{$side['name']}</option>\n";
}
}
}
?>
</select>
</div>
</div>
<!-- ## HOMEPAGE SECTION END ##-->
<!-- STYLES SECTION START-->
<div class="styles">
<div class="pd5" style="border-top: none;display:none;">
<label for="wid"><?php
_e('Layout', 'cb-getrends');
?>
</label>
<select name="wid" id="wid"><option value="full">
<?php
_e('full width', 'cb-getrends');
?>
</option>
<option value="fixed" <?php
if ($wid == 'fixed') {
?>
selected
<?php
}
?>
>
<?php
_e('boxed or fixed', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="border-top: none;">
<label for="fixed_top"><?php
_e('Floating Header area', 'cb-getrends');
?>
?</label>
<select name="fixed_top" id="fixed_top"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($fixed_top == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none !important;">
<label for="color_schema"><?php
_e('Color schema', 'cb-getrends');
?>
</label> <select name="color_schema" id="color_schema"><option
value="style.css">
<?php
_e('white', 'cb-getrends');
?>
</option>
<option value="black.css"
<?php
if ($color_schema == 'black.css') {
?>
selected <?php
}
?>
>
<?php
_e('black', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="color_style"><?php
_e('Color style', 'cb-getrends');
?>
</label> <select name="color_style" id="color_style"><option
value="">-----</option>
<option value="grey" <?php
if ($color_style == 'grey') {
?>
selected
<?php
}
?>
>grey</option>
<option value="blue" <?php
if ($color_style == 'blue') {
?>
selected
<?php
}
?>
>blue</option>
<option value="cocoa" <?php
if ($color_style == 'cocoa') {
?>
selected <?php
}
?>
>cocoa</option>
<option value="dark_brown"
<?php
if ($color_style == 'dark_brown') {
?>
selected <?php
}
?>
>dark
brown</option>
<option value="white_coffee"
<?php
if ($color_style == 'white_coffee') {
?>
selected <?php
}
?>
>white
coffee</option>
<option value="brown_coffee"
<?php
if ($color_style == 'brown_coffee') {
?>
selected <?php
}
?>
>brown
coffee</option>
<option value="magenta" <?php
if ($color_style == 'magenta') {
?>
selected <?php
}
?>
>magenta</option>
<option value="bordo" <?php
if ($color_style == 'bordo') {
?>
selected <?php
}
?>
>bordo</option>
<option value="orange" <?php
if ($color_style == 'orange') {
?>
selected <?php
}
?>
>orange</option>
<option value="green" <?php
if ($color_style == 'green') {
?>
selected <?php
}
?>
>green</option>
<option value="green_lemon"
<?php
if ($color_style == 'green_lemon') {
?>
selected <?php
}
?>
>green
lemon</option>
<option value="paradise" <?php
if ($color_style == 'paradise') {
?>
selected <?php
}
?>
>paradise</option>
<option value="violet" <?php
if ($color_style == 'violet') {
?>
selected <?php
}
?>
>violet</option>
<option value="purple_pink"
<?php
if ($color_style == 'purple_pink') {
?>
selected <?php
}
?>
>purple
pink</option>
<option value="raspberry_pink"
<?php
if ($color_style == 'raspberry_pink') {
?>
selected
<?php
}
?>
>raspberry pink</option>
<option value="barbie_pink"
<?php
if ($color_style == 'barbie_pink') {
?>
selected <?php
}
?>
>barbie
pink</option>
</select>
</div>
<div class="pd5">
<label for="stripes_bg_schema"><?php
_e('Background Pattern', 'cb-getrends');
?>
<input type="hidden" name="stripes_bg_schema" value="<?php
echo $stripes_bg_schema;
?>
" id="stripes_bg_schema_val">
</label> <select name="stripes_bg_schema" id="stripes_bg_schema">
<option value="" <?php
if ($stripes_bg_schema == '') {
?>
selected
<?php
}
?>
>-----</option>
<option value="g.jpg" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/g.jpg', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'g.jpg') {
?>
selected <?php
}
?>
>
<?php
_e('Ge Trends', 'cb-getrends');
?>
</option>
<option value="w.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w.png') {
?>
selected <?php
}
?>
>
<?php
_e('White', 'cb-getrends');
?>
</option>
<option value="bg0.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/bg0.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'bg0.png') {
?>
selected <?php
}
?>
>
<?php
_e('Beige Noise', 'cb-getrends');
?>
</option>
<option value="w1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w1.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 1', 'cb-getrends');
?>
</option>
<option value="w2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w2.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 2', 'cb-getrends');
?>
</option>
<option value="w3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w3.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 3', 'cb-getrends');
?>
</option>
<option value="w4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w4.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 4', 'cb-getrends');
?>
</option>
<option value="w5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w5.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 5', 'cb-getrends');
?>
</option>
<option value="w6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 6', 'cb-getrends');
?>
</option>
<option value="w7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w7.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 7', 'cb-getrends');
?>
</option>
<option value="w8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w8.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 8', 'cb-getrends');
?>
</option>
<option value="w9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w9.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 9', 'cb-getrends');
?>
</option>
<option value="w10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w10.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 10', 'cb-getrends');
?>
</option>
<option value="w11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w11.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 11', 'cb-getrends');
?>
</option>
<option value="w12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w12.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 12', 'cb-getrends');
?>
</option>
<option value="w13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w13.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 13', 'cb-getrends');
?>
</option>
<option value="w14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w14.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 14', 'cb-getrends');
?>
</option>
<option value="w15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w15.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 15', 'cb-getrends');
?>
</option>
<option value="w16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w16.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 16', 'cb-getrends');
?>
</option>
<option value="w17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w17.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 17', 'cb-getrends');
?>
</option>
<option value="w18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w18.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 18', 'cb-getrends');
?>
</option>
<option value="b1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b1.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 1', 'cb-getrends');
?>
</option>
<option value="b2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b2.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 2', 'cb-getrends');
?>
</option>
<option value="b3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b3.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 3', 'cb-getrends');
?>
</option>
<option value="b4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b4.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 4', 'cb-getrends');
?>
</option>
<option value="b5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b5.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 5', 'cb-getrends');
?>
</option>
<option value="b6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 6', 'cb-getrends');
?>
</option>
<option value="b7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b7.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 7', 'cb-getrends');
?>
</option>
<option value="b8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b8.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 8', 'cb-getrends');
?>
</option>
<option value="b9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b9.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 9', 'cb-getrends');
?>
</option>
<option value="b10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b10.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 10', 'cb-getrends');
?>
</option>
<option value="b11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b11.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 11', 'cb-getrends');
?>
</option>
<option value="b12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b12.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 12', 'cb-getrends');
?>
</option>
<option value="b13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b13.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 13', 'cb-getrends');
?>
</option>
<option value="b14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b14.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 14', 'cb-getrends');
?>
</option>
<option value="b15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b15.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 15', 'cb-getrends');
?>
</option>
<option value="b16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b16.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 16', 'cb-getrends');
?>
</option>
<option value="b17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b17.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 17', 'cb-getrends');
?>
</option>
<option value="b18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b18.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 18', 'cb-getrends');
?>
</option>
<option value="b19.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b19.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b19.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 19', 'cb-getrends');
?>
</option>
<option value="b20.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b20.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b20.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 20', 'cb-getrends');
?>
</option>
<option value="b21.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b21.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b21.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 21', 'cb-getrends');
?>
</option>
<option value="b22.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b22.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b22.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 22', 'cb-getrends');
?>
</option>
<option value="b23.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b23.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b23.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 23', 'cb-getrends');
?>
</option>
<option value="b24.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b24.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b24.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 24', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="stripes_bg_schema2"><?php
_e('Content Background Pattern', 'cb-getrends');
?>
<input type="hidden" name="stripes_bg_schema2" value="<?php
echo $stripes_bg_schema2;
?>
" id="stripes_bg_schema_val2">
</label> <select name="stripes_bg_schema2" id="stripes_bg_schema2">
<option value="" <?php
if ($stripes_bg_schema2 == '') {
?>
selected
<?php
}
?>
>-----</option>
<option value="g.jpg" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/g.jpg', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'g.jpg') {
?>
selected <?php
}
?>
>
<?php
_e('Ge Trends', 'cb-getrends');
?>
</option>
<option value="w.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'w.png') {
?>
selected <?php
}
?>
>
<?php
_e('White', 'cb-getrends');
?>
</option>
<option value="bg0.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/bg0.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'bg0.png') {
?>
selected <?php
}
?>
>
<?php
_e('Beige Noise', 'cb-getrends');
?>
</option>
<option value="w1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w1.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 1', 'cb-getrends');
?>
</option>
<option value="w2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w2.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 2', 'cb-getrends');
?>
</option>
<option value="w3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w3.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 3', 'cb-getrends');
?>
</option>
<option value="w4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w4.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 4', 'cb-getrends');
?>
</option>
<option value="w5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w5.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 5', 'cb-getrends');
?>
</option>
<option value="w6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 6', 'cb-getrends');
?>
</option>
<option value="w7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w7.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 7', 'cb-getrends');
?>
</option>
<option value="w8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w8.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 8', 'cb-getrends');
?>
</option>
<option value="w9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w9.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 9', 'cb-getrends');
?>
</option>
<option value="w10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w10.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 10', 'cb-getrends');
?>
</option>
<option value="w11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w11.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 11', 'cb-getrends');
?>
</option>
<option value="w12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w12.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 12', 'cb-getrends');
?>
</option>
<option value="w13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w13.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 13', 'cb-getrends');
?>
</option>
<option value="w14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w14.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 14', 'cb-getrends');
?>
</option>
<option value="w15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w15.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 15', 'cb-getrends');
?>
</option>
<option value="w16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w16.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 16', 'cb-getrends');
?>
</option>
<option value="w17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w17.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 17', 'cb-getrends');
?>
</option>
<option value="w18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/w18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w18.png') {
?>
selected <?php
}
?>
>
<?php
_e('White 18', 'cb-getrends');
?>
</option>
<option value="b1.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b1.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b1.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 1', 'cb-getrends');
?>
</option>
<option value="b2.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b2.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b2.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 2', 'cb-getrends');
?>
</option>
<option value="b3.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b3.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b3.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 3', 'cb-getrends');
?>
</option>
<option value="b4.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b4.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b4.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 4', 'cb-getrends');
?>
</option>
<option value="b5.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b5.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b5.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 5', 'cb-getrends');
?>
</option>
<option value="b6.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b6.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'w6.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 6', 'cb-getrends');
?>
</option>
<option value="b7.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b7.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b7.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 7', 'cb-getrends');
?>
</option>
<option value="b8.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b8.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b8.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 8', 'cb-getrends');
?>
</option>
<option value="b9.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b9.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b9.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 9', 'cb-getrends');
?>
</option>
<option value="b10.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b10.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b10.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 10', 'cb-getrends');
?>
</option>
<option value="b11.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b11.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b11.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 11', 'cb-getrends');
?>
</option>
<option value="b12.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b12.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b12.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 12', 'cb-getrends');
?>
</option>
<option value="b13.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b13.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b13.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 13', 'cb-getrends');
?>
</option>
<option value="b14.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b14.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema == 'b14.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 14', 'cb-getrends');
?>
</option>
<option value="b15.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b15.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b15.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 15', 'cb-getrends');
?>
</option>
<option value="b16.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b16.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b16.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 16', 'cb-getrends');
?>
</option>
<option value="b17.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b17.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b17.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 17', 'cb-getrends');
?>
</option>
<option value="b18.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b18.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b18.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 18', 'cb-getrends');
?>
</option>
<option value="b19.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b19.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b19.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 19', 'cb-getrends');
?>
</option>
<option value="b20.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b20.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b20.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 20', 'cb-getrends');
?>
</option>
<option value="b21.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b21.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b21.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 21', 'cb-getrends');
?>
</option>
<option value="b22.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b22.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b22.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 22', 'cb-getrends');
?>
</option>
<option value="b23.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b23.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b23.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 23', 'cb-getrends');
?>
</option>
<option value="b24.png" data-imagesrc="<?php
echo bfi_thumb(WP_THEME_URL . '/img/bg/b24.png', array('height' => '58', 'width' => '253', 'crop' => true));
?>
"
<?php
if ($stripes_bg_schema2 == 'b24.png') {
?>
selected <?php
}
?>
>
<?php
_e('Black 24', 'cb-getrends');
?>
</option>
</select>
</div>
<style>
.bg_o,.bg_a {
cursor: pointer;
width: 58px;
height: 40px;
margin: 0;
padding: 0;
float: left;
}
.bg_o {
border: 2px solid #f8f8f8;
}
.bg_a {
border: 2px solid #333;
}
.round {
border-radius: 3px;
webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.dd-options{
height:250px;
}
.dd-options li{
margin:0;
}
.dd-option,.dd-selected{
padding: 0;
}
.dd-selected{
width: 233px;
height:53px;
}
.dd-option-text{
display: none!important;
}
.dd-selected-text{
display: none!important;
}
.dd-option-image {
max-width: 253px!important;
}
.dd-selected-image{
max-width: 233px!important;
}
</style>
<div class="pd5">
<label for="upload_bg"><?php
_e('Your own background upload', 'cb-getrends');
?>
</label> <input id="upload_bg" type="text" size="36"
name="upload_bg" class="upurl input-upload"
value="<?php
echo $upload_bg;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="Upload Bg" /><br /> <br />
<?php
_e('Enter an URL or upload background image. This setting overrides predefined backgrounds.', 'cb-getrends');
?>
<?php
if ($upload_bg != '') {
require_once get_template_directory() . '/BFI_Thumb.php';
echo '</br></br><div>Current bg: <a href="' . $upload_bg . '" target="_blank"><img src="' . bfi_thumb($upload_bg, array('width' => 145, 'height' => 70, 'crop' => true)) . '" align="absmiddle" alt="logo" class="round" style="width:145px!important;height:70px!important;"/></a></div></br>';
}
?>
</div>
<?php
if ($upload_bg != '') {
?>
<div class="pd5" style="border-top: 0;">
<label for="remove_bg"><?php
_e('Remove background image', 'cb-getrends');
?>
?</label>
<select name="remove_bg" id="remove_bg"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<?php
}
?>
<div class="pd5">
<label for="bg_fixed"><?php
_e('Fixed position background', 'cb-getrends');
?>
?</label>
<select name="bg_fixed" id="bg_fixed"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($bg_fixed == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="bg_str"><?php
_e('Stretch background width', 'cb-getrends');
?>
?</label>
<select name="bg_str" id="bg_str"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($bg_str == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none !important;">
<label for="o_head"><?php
_e('Header bg visibilty', 'cb-getrends');
?>
</label> <select name="o_head" id="o_head">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_head == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_head == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
<?php
_e('Background visibilty', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="o_con"><?php
_e('Content bg visibilty', 'cb-getrends');
?>
</label> <select name="o_con" id="o_con">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_con == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_con == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="o_mid"><?php
_e('Middle widget bg visibilty', 'cb-getrends');
?>
</label> <select name="o_mid" id="o_mid">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_mid == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_mid == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="o_foot"><?php
_e('Footer bg visibilty', 'cb-getrends');
?>
</label> <select name="o_foot" id="o_foot">
<option value="visible">
<?php
_e('visible', 'cb-getrends');
?>
</option>
<option value="half" <?php
if ($o_foot == 'half') {
?>
selected
<?php
}
?>
>
<?php
_e('half visible', 'cb-getrends');
?>
</option>
<option value="not" <?php
if ($o_foot == 'not') {
?>
selected
<?php
}
?>
>
<?php
_e('not visible', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="bors"><?php
_e('Show borders', 'cb-getrends');
?>
?</label>
<select name="bors" id="bors">
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($bors == 'no') {
?>
selected <?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="bors_h"><?php
_e('Show header bottom border', 'cb-getrends');
?>
?</label>
<select name="bors_h" id="bors_h">
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($bors_h == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5" style="display: none;">
<label for="bors_f"><?php
_e('Show footer top border', 'cb-getrends');
?>
?</label>
<select name="bors_f" id="bors_f">
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($bors_f == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="font_family"><?php
_e('Font Family', 'cb-getrends');
?>
</label> <select name="font_family" id="font_family">
<option value="Arial" <?php
if ($font_family == 'Arial') {
?>
selected <?php
}
?>
>Arial</option>
<option value="Tahoma" <?php
if ($font_family == 'Tahoma<') {
?>
selected <?php
}
?>
>Tahoma</option>
<option value="Verdana" <?php
if ($font_family == 'Verdana') {
?>
selected <?php
}
?>
>Verdana</option>
<option value="Trebuchet Ms"
<?php
if ($font_family == 'Trebuchet Ms') {
?>
selected <?php
}
?>
>Trebuchet
Ms</option>
<option value="Times New Roman"
<?php
if ($font_family == 'Times New Roman') {
?>
selected
<?php
}
?>
>Times New Roman</option>
<option value="Georgia" <?php
if ($font_family == 'Georgia') {
?>
selected <?php
}
?>
>Georgia</option>
</select>
</div>
<div class="pd5">
<label for="font_family_google"><?php
_e('Font Family Google', 'cb-getrends');
?>
</label> <select name="font_family_google"
id="font_family_google">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="headings_up"><?php
_e('Headings Transform', 'cb-getrends');
?>
</label> <select name="headings_up" id="headings_up">
<option value="normal" <?php
if ($headings_up == 'uppercase') {
?>
selected <?php
}
?>
>normal</option>
<option value="uppercase"
<?php
if ($headings_up == 'uppercase') {
?>
selected <?php
}
?>
>uppercase</option>
</select>
</div>
<div class="pd5">
<label for="headings_upw"><?php
_e('Headings Font Weight', 'cb-getrends');
?>
</label> <select name="headings_upw" id="headings_upw">
<option value="300" <?php
if ($headings_upw == '300') {
?>
selected
<?php
}
?>
>light</option>
<option value="normal" <?php
if ($headings_upw == 'normal') {
?>
selected <?php
}
?>
>normal</option>
<option value="bold" <?php
if ($headings_upw == 'bold') {
?>
selected <?php
}
?>
>semi-bold</option>
<option value="bolder" <?php
if ($headings_upw == 'bolder') {
?>
selected <?php
}
?>
>bold</option>
</select>
</div>
<div class="pd5">
<label for="headings_upw_t"><?php
_e('Title Headings Font Weight', 'cb-getrends');
?>
</label> <select name="headings_upw_t" id="headings_upw_t">
<option value="300" <?php
if ($headings_upw_t == '300') {
?>
selected <?php
}
?>
>light</option>
<option value="normal" <?php
if ($headings_upw_t == 'normal') {
?>
selected <?php
}
?>
>normal</option>
<option value="bold" <?php
if ($headings_upw_t == 'bold') {
?>
selected <?php
}
?>
>semi-bold</option>
<option value="bolder" <?php
if ($headings_upw_t == 'bolder') {
?>
selected <?php
}
?>
>bold</option>
</select>
</div>
<div class="pd5">
<label for="font_family_head"><?php
_e('Headings Font Family', 'cb-getrends');
?>
</label> <select name="font_family_head" id="font_family_head">
<option value="Arial" <?php
if ($font_family_head == 'Arial') {
?>
selected <?php
}
?>
>Arial</option>
<option value="Tahoma" <?php
if ($font_family_head == 'Tahoma') {
?>
selected <?php
}
?>
>Tahoma</option>
<option value="Verdana"
<?php
if ($font_family_head == 'Verdana') {
?>
selected <?php
}
?>
>Verdana</option>
<option value="Trebuchet Ms"
<?php
if ($font_family_head == 'Trebuchet Ms') {
?>
selected
<?php
}
?>
>Trebuchet Ms</option>
<option value="Times New Roman"
<?php
if ($font_family_head == 'Times New Roman') {
?>
selected
<?php
}
?>
>Times New Roman</option>
<option value="Georgia"
<?php
if ($font_family_head == 'Georgia') {
?>
selected <?php
}
?>
>Georgia</option>
</select>
</div>
<div class="pd5">
<label for="font_family_google_head"><?php
_e('Headings Font Family Google', 'cb-getrends');
?>
</label> <select name="font_family_google_head"
id="font_family_google_head">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google_head == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="font_family_google_head_title"><?php
_e('Title Heading Font Family - Google', 'cb-getrends');
?>
</label> <select name="font_family_google_head_title"
id="font_family_google_head_title">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google_head_title == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="font_family_google_head_title2"><?php
_e('Title 2 Heading Font Family Google', 'cb-getrends');
?>
</label> <select name="font_family_google_head_title2"
id="font_family_google_head_title2">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($font_family_google_head_title2 == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select> (
<?php
_e('Optional', 'cb-getrends');
?>
<a href="http://www.google.com/webfonts" target="_blank"><?php
_e('fonts from Google', 'cb-getrends');
?>
</a>)<br />
<br />
<?php
_e('Google font will override general font', 'cb-getrends');
?>
.
</div>
<div class="pd5">
<label for="bodyfs"><?php
_e('Body font size', 'cb-getrends');
?>
</label> <input type="text" name="bodyfs" id="bodyfs"
value="<?php
echo $bodyfs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h1fs"><?php
_e('Heading 1 font size', 'cb-getrends');
?>
</label> <input type="text" name="h1fs" id="h1fs"
value="<?php
echo $h1fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h1fts"><?php
_e('Title Heading font size', 'cb-getrends');
?>
</label> <input type="text" name="h1fts" id="h1fts"
value="<?php
echo $h1fts;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h2fs"><?php
_e('Heading 2 font size', 'cb-getrends');
?>
</label> <input type="text" name="h2fs" id="h2fs"
value="<?php
echo $h2fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h3fs"><?php
_e('Heading 3 font size', 'cb-getrends');
?>
</label> <input type="text" name="h3fs" id="h3fs"
value="<?php
echo $h3fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h4fs"><?php
_e('Heading 4 font size', 'cb-getrends');
?>
</label> <input type="text" name="h4fs" id="h4fs"
value="<?php
echo $h4fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h5fs"><?php
_e('Heading 5 font size', 'cb-getrends');
?>
</label> <input type="text" name="h5fs" id="h5fs"
value="<?php
echo $h5fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="h6fs"><?php
_e('Heading 6 font size', 'cb-getrends');
?>
</label> <input type="text" name="h6fs" id="h6fs"
value="<?php
echo $h6fs;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="headh"><?php
_e('Title Headings Line Height', 'cb-getrends');
?>
</label> <input type="text" name="headh" id="headh"
value="<?php
echo $headh;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="headhc"><?php
_e('Title Headings, slash, icon color', 'cb-getrends');
?>
</label> <input type="text" name="headhc" id="headhc"
class="color" value="<?php
echo $headhc;
?>
" />
</div>
<div class="pd5">
<label for="menu_f"><?php
_e('Menu Font Family - Google', 'cb-getrends');
?>
</label> <select name="menu_f" id="menu_f">
<?php
for ($i = 0; $i < sizeof($google_font); $i++) {
if ($menu_f == $google_font[$i]) {
$ffg = ' selected';
} else {
$ffg = '';
}
echo '<option value="' . $google_font[$i] . '" ' . $ffg . '>' . $google_font[$i] . '</option>';
}
?>
</select>
</div>
<div class="pd5">
<label for="menu_font_size"><?php
_e('Menu font size', 'cb-getrends');
?>
</label> <input type="text" name="menu_font_size"
id="menu_font_size" value="<?php
echo $menu_font_size;
?>
" />
<?php
_e('only numbers and px like 12px', 'cb-getrends');
?>
</div>
<h4>
<?php
_e('Custom Colors', 'cb-getrends');
?>
-
<?php
_e('This settings will override general color schema', 'cb-getrends');
?>
.
</h4>
<div class="pd5">
<label for="color_master"><?php
_e('Accent and Master color', 'cb-getrends');
?>
</label> <input type="text" name="color_master"
id="color_master" value="<?php
echo $color_master;
?>
"
class="color" />
<?php
_e('This setting will work like color styles.', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="fadecolor"><?php
_e('Fade background color', 'cb-getrends');
?>
</label> <input type="text" name="fadecolor"
id="fadecolor" value="<?php
echo $fadecolor;
?>
"
class="color" />
<?php
_e('This setting will affect image hover background.', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="menu_color"><?php
_e('Menu font color', 'cb-getrends');
?>
</label> <input type="text" name="menu_color" id="menu_color"
value="<?php
echo $menu_color;
?>
" class="color" />
</div>
<div class="pd5">
<label for="shad"><?php
_e('Borders color', 'cb-getrends');
?>
</label> <input type="text" name="shad" id="shad"
value="<?php
echo $shad;
?>
" class="color" />
</div>
<div class="pd5" style="display:none;">
<label for="shad2"><?php
_e('Fixed width Shadow', 'cb-getrends');
?>
</label> <input type="text" name="shad2" id="shad2"
value="<?php
echo $shad2;
?>
" class="color" />
</div>
<div class="pd5">
<label for="ht_background"><?php
_e('Header background color', 'cb-getrends');
?>
</label> <input type="text" name="ht_background"
id="ht_background" value="<?php
echo $ht_background;
?>
"
class="color" />
</div>
<div class="pd5">
<label for="htb_background"><?php
_e('Below Header background color', 'cb-getrends');
?>
</label> <input type="text" name="htb_background"
id="htb_background" value="<?php
echo $htb_background;
?>
"
class="color" />
</div>
<div class="pd5">
<label for="middle_background"><?php
_e('Middle area background color', 'cb-getrends');
?>
</label> <input type="text" name="middle_background"
id="middle_background" value="<?php
echo $middle_background;
?>
"
class="color" />
</div>
<div class="pd5">
<label for="middle_backgroundc"><?php
_e('Below middle area background color', 'cb-getrends');
?>
</label> <input type="text" name="middle_backgroundc"
id="middle_backgroundc"
value="<?php
echo $middle_backgroundc;
?>
" class="color" />
</div>
<div class="pd5">
<label for="middle_nbackgroundc"><?php
_e('Below news middle area background color', 'cb-getrends');
?>
</label> <input type="text" name="middle_nbackgroundc"
id="middle_nbackgroundc"
value="<?php
echo $middle_nbackgroundc;
?>
" class="color" />
</div>
<div class="pd5">
<label for="middle_backgroundi"><?php
_e('Below middle area background image', 'cb-getrends');
?>
</label> <input id="middle_backgroundi" type="text" size="36"
name="middle_backgroundi" class="upurl input-upload"
value="<?php
echo $middle_backgroundi;
?>
" /><input
style="cursor: pointer;" class="upload_button2" type="button"
value="Upload Image" /><br />
<br />
<?php
_e('Enter an URL or upload background image.', 'cb-getrends');
?>
<?php
if ($middle_backgroundi != '') {
require_once get_template_directory() . '/BFI_Thumb.php';
echo '</br></br><div>Current bg: <a href="' . $middle_backgroundi . '" target="_blank"><img src="' . bfi_thumb($middle_backgroundi, array('width' => 145, 'height' => 70, 'crop' => true)) . '" align="absmiddle" alt="logo" class="round" style="width:145px!important;height:70px!important;"/></a></div></br>';
}
?>
</div>
<?php
if ($middle_backgroundi != '') {
?>
<div class="pd5">
<label for="remove_bgi"><?php
_e('Remove background image', 'cb-getrends');
?>
?</label>
<select name="remove_bgi" id="remove_bgi"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<?php
}
?>
<div class="pd5"><label for="bgf_str"><?php
_e('Stretch below middle background width', 'cb-getrends');
?>
?</label>
<select name="bgf_str" id="bgf_str"><option value="no"><?php
_e('no', 'cb-getrends');
?>
</option><option value="yes" <?php
if ($bgf_str == 'yes') {
echo 'selected';
}
?>
><?php
_e('yes', 'cb-getrends');
?>
</option></select></div>
<div class="pd5"><label for="footer_background"><?php
_e('Footer background color', 'cb-getrends');
?>
</label>
<input type="text" name="footer_background" id="footer_background" class="color" value="<?php
echo $footer_background;
?>
"/></div>
<div class="pd5"><label for="background_color"><?php
_e('Background color', 'cb-getrends');
?>
</label>
<input type="text" name="background_color" id="background_color" value="<?php
echo $background_color;
?>
" class="color"/></div>
<div class="pd5"><label for="cbackground_color"><?php
_e('Content Background color', 'cb-getrends');
?>
</label>
<input type="text" name="cbackground_color" id="cbackground_color" value="<?php
echo $cbackground_color;
?>
" class="color"/></div>
<div class="pd5"><label for="logo_color"><?php
_e('Logo color', 'cb-getrends');
?>
</label>
<input type="text" name="logo_color" id="logo_color" value="<?php
echo $logo_color;
?>
" class="color"/></div>
<div class="pd5"><label for="logo_shad"><?php
_e('Logo shadow color', 'cb-getrends');
?>
</label>
<input type="text" name="logo_shad" id="logo_shad" value="<?php
echo $logo_shad;
?>
" class="color"/></div>
<div class="pd5" style="display:none;"><label for="slogan_color"><?php
_e('Slogan color', 'cb-getrends');
?>
</label>
<input type="text" name="slogan_color" id="slogan_color" value="<?php
echo $slogan_color;
?>
" class="color"/></div>
<div class="pd5"><label for="text_color"><?php
_e('Text color', 'cb-getrends');
?>
</label>
<input type="text" name="text_color" id="text_color" value="<?php
echo $text_color;
?>
" class="color"/></div>
<div class="pd5"><label for="mwh"><?php
_e('Middlebar Widget Headings color', 'cb-getrends');
?>
</label>
<input type="text" name="mwh" id="mwh" value="<?php
echo $mwh;
?>
" class="color"/></div>
<div class="pd5"><label for="mw"><?php
_e('Middlebar Widget text color', 'cb-getrends');
?>
</label>
<input type="text" name="mw" id="mw" value="<?php
echo $mw;
?>
" class="color"/></div>
<div class="pd5"><label for="headings_color"><?php
_e('Headings color', 'cb-getrends');
?>
</label>
<input type="text" name="headings_color" id="headings_color" value="<?php
echo $headings_color;
?>
" class="color"/></div>
<div class="pd5"><label for="links_color"><?php
_e('Links color', 'cb-getrends');
?>
</label>
<input type="text" name="links_color" id="links_color" value="<?php
echo $links_color;
?>
" class="color"/></div>
<div class="pd5"><label for="links_hover_color"><?php
_e('Links hover color', 'cb-getrends');
?>
</label>
<input type="text" name="links_hover_color" id="links_hover_color" value="<?php
echo $links_hover_color;
?>
" class="color"/></div>
<div class="pd5"><label for="pfilter_color"><?php
_e('Portfolio Filter links color', 'cb-getrends');
?>
</label>
<input type="text" name="pfilter_color" id="pfilter_color" value="<?php
echo $pfilter_color;
?>
" class="color"/></div>
<div class="pd5"><label for="pfilter_bgcolor"><?php
_e('Portfolio Filter background color', 'cb-getrends');
?>
</label>
<input type="text" name="pfilter_bgcolor" id="pfilter_bgcolor" value="<?php
echo $pfilter_bgcolor;
?>
" class="color"/></div>
<div class="pd5"><label for="add_css"><?php
_e('Additional CSS', 'cb-getrends');
?>
</label>
<textarea name="add_css" id="add_css" style="width:300px;height:100px;"><?php
echo $add_css;
?>
</textarea></div>
</div>
<!--## STYLES SECTION END ##-->
<!-- SLIDER SECTION START-->
<div class="slider">
<div class="pd5" style="border-top: none;">
<label for="slide_type"><?php
_e('Slider Type', 'cb-getrends');
?>
</label> <select name="slide_type" id="slide_type">
<option value="revo">
<?php
_e('Revolution Slider', 'cb-getrends');
?>
</option>
<option value="any" <?php
if ($slide_type == 'any') {
?>
selected
<?php
}
?>
>
<?php
_e('Anything Slider', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="slide_home"><?php
_e('Show Slider', 'cb-getrends');
?>
</label> <select name="slide_home" id="slide_home"><option
value="home">
<?php
_e('only in homepage', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($slide_home == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('everywhere', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($slide_home == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('disable slider', 'cb-getrends');
?>
</option>
</select>
</div>
<style>
.hide_slider {
display: none;
}
</style>
<script>
var ht="";
jQuery("select#slide_type").change(function () {
jQuery("select#slide_type option:selected").each(function () {
ht=jQuery(this).val();
});
jQuery(".hide_slider").hide();
jQuery("."+ht).show();
})
.change();
jQuery(document).ready(function(){
var htt="<?php
echo $slide_type;
?>
";
jQuery("."+htt).show();
jQuery('#stripes_bg_schema').ddslick({
onSelected: function(data){
if(data.selectedIndex > 0)
jQuery('#stripes_bg_schema_val').val(data.selectedData.value);
}
});
jQuery('#stripes_bg_schema2').ddslick({
onSelected: function(data){
if(data.selectedIndex > 0)
jQuery('#stripes_bg_schema_val2').val(data.selectedData.value);
}
});
});
</script>
<?php
/*REVOLUTION SLIDER*/
?>
<div class="revo hide_slider">
<?php
if (in_array('revslider/revslider.php', apply_filters('active_plugins', get_option('active_plugins')))) {
?>
<div class="pd5">
<label><?php
_e('Slider Name', 'cb-getrends');
?>
</label> <select
name="rev_slider_name">
<?php
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
foreach ($arrSliders as $slider) {
$stitle = $slider->getTitle();
$salias = $slider->getAlias();
if ($rev_slider_name == $salias) {
$curest = ' selected ';
} else {
$curest = '';
}
echo '<option value=' . $salias . ' ' . $curest . '>' . $stitle . '</option>';
}
?>
</select>
</div>
<?php
}
?>
<br />
<?php
_e('You can configure Revolution Slider by', 'cb-getrends');
?>
<b> <a href="admin.php?page=revslider">clicking here</a> </b><br />
</div>
<?php
/*REVOLUTION SLIDER END*/
?>
<?php
/*ANYTHING SLIDER*/
$tttra = '';
?>
<div class="any hide_slider">
<div class="pd5">
<label for="s_text"><?php
_e('Show post content above image', 'cb-getrends');
?>
?</label>
<select name="s_text" id="s_text"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($s_text == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label><?php
_e('Select Category for slider', 'cb-getrends');
?>
</label>
<?php
wp_dropdown_categories('show_count=1&hierarchical=1&hide_empty=0&selected=' . $cat);
?>
</div>
<h4>
<?php
_e('Optional Settings', 'cb-getrends');
?>
</h4>
<div class="pd5">
<label for="s_height"><?php
_e('Slider Custom Height', 'cb-getrends');
?>
</label> <input type="text" name="s_height"
value="<?php
echo $s_height;
?>
" /> (
<?php
_e('only numbers and px like 200px', 'cb-getrends');
?>
)
</div>
<div class="pd5">
<label for="s_link"><?php
_e('Link slides to posts', 'cb-getrends');
?>
?</label>
<select name="s_link" id="s_link"><option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
<option value="no" <?php
if ($s_link == 'no') {
?>
selected
<?php
}
?>
>
<?php
_e('no', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="s_resize"><?php
_e('Resize Contents', 'cb-getrends');
?>
?</label>
<select name="s_resize" id="s_resize"><option value="true">
<?php
_e('true', 'cb-getrends');
?>
</option>
<option value="false" <?php
if ($s_resize == 'false') {
?>
selected
<?php
}
?>
>
<?php
_e('false', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="s_auto"><?php
_e('Autoplay', 'cb-getrends');
?>
</label>
<select name="s_auto" id="s_auto"><option value="true">
<?php
_e('true', 'cb-getrends');
?>
</option>
<option value="false" <?php
if ($s_auto == 'false') {
?>
selected
<?php
}
?>
>
<?php
_e('false', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="s_delay"><?php
_e('Delay in ms', 'cb-getrends');
?>
</label> <input type="text" name="s_delay" id="s_delay"
value="<?php
echo $s_delay;
?>
" />
</div>
<div class="pd5">
<label for="s_ani_time"><?php
_e('Animation time', 'cb-getrends');
?>
</label> <input type="text" name="s_ani_time" id="s_ani_time"
value="<?php
echo $s_ani_time;
?>
" />
</div>
<div class="pd5">
<label for="s_easing"><?php
_e('Easing Effect', 'cb-getrends');
?>
</label> <select name="s_easing" id="s_easing"><option
value="swing">swing</option>
<option value="linear" <?php
if ($s_easing == 'linear') {
?>
selected <?php
}
?>
>linear</option>
<option value="easeInQuad"
<?php
if ($s_easing == 'easeInQuad') {
?>
selected <?php
}
?>
>InQuad</option>
<option value="easeOutQuad"
<?php
if ($s_easing == 'easeOutQuad') {
?>
selected <?php
}
?>
>OutQuad</option>
<option value="easeInOutQuad"
<?php
if ($s_easing == 'easeInOutQuad') {
?>
selected <?php
}
?>
>InOutQuad</option>
<option value="easeInCubic"
<?php
if ($s_easing == 'easeInCubic') {
?>
selected <?php
}
?>
>InCubic</option>
<option value="easeOutCubic"
<?php
if ($s_easing == 'easeOutCubic') {
?>
selected <?php
}
?>
>OutCubic</option>
<option value="easeInOutCubic"
<?php
if ($s_easing == 'easeInOutCubic') {
?>
selected <?php
}
?>
>InOutCubic</option>
<option value="easeInQuart"
<?php
if ($s_easing == 'easeInQuart') {
?>
selected <?php
}
?>
>InQuart</option>
<option value="easeOutQuart"
<?php
if ($s_easing == 'easeOutQuart') {
?>
selected <?php
}
?>
>OutQuart</option>
<option value="easeInOutQuart"
<?php
if ($s_easing == 'easeInOutQuart') {
?>
selected <?php
}
?>
>InOutQuart</option>
<option value="easeInSine"
<?php
if ($s_easing == 'easeInSine') {
?>
selected <?php
}
?>
>InSine</option>
<option value="easeOutSine"
<?php
if ($s_easing == 'easeOutSine') {
?>
selected <?php
}
?>
>OutSine</option>
<option value="easeInOutSine"
<?php
if ($s_easing == 'easeInOutSine') {
?>
selected <?php
}
?>
>InOutSine</option>
<option value="easeInExpo"
<?php
if ($s_easing == 'easeInExpo') {
?>
selected <?php
}
?>
>InExpo</option>
<option value="easeOutExpo"
<?php
if ($s_easing == 'easeOutExpo') {
?>
selected <?php
}
?>
>OutExpo</option>
<option value="easeInOutExpo"
<?php
if ($s_easing == 'easeInOutExpo') {
?>
selected <?php
}
?>
>InOutExpo</option>
<option value="easeInQuint"
<?php
if ($s_easing == 'easeInQuint') {
?>
selected <?php
}
?>
>InQuint</option>
<option value="easeOutQuint"
<?php
if ($s_easing == 'easeOutQuint') {
?>
selected <?php
}
?>
>OutQuint</option>
<option value="easeInOutQuint"
<?php
if ($s_easing == 'easeInOutQuint') {
?>
selected <?php
}
?>
>InOutQuint</option>
<option value="easeInCirc"
<?php
if ($s_easing == 'easeInCirc') {
?>
selected <?php
}
?>
>InCirc</option>
<option value="easeOutCirc"
<?php
if ($s_easing == 'easeOutCirc') {
?>
selected <?php
}
?>
>OutCirc</option>
<option value="easeInOutCirc"
<?php
if ($s_easing == 'easeInOutCirc') {
?>
selected <?php
}
?>
>InOutCirc</option>
<option value="easeInElastic"
<?php
if ($s_easing == 'easeInElastic') {
?>
selected <?php
}
?>
>InElastic</option>
<option value="easeOutElastic"
<?php
if ($s_easing == 'easeOutElastic') {
?>
selected <?php
}
?>
>OutElastic</option>
<option value="easeInOutElastic"
<?php
if ($s_easing == 'easeInOutElastic') {
?>
selected
<?php
}
?>
>InOutElastic</option>
<option value="easeInBack"
<?php
if ($s_easing == 'easeInBack') {
?>
selected <?php
}
?>
>InBack</option>
<option value="easeOutBack"
<?php
if ($s_easing == 'easeOutBack') {
?>
selected <?php
}
?>
>OutBack</option>
<option value="easeInOutBack"
<?php
if ($s_easing == 'easeInOutBack') {
?>
selected <?php
}
?>
>InOutBack</option>
<option value="easeInBounce"
<?php
if ($s_easing == 'easeInBounce') {
?>
selected <?php
}
?>
>InBounce</option>
<option value="easeOutBounce"
<?php
if ($s_easing == 'easeOutBounce') {
?>
selected <?php
}
?>
>OutBounce</option>
<option value="easeInOutBounce"
<?php
if ($s_easing == 'easeInOutBounce') {
?>
selected <?php
}
?>
>InOutBounce</option>
</select>
</div>
</div>
<?php
/*ANYTHING SLIDER END*/
?>
</div>
<!--## SLIDER SECTION END ##-->
<!-- FULLSCREEN SLIDER SECTION START ##-->
<div class="slider2">
<div class="pd5" style="border-top: none;">
<label for="full_slider"><?php
_e('Show Fullscreen Slider', 'cb-getrends');
?>
?</label>
<select name="full_slider" id="full_slider"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($full_slider == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_where"><?php
_e('Show Slider on', 'cb-getrends');
?>
:</label>
<select name="full_slider_where" id="full_slider_where"><option
value="home">
<?php
_e('only in homepage', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($full_slider_where == 'yes') {
?>
selected <?php
}
?>
>
<?php
_e('everywhere', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_style"><?php
_e('Show controls', 'cb-getrends');
?>
:</label>
<select name="full_slider_style" id="full_slider_style"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_style == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_bar"><?php
_e('Show Progress Bar', 'cb-getrends');
?>
:</label>
<select name="full_slider_bar" id="full_slider_bar"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_bar == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_thumbs"><?php
_e('Show Thumbnails', 'cb-getrends');
?>
:</label>
<select name="full_slider_thumbs" id="full_slider_thumbs"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_thumbs == '1') {
?>
selected <?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_nav"><?php
_e('Show Prev/Next Buttons', 'cb-getrends');
?>
:</label>
<select name="full_slider_nav" id="full_slider_nav"><option
value="0">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_nav == '1') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_interval"><?php
_e('Slides Interval', 'cb-getrends');
?>
</label> <input type="text" name="full_slider_interval"
id="full_slider_interval"
value="<?php
echo $full_slider_interval;
?>
" />
<?php
_e('in ms', 'cb-getrends');
?>
</div>
<div class="pd5" style="border-top: none;">
<label for="full_slider_effect"><?php
_e('Slider Effect', 'cb-getrends');
?>
</label> <select name="full_slider_effect"
id="full_slider_effect">
<option value="0">
<?php
_e('None', 'cb-getrends');
?>
</option>
<option value="1" <?php
if ($full_slider_effect == '1') {
?>
selected <?php
}
?>
>
<?php
_e('Fade', 'cb-getrends');
?>
</option>
<option value="2" <?php
if ($full_slider_effect == '2') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Top', 'cb-getrends');
?>
</option>
<option value="3" <?php
if ($full_slider_effect == '3') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Right', 'cb-getrends');
?>
</option>
<option value="4" <?php
if ($full_slider_effect == '4') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Bottom', 'cb-getrends');
?>
</option>
<option value="5" <?php
if ($full_slider_effect == '5') {
?>
selected <?php
}
?>
>
<?php
_e('Slide Left', 'cb-getrends');
?>
</option>
<option value="6" <?php
if ($full_slider_effect == '6') {
?>
selected <?php
}
?>
>
<?php
_e('Carousel Right', 'cb-getrends');
?>
</option>
<option value="7" <?php
if ($full_slider_effect == '7') {
?>
selected <?php
}
?>
>
<?php
_e('Carousel Left', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="full_slider_t_speed"><?php
_e('Effect Speed', 'cb-getrends');
?>
</label> <input type="text" name="full_slider_t_speed"
id="full_slider_t_speed"
value="<?php
echo $full_slider_t_speed;
?>
" />
<?php
_e('in ms', 'cb-getrends');
?>
</div>
<div class="pd5">
<label for="full_slider_page"><?php
_e('Get images attached to this page:', 'cb-getrends');
?>
</label>
<?php
wp_dropdown_pages('selected=' . $full_slider_page . '&name=full_slider_page');
?>
</div>
</div>
<!-- ## FULLSCREEN SLIDER SECTION END ##-->
<!-- TOP ICON SECTION START ##-->
<div class="top-icons">
<style>
#sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: 60%;
}
#sortable li {
margin: 0 3px 3px 3px;
padding: 0.4em;
padding-left: 1.5em;
font-size: 1.4em;
border: 1px solid #ccc;
}
#sortable li a {
text-decoration: none
}
</style>
<script>
jQuery(function() {
jQuery( "#sortable" ).sortable();
});
</script>
<div class="pd5" style="border-top: none;">
<label for="font-size">Font size<br /> <input type="text"
id="font-size"
value="<?php
if ($headings_icons_size == '') {
echo '20';
} else {
echo $headings_icons_size;
}
?>
"
name="headings_icons_size"> </label>
</div>
<div class="pd5" style="border-top: none;">
<ul id="sortable" style="width: 100%;">
<?php
if (isset($headings_icons) && is_array($headings_icons)) {
for ($i = 0; $i < sizeof($headings_icons); $i++) {
?>
<?php
if (!isset($headings_icons[$i]['color'])) {
$headings_icons[$i]['color'] = '';
}
?>
<li class="ui-state-default"><div class="icons-content">
<a
href="#TB_inline?width=640&inlineId=cb-icon-box-iframe-container"
class="thickbox"
onclick="load_icon('cb-sor-top-icon-<?php
echo $i + 1;
?>
');"><i id="cb-sor-top-icon-<?php
echo $i + 1;
?>
" class="<?php
echo $headings_icons[$i]['icon'];
?>
" style="font-size:<?php
echo $headings_icons_size;
?>
px;color:<?php
if ($headings_icons[$i]['color'] == '') {
echo '';
} else {
echo $headings_icons[$i]['color'];
}
?>
;"><span
style="color: #999; font-size: 10px; font-style: italic; cursor: pointer;"><?php
if ($headings_icons[$i]['icon'] == '') {
echo 'set icon ';
}
?>
</span> </i> </a><input type="text" name="icons_name[]"
value="<?php
if ($headings_icons[$i]['name'] == '') {
echo 'set title';
} else {
echo $headings_icons[$i]['name'];
}
?>
"
style="font-size: 10px;"><input type="text"
name="icons_link[]"
value="<?php
if ($headings_icons[$i]['link'] == '') {
echo 'set URL';
} else {
echo $headings_icons[$i]['link'];
}
?>
"
style="font-size: 10px;"><input type="hidden"
name="icons_val[]"
id="cb-sor-top-icon-<?php
echo $i + 1;
?>
-val"
value="<?php
echo $headings_icons[$i]['icon'];
?>
"><input
type="hidden" name="icons_color[]"
id="cb-sor-top-icon-<?php
echo $i + 1;
?>
-color"
value="<?php
if ($headings_icons[$i]['color'] == '') {
echo '';
} else {
echo $headings_icons[$i]['color'];
}
?>
">
</div></li>
<?php
}
} else {
?>
<li class="ui-state-default"><div class="icons-content">
<a
href="#TB_inline?width=640&inlineId=cb-icon-box-iframe-container"
class="thickbox" onclick="load_icon('cb-sor-top-icon-1');"><i
id="cb-sor-top-icon-1"><span
style="color: #999; font-size: 10px; font-style: italic; cursor: pointer;">set
icon</span> </i> </a><input type="text"
name="icons_name[]"><input type="text" name="icons_link[]"><input
type="hidden" name="icons_val[]" id="cb-sor-top-icon-1-val"><input
type="hidden" name="icons_color[]"
id="cb-sor-top-icon-1-color">
</div></li>
<?php
}
?>
</ul>
<span class="button" onclick="add_item();">Add item</span> <span
class="button" onclick="remove_last();">Remove last</span> <input
type="hidden" id="selected-id-builder">
</div>
<script type="text/javascript">
function load_icon(id) {
if(typeof id !== 'undefined') {
jQuery('#selected-id-builder').val(id);
}else{
jQuery('#selected-id-builder').val('');
}
}
function remove_last() {
jQuery("#sortable li:last").remove();
}
function add_item() {
var size = jQuery("#sortable li").size();
html='<li class="ui-state-default"><div class="icons-content"><a href="#TB_inline?width=640&inlineId=cb-icon-box-iframe-container" class="thickbox" onclick="load_icon(\'cb-sor-top-icon-'+(size+1)+'\');"><i id="cb-sor-top-icon-'+(size+1)+'"><span style="color:#999;font-size:10px;font-style:italic;cursor:pointer;">set icon </span></i></a> <input type="text" name="icons_name[]" value="set name" class="text" style="font-size:10px;"><input type="text" name="icons_link[]" value="set URL" class="text" style="font-size:10px;"><input type="hidden" name="icons_val[]" id="cb-sor-top-icon-'+(size+1)+'-val" ><input type="hidden" name="icons_color[]" id="cb-sor-top-icon-'+(size+1)+'-color" ></div></li>';
jQuery("#sortable").append(html);
}
jQuery(document).ready(function($) {
"use strict";
jQuery('.newcolor').wpColorPicker();
jQuery('.the-icons li').click(function() {
var sel_id = jQuery('#selected-id-builder').val();
var style='';
var data ='';
var icon_class = jQuery(this).find('i').attr('class');
var icon_color = jQuery('.wrap .pd5 .newcolor').val();
if (sel_id===''){
window.send_to_editor(data);
}
else{
jQuery('#'+sel_id+'-val').val(icon_class);
jQuery('#'+sel_id).html('').attr('class',icon_class).attr('style',style);
tb_remove();
}
jQuery('#'+sel_id+'-color').val(icon_color);
jQuery('#'+sel_id).css("color",icon_color);
var size = jQuery('#font-size').val();
jQuery('.icons-content > a > i').css("font-size",size+"px");
});
function set_icon_size(){
var size = jQuery('#font-size').val();
jQuery('.icons-content > a > i').css("font-size",size+"px");
}
jQuery("#font-size" ).spinner({
min: 1,
numberFormat: "C",
change: set_icon_size,
stop: set_icon_size
});
jQuery("#sortable li").each(function(n) {
jQuery(this).attr("id", "link" + n);
});
});
</script>
<div id="cb-icon-box-iframe-container" style="display: none;">
<div class="wrap" style="padding: 1em">
<div class="pd5" style="border-top: none;">
<label for="color">Color<br /> <input id="color" type="text"
value="#000" class="newcolor" autocomplete="off" style=""
name="headings_icons_color"> </label>
</div>
<div class="container">
<div id="new">
<h2 class="page-header">New Icons in 3.1.1</h2>
<style type="text/css">
.the-icons li {
cursor: hand;
cursor: pointer;
}
.span3 {
width: 166px;
float: left;
margin-left: 20px;
}
.span12 {
margin-left: 20px;
float: left;
width: 724px;
}
</style>
<div class="row margin-top">
<div class="span3">
<ul class="the-icons">
<li><i class="icon-expand-alt"></i> icon-expand-alt</li>
<li><i class="icon-collapse-alt"></i> icon-collapse-alt</li>
<li><i class="icon-smile"></i> icon-smile</li>
<li><i class="icon-frown"></i> icon-frown</li>
<li><i class="icon-meh"></i> icon-meh</li>
<li><i class="icon-gamepad"></i> icon-gamepad</li>
<li><i class="icon-keyboard"></i> icon-keyboard</li>
<li><i class="icon-flag-alt"></i> icon-flag-alt</li>
<li><i class="icon-flag-checkered"></i>
icon-flag-checkered</li>
<li><i class="icon-terminal"></i> icon-terminal</li>
<li><i class="icon-code"></i> icon-code</li>
<li><i class="icon-mail-forward"></i> icon-mail-forward <span
class="muted">(alias)</span></li>
<li><i class="icon-mail-reply"></i> icon-mail-reply <span
class="muted">(alias)</span></li>
<li><i class="icon-reply-all"></i> icon-reply-all</li>
<li><i class="icon-mail-reply-all"></i>
icon-mail-reply-all <span class="muted">(alias)</span></li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-star-half-empty"></i>
icon-star-half-empty</li>
<li><i class="icon-star-half-full"></i>
icon-star-half-full <span class="muted">(alias)</span></li>
<li><i class="icon-location-arrow"></i>
icon-location-arrow</li>
<li><i class="icon-rotate-left"></i> icon-rotate-left <span
class="muted">(alias)</span></li>
<li><i class="icon-rotate-right"></i> icon-rotate-right <span
class="muted">(alias)</span></li>
<li><i class="icon-crop"></i> icon-crop</li>
<li><i class="icon-code-fork"></i> icon-code-fork</li>
<li><i class="icon-unlink"></i> icon-unlink</li>
<li><i class="icon-question"></i> icon-question</li>
<li><i class="icon-info"></i> icon-info</li>
<li><i class="icon-exclamation"></i> icon-exclamation</li>
<li><i class="icon-superscript"></i> icon-superscript</li>
<li><i class="icon-subscript"></i> icon-subscript</li>
<li><i class="icon-eraser"></i> icon-eraser</li>
<li><i class="icon-puzzle-piece"></i> icon-puzzle-piece</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-microphone"></i> icon-microphone</li>
<li><i class="icon-microphone-off"></i>
icon-microphone-off</li>
<li><i class="icon-shield"></i> icon-shield</li>
<li><i class="icon-calendar-empty"></i>
icon-calendar-empty</li>
<li><i class="icon-fire-extinguisher"></i>
icon-fire-extinguisher</li>
<li><i class="icon-rocket"></i> icon-rocket</li>
<li><i class="icon-maxcdn"></i> icon-maxcdn</li>
<li><i class="icon-chevron-sign-left"></i>
icon-chevron-sign-left</li>
<li><i class="icon-chevron-sign-right"></i>
icon-chevron-sign-right</li>
<li><i class="icon-chevron-sign-up"></i>
icon-chevron-sign-up</li>
<li><i class="icon-chevron-sign-down"></i>
icon-chevron-sign-down</li>
<li><i class="icon-html5"></i> icon-html5</li>
<li><i class="icon-css3"></i> icon-css3</li>
<li><i class="icon-anchor"></i> icon-anchor</li>
<li><i class="icon-unlock-alt"></i> icon-unlock-alt</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-bullseye"></i> icon-bullseye</li>
<li><i class="icon-ellipsis-horizontal"></i>
icon-ellipsis-horizontal</li>
<li><i class="icon-ellipsis-vertical"></i>
icon-ellipsis-vertical</li>
<li><i class="icon-rss-sign"></i> icon-rss-sign</li>
<li><i class="icon-play-sign"></i> icon-play-sign</li>
<li><i class="icon-ticket"></i> icon-ticket</li>
<li><i class="icon-minus-sign-alt"></i>
icon-minus-sign-alt</li>
<li><i class="icon-check-minus"></i> icon-check-minus</li>
<li><i class="icon-level-up"></i> icon-level-up</li>
<li><i class="icon-level-down"></i> icon-level-down</li>
<li><i class="icon-check-sign"></i> icon-check-sign</li>
<li><i class="icon-edit-sign"></i> icon-edit-sign</li>
<li><i class="icon-external-link-sign"></i>
icon-external-link-sign</li>
<li><i class="icon-share-sign"></i> icon-share-sign</li>
</ul>
</div>
</div>
</div>
<section id="web-application" class="row">
<div class="span12">
<h2 class="page-header">Web Application Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-adjust"></i> icon-adjust</li>
<li><i class="icon-anchor"></i> icon-anchor</li>
<li><i class="icon-asterisk"></i> icon-asterisk</li>
<li><i class="icon-ban-circle"></i> icon-ban-circle</li>
<li><i class="icon-bar-chart"></i> icon-bar-chart</li>
<li><i class="icon-barcode"></i> icon-barcode</li>
<li><i class="icon-beaker"></i> icon-beaker</li>
<li><i class="icon-beer"></i> icon-beer</li>
<li><i class="icon-bell-alt"></i> icon-bell-alt</li>
<li><i class="icon-bell"></i> icon-bell</li>
<li><i class="icon-bolt"></i> icon-bolt</li>
<li><i class="icon-book"></i> icon-book</li>
<li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li>
<li><i class="icon-bookmark"></i> icon-bookmark</li>
<li><i class="icon-briefcase"></i> icon-briefcase</li>
<li><i class="icon-bullhorn"></i> icon-bullhorn</li>
<li><i class="icon-bullseye"></i> icon-bullseye</li>
<li><i class="icon-calendar-empty"></i> icon-calendar-empty</li>
<li><i class="icon-calendar"></i> icon-calendar</li>
<li><i class="icon-camera-retro"></i> icon-camera-retro</li>
<li><i class="icon-camera"></i> icon-camera</li>
<li><i class="icon-certificate"></i> icon-certificate</li>
<li><i class="icon-check-empty"></i> icon-check-empty</li>
<li><i class="icon-check-minus"></i> icon-check-minus</li>
<li><i class="icon-check-sign"></i> icon-check-sign</li>
<li><i class="icon-check"></i> icon-check</li>
<li><i class="icon-circle-blank"></i> icon-circle-blank</li>
<li><i class="icon-circle"></i> icon-circle</li>
<li><i class="icon-cloud-download"></i> icon-cloud-download</li>
<li><i class="icon-cloud-upload"></i> icon-cloud-upload</li>
<li><i class="icon-cloud"></i> icon-cloud</li>
<li><i class="icon-code-fork"></i> icon-code-fork</li>
<li><i class="icon-code"></i> icon-code</li>
<li><i class="icon-coffee"></i> icon-coffee</li>
<li><i class="icon-cog"></i> icon-cog</li>
<li><i class="icon-cogs"></i> icon-cogs</li>
<li><i class="icon-collapse-alt"></i> icon-collapse-alt</li>
<li><i class="icon-comment-alt"></i> icon-comment-alt</li>
<li><i class="icon-comment"></i> icon-comment</li>
<li><i class="icon-comments-alt"></i> icon-comments-alt</li>
<li><i class="icon-comments"></i> icon-comments</li>
<li><i class="icon-credit-card"></i> icon-credit-card</li>
<li><i class="icon-crop"></i> icon-crop</li>
<li><i class="icon-dashboard"></i> icon-dashboard</li>
<li><i class="icon-desktop"></i> icon-desktop</li>
<li><i class="icon-download-alt"></i> icon-download-alt</li>
<li><i class="icon-download"></i> icon-download</li>
<li><i class="icon-edit-sign"></i> icon-edit-sign</li>
<li><i class="icon-edit"></i> icon-edit</li>
<li><i class="icon-ellipsis-horizontal"></i>
icon-ellipsis-horizontal</li>
<li><i class="icon-ellipsis-vertical"></i>
icon-ellipsis-vertical</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-envelope-alt"></i> icon-envelope-alt</li>
<li><i class="icon-envelope"></i> icon-envelope</li>
<li><i class="icon-eraser"></i> icon-eraser</li>
<li><i class="icon-exchange"></i> icon-exchange</li>
<li><i class="icon-exclamation-sign"></i>
icon-exclamation-sign</li>
<li><i class="icon-exclamation"></i> icon-exclamation</li>
<li><i class="icon-expand-alt"></i> icon-expand-alt</li>
<li><i class="icon-external-link-sign"></i>
icon-external-link-sign</li>
<li><i class="icon-external-link"></i> icon-external-link</li>
<li><i class="icon-eye-close"></i> icon-eye-close</li>
<li><i class="icon-eye-open"></i> icon-eye-open</li>
<li><i class="icon-facetime-video"></i> icon-facetime-video</li>
<li><i class="icon-fighter-jet"></i> icon-fighter-jet</li>
<li><i class="icon-film"></i> icon-film</li>
<li><i class="icon-filter"></i> icon-filter</li>
<li><i class="icon-fire-extinguisher"></i>
icon-fire-extinguisher</li>
<li><i class="icon-fire"></i> icon-fire</li>
<li><i class="icon-flag-alt"></i> icon-flag-alt</li>
<li><i class="icon-flag-checkered"></i> icon-flag-checkered</li>
<li><i class="icon-flag"></i> icon-flag</li>
<li><i class="icon-folder-close-alt"></i>
icon-folder-close-alt</li>
<li><i class="icon-folder-close"></i> icon-folder-close</li>
<li><i class="icon-folder-open-alt"></i>
icon-folder-open-alt</li>
<li><i class="icon-folder-open"></i> icon-folder-open</li>
<li><i class="icon-food"></i> icon-food</li>
<li><i class="icon-frown"></i> icon-frown</li>
<li><i class="icon-gamepad"></i> icon-gamepad</li>
<li><i class="icon-gift"></i> icon-gift</li>
<li><i class="icon-glass"></i> icon-glass</li>
<li><i class="icon-globe"></i> icon-globe</li>
<li><i class="icon-group"></i> icon-group</li>
<li><i class="icon-hdd"></i> icon-hdd</li>
<li><i class="icon-headphones"></i> icon-headphones</li>
<li><i class="icon-heart-empty"></i> icon-heart-empty</li>
<li><i class="icon-heart"></i> icon-heart</li>
<li><i class="icon-home"></i> icon-home</li>
<li><i class="icon-inbox"></i> icon-inbox</li>
<li><i class="icon-info-sign"></i> icon-info-sign</li>
<li><i class="icon-info"></i> icon-info</li>
<li><i class="icon-key"></i> icon-key</li>
<li><i class="icon-keyboard"></i> icon-keyboard</li>
<li><i class="icon-laptop"></i> icon-laptop</li>
<li><i class="icon-leaf"></i> icon-leaf</li>
<li><i class="icon-legal"></i> icon-legal</li>
<li><i class="icon-lemon"></i> icon-lemon</li>
<li><i class="icon-level-down"></i> icon-level-down</li>
<li><i class="icon-level-up"></i> icon-level-up</li>
<li><i class="icon-lightbulb"></i> icon-lightbulb</li>
<li><i class="icon-location-arrow"></i> icon-location-arrow</li>
<li><i class="icon-lock"></i> icon-lock</li>
<li><i class="icon-magic"></i> icon-magic</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-magnet"></i> icon-magnet</li>
<li><i class="icon-mail-forward"></i> icon-mail-forward <span
class="muted">(alias)</span></li>
<li><i class="icon-mail-reply"></i> icon-mail-reply <span
class="muted">(alias)</span></li>
<li><i class="icon-mail-reply-all"></i> icon-mail-reply-all
<span class="muted">(alias)</span></li>
<li><i class="icon-map-marker"></i> icon-map-marker</li>
<li><i class="icon-meh"></i> icon-meh</li>
<li><i class="icon-microphone-off"></i> icon-microphone-off</li>
<li><i class="icon-microphone"></i> icon-microphone</li>
<li><i class="icon-minus-sign-alt"></i> icon-minus-sign-alt</li>
<li><i class="icon-minus-sign"></i> icon-minus-sign</li>
<li><i class="icon-minus"></i> icon-minus</li>
<li><i class="icon-mobile-phone"></i> icon-mobile-phone</li>
<li><i class="icon-money"></i> icon-money</li>
<li><i class="icon-move"></i> icon-move</li>
<li><i class="icon-music"></i> icon-music</li>
<li><i class="icon-off"></i> icon-off</li>
<li><i class="icon-ok-circle"></i> icon-ok-circle</li>
<li><i class="icon-ok-sign"></i> icon-ok-sign</li>
<li><i class="icon-ok"></i> icon-ok</li>
<li><i class="icon-pencil"></i> icon-pencil</li>
<li><i class="icon-phone-sign"></i> icon-phone-sign</li>
<li><i class="icon-phone"></i> icon-phone</li>
<li><i class="icon-search"></i> icon-picture</li>
<li><i class="icon-plane"></i> icon-plane</li>
<li><i class="icon-plus-sign"></i> icon-plus-sign</li>
<li><i class="icon-plus"></i> icon-plus</li>
<li><i class="icon-print"></i> icon-print</li>
<li><i class="icon-pushpin"></i> icon-pushpin</li>
<li><i class="icon-puzzle-piece"></i> icon-puzzle-piece</li>
<li><i class="icon-qrcode"></i> icon-qrcode</li>
<li><i class="icon-question-sign"></i> icon-question-sign</li>
<li><i class="icon-question"></i> icon-question</li>
<li><i class="icon-quote-left"></i> icon-quote-left</li>
<li><i class="icon-quote-right"></i> icon-quote-right</li>
<li><i class="icon-random"></i> icon-random</li>
<li><i class="icon-refresh"></i> icon-refresh</li>
<li><i class="icon-remove-circle"></i> icon-remove-circle</li>
<li><i class="icon-remove-sign"></i> icon-remove-sign</li>
<li><i class="icon-remove"></i> icon-remove</li>
<li><i class="icon-reorder"></i> icon-reorder</li>
<li><i class="icon-reply-all"></i> icon-reply-all</li>
<li><i class="icon-reply"></i> icon-reply</li>
<li><i class="icon-resize-horizontal"></i>
icon-resize-horizontal</li>
<li><i class="icon-resize-vertical"></i>
icon-resize-vertical</li>
<li><i class="icon-retweet"></i> icon-retweet</li>
<li><i class="icon-road"></i> icon-road</li>
<li><i class="icon-rocket"></i> icon-rocket</li>
<li><i class="icon-rotate-left"></i> icon-rotate-left <span
class="muted">(alias)</span></li>
<li><i class="icon-rotate-right"></i> icon-rotate-right <span
class="muted">(alias)</span></li>
<li><i class="icon-rss-sign"></i> icon-rss-sign</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-rss"></i> icon-rss</li>
<li><i class="icon-screenshot"></i> icon-screenshot</li>
<li><i class="icon-search"></i> icon-search</li>
<li><i class="icon-share-alt"></i> icon-share-alt</li>
<li><i class="icon-share-sign"></i> icon-share-sign</li>
<li><i class="icon-share"></i> icon-share</li>
<li><i class="icon-shield"></i> icon-shield</li>
<li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
<li><i class="icon-sign-blank"></i> icon-sign-blank</li>
<li><i class="icon-signal"></i> icon-signal</li>
<li><i class="icon-signin"></i> icon-signin</li>
<li><i class="icon-signout"></i> icon-signout</li>
<li><i class="icon-sitemap"></i> icon-sitemap</li>
<li><i class="icon-smile"></i> icon-smile</li>
<li><i class="icon-sort-down"></i> icon-sort-down</li>
<li><i class="icon-sort-up"></i> icon-sort-up</li>
<li><i class="icon-sort"></i> icon-sort</li>
<li><i class="icon-spinner"></i> icon-spinner</li>
<li><i class="icon-star-empty"></i> icon-star-empty</li>
<li><i class="icon-star-half-full"></i> icon-star-half-full
<span class="muted">(alias)</span></li>
<li><i class="icon-star-half-empty"></i>
icon-star-half-empty</li>
<li><i class="icon-star-half"></i> icon-star-half</li>
<li><i class="icon-star"></i> icon-star</li>
<li><i class="icon-tablet"></i> icon-tablet</li>
<li><i class="icon-tag"></i> icon-tag</li>
<li><i class="icon-tags"></i> icon-tags</li>
<li><i class="icon-tasks"></i> icon-tasks</li>
<li><i class="icon-terminal"></i> icon-terminal</li>
<li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
<li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
<li><i class="icon-ticket"></i> icon-ticket</li>
<li><i class="icon-time"></i> icon-time</li>
<li><i class="icon-tint"></i> icon-tint</li>
<li><i class="icon-trash"></i> icon-trash</li>
<li><i class="icon-trophy"></i> icon-trophy</li>
<li><i class="icon-truck"></i> icon-truck</li>
<li><i class="icon-umbrella"></i> icon-umbrella</li>
<li><i class="icon-unlock-alt"></i> icon-unlock-alt</li>
<li><i class="icon-unlock"></i> icon-unlock</li>
<li><i class="icon-upload-alt"></i> icon-upload-alt</li>
<li><i class="icon-upload"></i> icon-upload</li>
<li><i class="icon-user-md"></i> icon-user-md</li>
<li><i class="icon-user"></i> icon-user</li>
<li><i class="icon-volume-down"></i> icon-volume-down</li>
<li><i class="icon-volume-off"></i> icon-volume-off</li>
<li><i class="icon-volume-up"></i> icon-volume-up</li>
<li><i class="icon-warning-sign"></i> icon-warning-sign</li>
<li><i class="icon-wrench"></i> icon-wrench</li>
<li><i class="icon-zoom-in"></i> icon-zoom-in</li>
<li><i class="icon-zoom-out"></i> icon-zoom-out</li>
</ul>
</div>
</section>
<section id="text-editor" class="row">
<div class="span12">
<h2 class="page-header">Text Editor Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-file"></i> icon-file</li>
<li><i class="icon-file-alt"></i> icon-file-alt</li>
<li><i class="icon-cut"></i> icon-cut</li>
<li><i class="icon-copy"></i> icon-copy</li>
<li><i class="icon-paste"></i> icon-paste</li>
<li><i class="icon-save"></i> icon-save</li>
<li><i class="icon-undo"></i> icon-undo</li>
<li><i class="icon-repeat"></i> icon-repeat</li>
<li><i class="icon-text-height"></i> icon-text-height</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-text-width"></i> icon-text-width</li>
<li><i class="icon-align-left"></i> icon-align-left</li>
<li><i class="icon-align-center"></i> icon-align-center</li>
<li><i class="icon-align-right"></i> icon-align-right</li>
<li><i class="icon-align-justify"></i> icon-align-justify</li>
<li><i class="icon-indent-left"></i> icon-indent-left</li>
<li><i class="icon-indent-right"></i> icon-indent-right</li>
<li><i class="icon-font"></i> icon-font</li>
<li><i class="icon-bold"></i> icon-bold</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-italic"></i> icon-italic</li>
<li><i class="icon-strikethrough"></i> icon-strikethrough</li>
<li><i class="icon-underline"></i> icon-underline</li>
<li><i class="icon-superscript"></i> icon-superscript</li>
<li><i class="icon-subscript"></i> icon-subscript</li>
<li><i class="icon-link"></i> icon-link</li>
<li><i class="icon-unlink"></i> icon-unlink</li>
<li><i class="icon-paper-clip"></i> icon-paper-clip</li>
<li><i class="icon-eraser"></i> icon-eraser</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-columns"></i> icon-columns</li>
<li><i class="icon-table"></i> icon-table</li>
<li><i class="icon-th-large"></i> icon-th-large</li>
<li><i class="icon-th"></i> icon-th</li>
<li><i class="icon-th-list"></i> icon-th-list</li>
<li><i class="icon-list"></i> icon-list</li>
<li><i class="icon-list-ol"></i> icon-list-ol</li>
<li><i class="icon-list-ul"></i> icon-list-ul</li>
<li><i class="icon-list-alt"></i> icon-list-alt</li>
</ul>
</div>
</section>
<section id="directional" class="row">
<div class="span12">
<h2 class="page-header">Directional Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-angle-left"></i> icon-angle-left</li>
<li><i class="icon-angle-right"></i> icon-angle-right</li>
<li><i class="icon-angle-up"></i> icon-angle-up</li>
<li><i class="icon-angle-down"></i> icon-angle-down</li>
<li><i class="icon-arrow-down"></i> icon-arrow-down</li>
<li><i class="icon-arrow-left"></i> icon-arrow-left</li>
<li><i class="icon-arrow-right"></i> icon-arrow-right</li>
<li><i class="icon-arrow-up"></i> icon-arrow-up</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-caret-down"></i> icon-caret-down</li>
<li><i class="icon-caret-left"></i> icon-caret-left</li>
<li><i class="icon-caret-right"></i> icon-caret-right</li>
<li><i class="icon-caret-up"></i> icon-caret-up</li>
<li><i class="icon-chevron-down"></i> icon-chevron-down</li>
<li><i class="icon-chevron-left"></i> icon-chevron-left</li>
<li><i class="icon-chevron-right"></i> icon-chevron-right</li>
<li><i class="icon-chevron-up"></i> icon-chevron-up</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-chevron-sign-left"></i>
icon-chevron-sign-left</li>
<li><i class="icon-chevron-sign-right"></i>
icon-chevron-sign-right</li>
<li><i class="icon-chevron-sign-up"></i>
icon-chevron-sign-up</li>
<li><i class="icon-chevron-sign-down"></i>
icon-chevron-sign-down</li>
<li><i class="icon-circle-arrow-down"></i>
icon-circle-arrow-down</li>
<li><i class="icon-circle-arrow-left"></i>
icon-circle-arrow-left</li>
<li><i class="icon-circle-arrow-right"></i>
icon-circle-arrow-right</li>
<li><i class="icon-circle-arrow-up"></i>
icon-circle-arrow-up</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-double-angle-left"></i>
icon-double-angle-left</li>
<li><i class="icon-double-angle-right"></i>
icon-double-angle-right</li>
<li><i class="icon-double-angle-up"></i>
icon-double-angle-up</li>
<li><i class="icon-double-angle-down"></i>
icon-double-angle-down</li>
<li><i class="icon-hand-down"></i> icon-hand-down</li>
<li><i class="icon-hand-left"></i> icon-hand-left</li>
<li><i class="icon-hand-right"></i> icon-hand-right</li>
<li><i class="icon-hand-up"></i> icon-hand-up</li>
</ul>
</div>
</section>
<section id="video-player" class="row">
<div class="span12">
<h2 class="page-header">Video Player Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-play-circle"></i> icon-play-circle</li>
<li><i class="icon-play-sign"></i> icon-play-sign</li>
<li><i class="icon-play"></i> icon-play</li>
<li><i class="icon-pause"></i> icon-pause</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-stop"></i> icon-stop</li>
<li><i class="icon-eject"></i> icon-eject</li>
<li><i class="icon-backward"></i> icon-backward</li>
<li><i class="icon-forward"></i> icon-forward</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-fast-backward"></i> icon-fast-backward</li>
<li><i class="icon-fast-forward"></i> icon-fast-forward</li>
<li><i class="icon-step-backward"></i> icon-step-backward</li>
<li><i class="icon-step-forward"></i> icon-step-forward</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-fullscreen"></i> icon-fullscreen</li>
<li><i class="icon-resize-full"></i> icon-resize-full</li>
<li><i class="icon-resize-small"></i> icon-resize-small</li>
</ul>
</div>
</section>
<section id="brand" class="row">
<div class="span12">
<h2 class="page-header">Brand Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-css3"></i> icon-css3</li>
<li><i class="icon-facebook"></i> icon-facebook</li>
<li><i class="icon-facebook-sign"></i> icon-facebook-sign</li>
<li><i class="icon-twitter"></i> icon-twitter</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-twitter-sign"></i> icon-twitter-sign</li>
<li><i class="icon-github"></i> icon-github</li>
<li><i class="icon-github-sign"></i> icon-github-sign</li>
<li><i class="icon-html5"></i> icon-html5</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-linkedin"></i> icon-linkedin</li>
<li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li>
<li><i class="icon-maxcdn"></i> icon-maxcdn</li>
<li><i class="icon-pinterest"></i> icon-pinterest</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li>
<li><i class="icon-google-plus"></i> icon-google-plus</li>
<li><i class="icon-google-plus-sign"></i>
icon-google-plus-sign</li>
</ul>
</div>
</section>
<section id="medical" class="row">
<div class="span12">
<h2 class="page-header">Medical Icons</h2>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-ambulance"></i> icon-ambulance</li>
<li><i class="icon-beaker"></i> icon-beaker</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-h-sign"></i> icon-h-sign</li>
<li><i class="icon-hospital"></i> icon-hospital</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-medkit"></i> icon-medkit</li>
<li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<li><i class="icon-stethoscope"></i> icon-stethoscope</li>
<li><i class="icon-user-md"></i> icon-user-md</li>
</ul>
</div>
</section>
</div>
</div>
</div>
<div class="pd5">
<label for="iconspos"><?php
_e('Icons position', 'cb-getrends');
?>
</label> <select name="iconspos" id="iconspos"><option
value="top">
<?php
_e('top', 'cb-getrends');
?>
</option>
<option value="bottom" <?php
if ($iconspos == 'bottom') {
?>
selected <?php
}
?>
>
<?php
_e('bottom', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="icons_bottom_margin"><?php
_e('Icons bottom margin', 'cb-getrends');
?>
</label> <input name="icons_bottom_margin" type="text"
id="icons_bottom_margin"
value="<?php
echo $icons_bottom_margin;
?>
" />
</div>
</div>
<!-- ## TOP ICON SECTION END ##-->
<!-- DEMO SECTION START-->
<div class="democ">
<br />
<div class="pd5" style="border-top: 0px;">
1. In order to install GE Trends demo content select Demo
settings option and click "SAVE ALL SETTINGS".<br /> <br /> If
this is not new wordpress installation BACKUP your database
before performing demo installation. You can use WP-DB-BACKUP
plugin.<br /> <br /> <b>After clicking "Save All Settings" wait
untill confirmation box appears. IT MAY TAKE FEW MINUTES.</b>
</div>
<div class="pd5" style="border-bottom: 0px;">
<label for="demol"><?php
_e('Demo settings option', 'cb-getrends');
?>
</label> <select name="demol" id="demol">
<option value="">
<?php
_e('-----', 'cb-getrends');
?>
</option>
<option value="normal">
<?php
_e('demo content', 'cb-getrends');
?>
</option>
</select> <br />
</div>
<div class="pd5" style="border-bottom: 0px;">
<label for="demo_widget"><?php
_e('Load demo widgets', 'cb-getrends');
?>
</label> <select name="demo_widget" id="demo_widget">
<option value="">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="normal">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> <br />
</div>
<div class="pd5" style="border-bottom: 0px;">
<label for="demo_atts"><?php
_e('Load placeholder images', 'cb-getrends');
?>
</label> <select name="demo_atts" id="demo_atts">
<option value="">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes">
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select> Will slow down installation. <br />
</div>
</div>
<!-- ## DEMO SECTION END ##-->
<!-- SIDEBARS SECTION START-->
<div class="sidebars">
<div class="pd5" style="border-top: none;">
<label for="sideb_col"><?php
_e('Sidebar Default Column', 'cb-getrends');
?>
</label> <select name="sideb_col" id="sideb_col"><option
value="left">
<?php
_e('left', 'cb-getrends');
?>
</option>
<option value="right" <?php
if ($sideb_col == 'right') {
?>
selected
<?php
}
?>
>
<?php
_e('right', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="sideb_page"><?php
_e('Sidebar on pages', 'cb-getrends');
?>
?</label>
<select name="sideb_page" id="sideb_page"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($sideb_page == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<div class="pd5">
<label for="sideb_post"><?php
_e('Sidebar in posts', 'cb-getrends');
?>
?</label>
<select name="sideb_post" id="sideb_post"><option value="no">
<?php
_e('no', 'cb-getrends');
?>
</option>
<option value="yes" <?php
if ($sideb_post == 'yes') {
?>
selected
<?php
}
?>
>
<?php
_e('yes', 'cb-getrends');
?>
</option>
</select>
</div>
<br /> <b><?php
_e('Current GE Trends Generated Sidebars', 'cb-getrends');
?>
:</b><br />
<br />
<?php
global $wp_registered_sidebars;
$sidebars = $wp_registered_sidebars;
if (is_array($sidebars) && !empty($sidebars)) {
foreach ($sidebars as $sidebar) {
if ($sidebar['name'] != 'sidebar' && $sidebar['name'] != 'middlebar' && $sidebar['name'] != 'after-post' && $sidebar['name'] != 'below-header' && $sidebar['name'] != 'footer-lower' && $sidebar['name'] != 'footer-top-lower' && $sidebar['name'] != 'footer-top-lower-right' && $sidebar['name'] != 'home-top-wide' && $sidebar['name'] != 'footer-1' && $sidebar['name'] != 'footer-2' && $sidebar['name'] != 'footer-3' && $sidebar['name'] != 'footer-4' && $sidebar['name'] != 'footer-hidden' && $sidebar['name'] != 'top-widget' && $sidebar['name'] != 'slider') {
echo '<input type="text" value="' . $sidebar['name'] . '" id="' . $sidebar['id'] . '" readonly="readonly" style="width:120px"> <input type="checkbox" id="del-' . $sidebar['id'] . '" class="" name="del-' . $sidebar['id'] . '" value="del"> Delete This Sidebar<br/>';
}
}
}
echo '<br/><input type="text" name="new_sidebar" id="new_sidebar" value=""/> <input type="submit" class="button-primary btn" id="add_sidebar" value="add new sidebar" style="padding:4px!important;padding-left:20px!important;padding-right:20px!important;"/>';
?>
<br /> <br />
</div>
<!-- ## SIDEBARS SECTION END ##-->
<style media="screen">
.help img {
border: 1px solid #000;
}
</style>
<script type="text/javascript">
jQuery('.homepage').hide();jQuery('.headermenu').hide();jQuery('.slider').hide();jQuery('.recaptcha').hide();jQuery('.wooshop').hide();jQuery('.democ').hide();jQuery('.help').hide();jQuery('.styles').hide();jQuery('.sidebars').hide();jQuery('.shortcodes').hide();jQuery('.slider2').hide();jQuery('.top-icons').hide();
jQuery('.mn a').click(function() {
jQuery('.homepage').hide();jQuery('.headermenu').hide();jQuery('.slider').hide();jQuery('.democ').hide();jQuery('.slider2').hide();jQuery('.recaptcha').hide();jQuery('.wooshop').hide();jQuery('.help').hide();jQuery('.styles').hide();jQuery('.shortcodes').hide();jQuery('.sidebars').hide();jQuery('.general').hide();jQuery('.top-icons').hide();jQuery('#homepage').removeClass('sel');jQuery('#headermenu').removeClass('sel');jQuery('#wooshop').removeClass('sel');jQuery('#slider').removeClass('sel');jQuery('#slider2').removeClass('sel');jQuery('#recaptcha').removeClass('sel');jQuery('#help').removeClass('sel');jQuery('#styles').removeClass('sel');jQuery('#sidebars').removeClass('sel');jQuery('#general').removeClass('sel');jQuery('#shortcodes').removeClass('sel');jQuery('#democ').removeClass('sel');jQuery('#top-icons').removeClass('sel');
var idd=jQuery(this).attr('id'); jQuery('#'+idd).addClass('sel'); jQuery('.'+idd).fadeIn('slow').show();
});
</script>
<input type="hidden" name="action" value="st_data_save" /> <input
type="hidden" name="security"
value="<?php
echo wp_create_nonce('GE Trends-settings');
?>
" />
<input type="hidden" name="update_settings" value="Y" /> </br> </br>
<input type="submit"
value="<?php
_e('SAVE ALL SETTINGS', 'cb-getrends');
?>
"
class="button-primary btn" />
</form>
</div>
</div>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
<?php
}
function new_meta_boxes_post()
{
global $post, $new_meta_boxes_post;
?>
<style type="text/css">
.round,#sidebar img {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.frame {
border: 1px solid #d5d5d5;
background: #f9f9f9;
margin: 10px 0 10px 0;
display: block;
}
.framein {
padding: 5px;
border: 1px solid white;
}
.heady {
font-size: 14px;
text-shadow: 1px 1px white;
padding: 10px 5px 10px 5px;
color: #545A61;
font-weight: bold;
background-color: #F1F1F1;
background-image: -ms-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9),
to(#ECECEC) );
background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC);
background-image: linear-gradient(top, #F9F9F9, #ECECEC);
}
.port_sho {
display: inline-block;
padding: 0px 10px 0px 10px;
cursor: pointer;
border: 2px solid #f9f9f9;
}
a,a:link,a:visited,a:active {
color: #2E2E2E;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
border: 0;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #fff;
}
.cl {
clear: both;
}
.sidebar_radio {
width: 150px;
height: 65px;
position: absolute;
cursor: pointer;
margin-left: -150px !important;
}
.sidebar2_radio {
width: 150px;
height: 65px;
position: absolute;
cursor: pointer;
margin-left: -175px !important;
}
.fl {
float: left;
text-align: center;
cursor: pointer;
}
.fl img {
border: 2px solid #f9f9f9;
padding: 2px;
}
.fl img.sel {
border: 2px solid #333;
padding: 2px;
}
.sel {
border: 2px solid #333;
}
.gallery-image {
display: block;
float: left;
margin-bottom: 5px;
margin-right: 5px;
cursor: pointer;
width: 80px;
border: 2px solid transparent;
height: 40px;
position: relative;
}
.gallery-image .del {
position: absolute;
right: -8px;
top: -7px;
}
.gallery-image:hover {
border: 2px solid #f8c100;
}
</style>
<div class="frame round">
<div class="framein round heady">
<?php
_e('Post Type', 'cb-getrends');
?>
</div>
</div>
<div class="frame round">
<div class="framein round">
<a class="port_sho" id="default" onclick="show_cat('default');"><?php
_e('default', 'cb-getrends');
?>
</a> <a class="port_sho" id="portfolio"
onclick="show_cat('portfolio');"><?php
_e('portfolio', 'cb-getrends');
?>
</a> <a class="port_sho" id="gallery" onclick="show_cat('gallery');"><?php
_e('gallery', 'cb-getrends');
?>
</a> <a class="port_sho" id="video" onclick="show_cat('video')"><?php
_e('video', 'cb-getrends');
?>
</a> <a class="port_sho" id="audio" onclick="show_cat('audio')"><?php
_e('audio', 'cb-getrends');
?>
</a> <a class="port_sho" id="slider" onclick="show_cat('slider')"><?php
_e('slider', 'cb-getrends');
?>
</a>
</div>
</div>
<div style="clear: both;"></div>
<script type="text/javascript">
function show_cat(cat){
if (cat){
jQuery('#cb4_cb_type').val(cat);
jQuery('.portfolio').hide();jQuery('.default').hide();jQuery('.video').hide();jQuery('.audio').hide();jQuery('.slider').hide();jQuery('.gallery').hide();
jQuery('.'+cat).fadeIn('slow').show();
jQuery('.port_sho').removeClass('sel');
jQuery('#'+cat).addClass('sel');
}
}
jQuery(document).ready(function() {
<?php
$imgs = get_children('order=asc&orderby=menu_order&post_type=attachment&post_mime_type=image&post_parent=' . $post->ID);
if ($imgs) {
?>
jQuery('.gallery-attachments').sortable();
jQuery('.gallery-image .del').hide();
jQuery('.gallery-image').hover(
function () {
jQuery(this).find('.del').show();
},
function () {
jQuery(this).find('.del').hide();
}
);
jQuery('.gallery-image .del').click(function() {
var confirm1 = confirm('Delete this attachment?');
if (confirm1) {
var oldval=jQuery(this).parent().find('#att_id_del').val();
jQuery(this).parent().find('#att_id_del').val(oldval+'delete');
jQuery(this).parent().hide();
} else { }
});
<?php
}
?>
<?php
if (esc_attr(get_post_meta($post->ID, 'cb4_cb_type', 'true'))) {
echo "show_cat('" . esc_attr(get_post_meta($post->ID, 'cb4_cb_type', 'true')) . "');";
} else {
echo "show_cat('default');";
}
?>
jQuery("#sideb_left").click(function (){ jQuery("#sidebar_name").fadeIn('slow').show(); jQuery("#sidebar_v").val('left'); jQuery("#sideb_left img").removeClass("sel");jQuery("#sideb_none img").removeClass("sel");jQuery("#sideb_right img").removeClass("sel"); jQuery("#sideb_left img").addClass("sel"); });jQuery("#sideb_none").click(function (){ jQuery("#sidebar_name").hide(); jQuery("#sidebar_v").val('none'); jQuery("#sideb_left img").removeClass("sel");jQuery("#sideb_none img").removeClass("sel");jQuery("#sideb_right img").removeClass("sel"); jQuery("#sideb_none img").addClass("sel"); });jQuery("#sideb_right").click(function (){ jQuery("#sidebar_name").fadeIn('slow').show(); jQuery("#sidebar_v").val('right'); jQuery("#sideb_left img").removeClass("sel");jQuery("#sideb_none img").removeClass("sel");jQuery("#sideb_right img").removeClass("sel"); jQuery("#sideb_right img").addClass("sel"); });
var ht1=jQuery('#cb4_header_type').val();
if(ht1=="slider_head") jQuery(".titles").hide(); else jQuery(".titles").show();
});
</script>
<?php
foreach ($new_meta_boxes_post as $meta_box_post) {
$meta_box_value = esc_attr(get_post_meta($post->ID, $meta_box_post['name'], true));
if ($meta_box_value == "") {
$meta_box_value = $meta_box_post['std'];
}
global $wp_registered_sidebars;
$sidebars = $wp_registered_sidebars;
echo '<input type="hidden" name="' . $meta_box_post['name'] . '_noncename" id="' . $meta_box_post['name'] . '_noncename" value="' . wp_create_nonce(plugin_basename(__FILE__)) . '" />';
if ($meta_box_post['name'] == 'cb4_cb_type') {
echo '<input type="hidden" name="cb4_cb_type" id="cb4_cb_type" value="' . $meta_box_value . '" />';
}
/* GE Trends page/post types */
$cats = esc_attr(get_post_meta($post->ID, 'cb4_cats', 'true'));
echo '<input type="hidden" id="post-id" value="' . $post->ID . '" name="post-id"/>';
if ($meta_box_post['name'] == 'cb4_header_type') {
$header_type = esc_attr(get_post_meta($post->ID, 'cb4_header_type', 'true'));
$headtfc = esc_attr(get_post_meta($post->ID, 'cb4_header_color', 'true'));
$breadfc = esc_attr(get_post_meta($post->ID, 'cb4_bread_color', 'true'));
$headtsc = esc_attr(get_post_meta($post->ID, 'cb4_header_shadow_color', 'true'));
$header_bg_image = esc_attr(get_post_meta($post->ID, 'cb4_header_bg_image', 'true'));
$header_bg_color = esc_attr(get_post_meta($post->ID, 'cb4_header_bg_color', 'true'));
$header_height = esc_attr(get_post_meta($post->ID, 'cb4_header_height', 'true'));
$header_height2 = esc_attr(get_post_meta($post->ID, 'cb4_header_height2', 'true'));
$sf = esc_attr(get_post_meta($post->ID, 'cb4_sf', 'true'));
$si = esc_attr(get_post_meta($post->ID, 'cb4_si', 'true'));
$map_a = esc_attr(get_post_meta($post->ID, 'cb4_map_a', 'true'));
$map_t = esc_attr(get_post_meta($post->ID, 'cb4_map_t', 'true'));
$map_z = esc_attr(get_post_meta($post->ID, 'cb4_map_z', 'true'));
$alig = esc_attr(get_post_meta($post->ID, 'cb4_alig', 'true'));
$aligtc = esc_attr(get_post_meta($post->ID, 'cb4_aligtc', 'true'));
$aligbc = esc_attr(get_post_meta($post->ID, 'cb4_aligbc', 'true'));
if (!isset($alig)) {
$alig = '';
}
if ($map_t == 's') {
$map_t_s = ' selected';
} else {
$map_t_s = '';
}
if ($header_type == 'bg_head') {
$ht1 = ' selected';
} else {
$ht1 = '';
}
if ($header_type == 'slider_head') {
$ht2 = ' selected';
} else {
$ht2 = '';
}
if ($header_type == 'map') {
$ht3 = ' selected';
} else {
$ht3 = '';
}
if ($sf == 'no') {
$sf1 = ' selected';
} else {
$sf1 = '';
}
if ($si == 'no') {
$si1 = ' selected';
} else {
$si1 = '';
}
if ($alig == '1') {
$alig1 = ' selected';
} else {
$alig1 = '';
}
if ($alig == '2') {
$alig2 = ' selected';
} else {
$alig2 = '';
}
if ($alig == '3') {
$alig3 = ' selected';
} else {
$alig3 = '';
}
if ($alig == '4') {
$alig4 = ' selected';
} else {
$alig4 = '';
}
if ($alig == '5') {
$alig5 = ' selected';
} else {
$alig5 = '';
}
if ($alig == '6') {
$alig6 = ' selected';
} else {
$alig6 = '';
}
echo '<script type="text/javascript" src="' . WP_THEME_URL . '/inc/js/jscolor/jscolor.js"></script>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Display Featured Image', 'cb-getrends') . '?</b><br/><br/>';
echo '<select id="cb4_sf" name="cb4_sf">
<option value="yes">' . __('yes', 'cb-getrends') . '</option>
<option value="no"' . $sf1 . '>' . __('no', 'cb-getrends') . '</option>
</select>';
echo '</div></div>';
echo '<div class="frame round" style="display:none;"><div class="framein round"><b>' . __('Display Attached Images', 'cb-getrends') . '?</b><br/><br/>';
echo '<select id="cb4_si" name="cb4_si">
<option value="yes">' . __('yes', 'cb-getrends') . '</option>
<option value="no"' . $si1 . '>' . __('no', 'cb-getrends') . '</option>
</select>';
echo '<br/><br/>Won\'t work if featured image is disabled.</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Recent Posts Block Style', 'cb-getrends') . ':</b><br/><br/>';
echo '<select id="cb4_alig" name="cb4_alig">
<option value="">' . __('normal', 'cb-getrends') . '</option>
<option value="1"' . $alig1 . '>' . __('only image', 'cb-getrends') . '</option>
<option value="2"' . $alig2 . '>' . __('bg image + center text', 'cb-getrends') . '</option>
<option value="3"' . $alig3 . '>' . __('bg image + text bottom title top', 'cb-getrends') . '</option>
<option value="4"' . $alig4 . '>' . __('bg image + text top', 'cb-getrends') . '</option>
<option value="5"' . $alig5 . '>' . __('bg image + text bottom', 'cb-getrends') . '</option>
<option value="6"' . $alig6 . '>' . __('only text', 'cb-getrends') . '</option>
</select> Background Color: <input name="cb4_aligbc" type="text" value="' . $aligbc . '" class="color"/> Text Color: <input name="cb4_aligtc" type="text" value="' . $aligtc . '" class="color"/>';
echo '<br/><br/>Won\'t work if featured image is disabled.</div></div>';
echo '<div class="header_type"><div class="frame round"><div class="framein round heady">' . __('Header Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Page Header Type', 'cb-getrends') . ':</b><br/><br/>';
echo '<select id="cb4_header_type" name="cb4_header_type">
<option value="normal_header">' . __('Normal', 'cb-getrends') . '</option>
<option value="bg_head"' . $ht1 . '>' . __('Background image', 'cb-getrends') . '</option>
<option value="slider_head"' . $ht2 . '>' . __('Slider', 'cb-getrends') . '</option>
<option value="map"' . $ht3 . '>' . __('Map', 'cb-getrends') . '</option>
</select>';
echo '</div></div>';
echo '<div class="map hide_head">';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Map Address', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_map_a" type="text" value="' . $map_a . '"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Map Zoom', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_map_z" type="text" value="' . $map_z . '"/> (1-15)';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Map Type', 'cb-getrends') . ':</b><br/><br/>';
echo '<select name="cb4_map_t">';
echo '<option value="m">map</option>';
echo '<option value="s" ' . $map_t_s . '>satellite</option>';
echo '</select>';
echo '</div></div>';
echo '</div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Title Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_color" type="text" value="' . $headtfc . '" class="color"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Title Shadow Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_shadow_color" type="text" value="' . $headtsc . '" class="color"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Breadcrumbs Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_bread_color" type="text" value="' . $breadfc . '" class="color"/>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Background Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_bg_color" type="text" value="' . $header_bg_color . '" class="color"/>';
echo '</div></div>';
$slidertoptintp = esc_attr(get_post_meta($post->ID, 'cb4_slidertoptintp', 'true'));
$sloganp = esc_attr(get_post_meta($post->ID, 'cb4_sloganp', 'true'));
$sloganpc = esc_attr(get_post_meta($post->ID, 'cb4_sloganpc', 'true'));
$sloganph = esc_attr(get_post_meta($post->ID, 'cb4_sloganph', 'true'));
$ht_backgroundp = esc_attr(get_post_meta($post->ID, 'cb4_ht_backgroundp', 'true'));
if ($slidertoptintp == 'bdark') {
$slidertoptintpo1 = ' selected';
} else {
$slidertoptintpo1 = '';
}
if ($slidertoptintp == 'blight') {
$slidertoptintpo2 = ' selected';
} else {
$slidertoptintpo2 = '';
}
if ($slidertoptintp == 'wdark') {
$slidertoptintpo3 = ' selected';
} else {
$slidertoptintpo3 = '';
}
if ($slidertoptintp == 'wlight') {
$slidertoptintpo4 = ' selected';
} else {
$slidertoptintpo4 = '';
}
if ($slidertoptintp == 'no') {
$slidertoptintpo5 = ' selected';
} else {
$slidertoptintpo5 = '';
}
if ($slidertoptintp == 'tblack') {
$slidertoptintpo7 = ' selected';
} else {
$slidertoptintpo7 = '';
}
if ($slidertoptintp == 'twhite') {
$slidertoptintpo8 = ' selected';
} else {
$slidertoptintpo8 = '';
}
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header tint', 'cb-getrends') . ':</b><br/><br/>';
echo '<select id="cb4_slidertoptintp" type="text" name="cb4_slidertoptintp">
<option value="no" ' . $slidertoptintpo5 . '>no</option>
<option value="bdark" ' . $slidertoptintpo1 . '>black dark</option>
<option value="blight" ' . $slidertoptintpo2 . '>black light</option>
<option value="wdark" ' . $slidertoptintpo3 . '>white dark</option>
<option value="wlight" ' . $slidertoptintpo4 . '>white light</option>
<option value="tblack" ' . $slidertoptintpo7 . '>top black shadow</option>
<option value="twhite" ' . $slidertoptintpo8 . '>top white shadow</option>
</select>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Slogan', 'cb-getrends') . ':</b><br/><br/>';
echo '<textarea id="cb4_sloganp" type="text" name="cb4_sloganp" style="width:500px;">' . $sloganp . '</textarea>';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Slogan Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_sloganpc" type="text" name="cb4_sloganpc" class="color" value="' . $sloganpc . '" />';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Slogan Top Margin', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_sloganph" type="text" name="cb4_sloganph" value="' . $sloganph . '" /> (without px)';
echo '</div></div>';
echo '<div class="frame round titles"><div class="framein round"><b>' . __('Header Menu and Logo Background Color', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_ht_backgroundp" type="text" name="cb4_ht_backgroundp" class="color" value="' . $ht_backgroundp . '" />';
echo '</div></div>';
echo '<script type="text/javascript">
var ht="";
jQuery("select#cb4_header_type").change(function () {
jQuery("select#cb4_header_type option:selected").each(function () {
ht=jQuery(this).val();
});
jQuery(".hide_head").hide();
jQuery("."+ht).show();
if(ht=="slider_head") jQuery(".titles").hide(); else jQuery(".titles").show();
}).change();';
if ($header_type != '') {
echo 'jQuery(document).ready(function(){
var htt="' . $header_type . '";
jQuery("."+htt).show();
});';
}
echo '</script>';
echo '<div class="slider_head hide_head" style="display:none;">';
$home_slider = esc_attr(get_post_meta($post->ID, 'cb4_home_slider', 'true'));
if ($home_slider == 'any') {
$hslider1 = ' selected="selected"';
} else {
$hslider1 = '';
}
if ($home_slider == 'round') {
$hslider2 = ' selected="selected"';
} else {
$hslider2 = '';
}
if ($home_slider == 'kwicks') {
$hslider3 = ' selected="selected"';
} else {
$hslider3 = '';
}
if ($home_slider == 'nivo') {
$hslider4 = ' selected="selected"';
} else {
$hslider4 = '';
}
if ($home_slider == 'drag') {
$hslider5 = ' selected="selected"';
} else {
$hslider5 = '';
}
if ($home_slider == 'full') {
$hslider6 = ' selected="selected"';
} else {
$hslider6 = '';
}
if ($home_slider == 'revo') {
$hslider7 = ' selected="selected"';
} else {
$hslider7 = '';
}
echo '<div class="frame round"><div class="framein round"><b>' . __('Slider', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_home_slider" id="home_slider"><option value="none">' . __('None', 'cb-getrends') . '</option>
<option value="revo"' . $hslider7 . '>' . __('Revolution Slider', 'cb-getrends') . '</option>
<option value="any"' . $hslider1 . '>' . __('Anything Slider', 'cb-getrends') . '</option>
<option value="full"' . $hslider6 . '>' . __('FullScreen Slider', 'cb-getrends') . '</option>
</select><br/><br/>' . __('Slider settings can be set up in GE Trends Menu in Slider Tab.', 'cb-getrends') . '</div></div>';
echo '<div class="frame round revo "><div class="framein round"><b>' . __('Revolution Slider Name', 'cb-getrends') . ':</b><br/><br/>';
echo '<div ><select name="cb4_revo_type">';
$revo_type = esc_attr(get_post_meta($post->ID, 'cb4_revo_type', 'true'));
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
foreach ($arrSliders as $slider) {
$stitle = $slider->getTitle();
$salias = $slider->getAlias();
if ($revo_type == $salias) {
$curest = ' selected ';
} else {
$curest = '';
}
echo '<option value=' . $salias . ' ' . $curest . '>' . $stitle . '</option>';
}
echo '</select></div>
</div>
</div></div>';
echo '<script type="text/javascript">
var ht="";
jQuery("select#home_slider").change(function () {
jQuery("select#home_slider option:selected").each(function () {
ht=jQuery(this).val();
});
if(ht=="revo") jQuery("."+ht).show(); else jQuery(".revo").hide();
}).change();';
if ($home_slider == 'revo') {
echo 'jQuery(document).ready(function(){
jQuery(".revo").show();
});';
}
echo '</script>';
echo '<div class="bg_head hide_head" style="display:none;">';
echo '<div class="frame round"><div class="framein round"><b>' . __('Background Image', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="cb4_header_bg_image" type="text" size="36" name="cb4_header_bg_image" class="upurl input-upload" value="' . $header_bg_image . '" /><input style="cursor:pointer;" class="upload_button" type="button" value="' . __('Upload Image', 'cb-getrends') . '" /><br /><br/>' . __('Enter an URL or upload image', 'cb-getrends') . '.';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Header Top Padding Height', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_height" type="text" value="' . $header_height . '"/>';
echo '<br/>' . _e('without px', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Header Bottom Padding Height', 'cb-getrends') . ':</b><br/><br/>';
echo '<input name="cb4_header_height2" type="text" value="' . $header_height2 . '"/>';
echo '<br/>' . _e('without px', 'cb-getrends') . '</div></div>';
echo '</div>';
echo '</div>';
}
if ($meta_box_post['name'] == 'cb4_cb_type') {
// case 'portfolio':
$plink = esc_attr(get_post_meta($post->ID, 'cb4_plink', 'true'));
if ($plink == 'image') {
$ck1 = ' selected';
} else {
$ck1 = '';
}
$port_url = esc_attr(get_post_meta($post->ID, 'cb4_port_url', 'true'));
$port_client = esc_attr(get_post_meta($post->ID, 'cb4_port_client', 'true'));
$port_author = esc_attr(get_post_meta($post->ID, 'cb4_port_author', 'true'));
$port_key = esc_attr(get_post_meta($post->ID, 'cb4_port_key', 'true'));
echo '<div class="portfolio"><div class="frame round"><div class="framein round heady">' . __('Portfolio Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Project URL', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_url" id="port_url" value="' . $port_url . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Project Client', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_client" id="port_client" value="' . $port_client . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Project Author', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_author" id="port_author" value="' . $port_author . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Keywords', 'cb-getrends') . ':</b><br/><br/>
<input type="text" name="cb4_port_key" id="port_key" style="width:400px;" value="' . $port_key . '"/></div></div>';
echo '</div>';
$aurl = esc_attr(get_post_meta($post->ID, 'cb4_aurl', 'true'));
echo '<div class="audio"><div class="frame round"><div class="framein round heady">' . __('Audio Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Audio URL', 'cb-getrends') . ':</b><br/><br/>';
echo '<input id="upload_audio" type="text" size="36" name="cb4_aurl" class="upurl" value="' . $aurl . '" /><input style="cursor:pointer;" class="upload_button" type="button" value="' . __('Upload Audio', 'cb-getrends') . '" /><br /><br/>' . __('Enter an URL or upload audio file', 'cb-getrends') . '.';
echo '</div></div>';
echo '</div>';
// case 'video':
$vurl = esc_attr(get_post_meta($post->ID, 'cb4_vurl', 'true'));
echo '<div class="video"><div class="frame round"><div class="framein round heady">' . __('Video Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Video URL:', 'cb-getrends') . '</b><br/><br/>';
echo '<input id="upload_video" type="text" size="36" name="cb4_vurl" class="upurl" value="' . $vurl . '" /><input style="cursor:pointer;" class="upload_button" type="button" value="' . __('Upload Video', 'cb-getrends') . '" /><br /><br/>' . __('Enter an URL or upload video.', 'cb-getrends') . '';
echo '</div></div>';
echo '</div>';
// case 'slider':
echo '<div class="slider"><div class="frame round"><div class="framein round heady">' . __('Slider Settings', 'cb-getrends') . '</div></div>';
$s_beh = esc_attr(get_post_meta($post->ID, 'cb4_s_beh', 'true'));
if ($s_beh == 'cat') {
$sbh = ' selected="selected"';
} else {
$sbh = '';
}
$s_frame = esc_attr(get_post_meta($post->ID, 'cb4_s_frame', 'true'));
if ($s_frame == 'yes') {
$sbh2 = ' selected="selected"';
} else {
$sbh2 = '';
}
$s_auto = esc_attr(get_post_meta($post->ID, 'cb4_s_auto', 'true'));
$s_delay = esc_attr(get_post_meta($post->ID, 'cb4_s_delay', 'true'));
$s_ani_time = esc_attr(get_post_meta($post->ID, 'cb4_s_ani_time', 'true'));
$s_easing = esc_attr(get_post_meta($post->ID, 'cb4_s_easing', 'true'));
if ($s_auto == 'false') {
$ck2 = ' selected';
} else {
$ck2 = '';
}
if ($s_easing == 'linear') {
$ck3 = ' selected';
} else {
$ck3 = '';
}
if ($s_delay == '') {
$s_delay = '5000';
}
if ($s_ani_time == '') {
$s_ani_time = '300';
}
echo '<div class="frame round"><div class="framein round"><b' . __('>Slider Behaviour', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_s_beh" id="s_beh"><option value="images">' . __('Slider from images attached to this page', 'cb-getrends') . '</option><option value="cat"' . $sbh . '>' . __('Slider from category selected below', 'cb-getrends') . '</option></select></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Slider Posts Category', 'cb-getrends') . ':</b><br/><br/>';
wp_dropdown_categories('show_count=0&hierarchical=1&name=cb4_cats&hide_empty=0&selected=' . $cats);
echo '<br/><br/>' . __('Posts category slider', 'cb-getrends') . '.</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Show in Frame?', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_s_frame" id="s_frame"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes"' . $sbh2 . '>' . __('yes', 'cb-getrends') . '</option></select></div></div>';
echo '<div class="frame round"><div class="framein round"><b>Autoplay</b><br/><br/>
<select name="cb4_s_auto" id="s_auto"><option value="true">' . __('true', 'cb-getrends') . '</option><option value="false"' . $ck2 . '>' . __('false', 'cb-getrends') . '</option></select></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Delay (in ms)', 'cb-getrends') . '</b><br/><br/>
<input type="text" name="cb4_s_delay" id="s_delay" value="' . $s_delay . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Animation time', 'cb-getrends') . '</b><br/><br/>
<input type="text" name="cb4_s_ani_time" id="s_ani_time" value="' . $s_ani_time . '"/></div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Easing Effect', 'cb-getrends') . '</b><br/><br/>
<select name="cb4_s_easing" id="s_easing" ><option value="swing">swing</option><option value="linear"' . $ck3 . '>linear</option></select></div></div>';
echo '</div>';
// case 'gallery':
echo '<div class="gallery"><div class="frame round"><div class="framein round heady">' . __('Gallery', 'cb-getrends') . '</div></div>';
$cols = esc_attr(get_post_meta($post->ID, 'cb4_columns', 'true'));
$per_page = esc_attr(get_post_meta($post->ID, 'cb4_per_page', 'true'));
$grid = esc_attr(get_post_meta($post->ID, 'cb4_grid', 'true'));
$gcap = esc_attr(get_post_meta($post->ID, 'cb4_gcap', 'true'));
$fullg = esc_attr(get_post_meta($post->ID, 'cb4_fullg', 'true'));
$bnw = esc_attr(get_post_meta($post->ID, 'cb4_bnw', 'true'));
$zoom = esc_attr(get_post_meta($post->ID, 'cb4_zoom', 'true'));
if ($cols == '2') {
$chk1 = 'selected';
} else {
$chk1 = '';
}
if ($cols == '3') {
$chk2 = 'selected';
} else {
$chk2 = '';
}
if ($cols == '4') {
$chk3 = 'selected';
} else {
$chk3 = '';
}
if ($grid == 'yes') {
$ck_grid = 'selected';
} else {
$ck_grid = '';
}
if ($gcap == 'yes') {
$ck_gcap = 'selected';
} else {
$ck_gcap = '';
}
if ($fullg == 'yes') {
$ck_fullg = 'selected';
} else {
$ck_fullg = '';
}
if ($bnw == 'yes') {
$ck_bnw = 'selected';
} else {
$ck_bnw = '';
}
if ($zoom == 'yes') {
$ck_zoom = 'selected';
} else {
$ck_zoom = '';
}
echo '<div class="frame round"><div class="framein round"><b>' . __('Grid gallery', 'cb-getrends') . '?</b><br/><br/>';
echo '<select name="cb4_grid"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_grid . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Captions', 'cb-getrends') . '?</b> (from Media Library)<br/><br/>';
echo '<select name="cb4_gcap"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_gcap . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Fullscreen gallery', 'cb-getrends') . '?</b><br/><br/>';
echo '<select name="cb4_fullg"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_fullg . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '<br/><br/>Won\'t work with grid gallery enabled.</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Black & White Effect', 'cb-getrends') . '?</b><br/><br/>';
echo '<select name="cb4_bnw"><option value="no">' . __('no', 'cb-getrends') . '</option><option value="yes" ' . $ck_bnw . '>' . __('yes', 'cb-getrends') . '</option></select>';
echo '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Number of columns', 'cb-getrends') . ':</b><br/><br/>
<select name="cb4_columns">
<option value="1">1</option>
<option value="2" ' . $chk1 . '>2</option>
<option value="3" ' . $chk2 . '>3</option>
<option value="4" ' . $chk3 . '>4</option>
</select>
</div></div>';
echo '</div>';
}
/* columns*/
if ($meta_box_post['name'] == 'cb4_sidebar') {
if ($meta_box_post['name'] == 'cb4_sidebar' && $meta_box_value == 'left') {
$sl = 'class="sel"';
} else {
$sl = '';
}
if ($meta_box_post['name'] == 'cb4_sidebar' && $meta_box_value == 'none') {
$sn = 'class="sel"';
} else {
$sn = '';
}
if ($meta_box_post['name'] == 'cb4_sidebar' && $meta_box_value == 'right') {
$sr = 'class="sel"';
} else {
$sr = '';
}
echo '<div class="frame round"><div class="framein round heady">' . __('General Settings', 'cb-getrends') . '</div></div>';
echo '<div class="frame round"><div class="framein round"><b>' . __('Sidebar Position', 'cb-getrends') . ':</b><br/><br/>
<div class="fl" id="sideb_left"><img src="' . WP_THEME_URL . '/inc/images/admin_images/lcol.png" alt="left column" title="left column" ' . $sl . '/></div>
<div class="fl" id="sideb_none"><img src="' . WP_THEME_URL . '/inc/images/admin_images/none.png" alt="full width" title="full width" style="margin-left:20px;margin-right:20px;" ' . $sn . '/></div>
<div class="fl" id="sideb_right"><img src="' . WP_THEME_URL . '/inc/images/admin_images/rcol.png" alt="right column" title="right column" ' . $sr . '/></div><div class="cl"></div>
<input type="hidden" name="cb4_sidebar" id="sidebar_v" value="' . $meta_box_value . '"/>
</div></div>';
}
/* sidebar */
if ($meta_box_post['name'] == 'cb4_sidebar_name') {
echo '<div class="frame round" id="sidebar_name"><div class="framein round"><b>' . __('Sidebar', 'cb-getrends') . ':</b><br/><br/><select name="' . $meta_box_post['name'] . '">';
?>
<option value="0" <?php
if ($meta_box_value == '') {
echo " selected";
}
?>
>default
sidebar</option>
<?php
if (is_array($sidebars) && !empty($sidebars)) {
foreach ($sidebars as $sidebar) {
if ($meta_box_value == $sidebar['name']) {
echo "<option value='{$sidebar['name']}' selected>{$sidebar['name']}</option>\n";
} else {
echo "<option value='{$sidebar['name']}'>{$sidebar['name']}</option>\n";
}
}
}
?>
</select>
<br />
<br />
<?php
_e('You can add new sidebar in GE Trends settings', 'cb-getrends');
?>
.
</div>
</div>
<?php
}
}
?>
<script>var sideb_name=jQuery("#sidebar_v").val();if(sideb_name=='none') {jQuery("#sidebar_name").hide();}</script>
<?php
echo '<div class="frame round"><div class="framein round"><b>' . __('Images', 'cb-getrends') . ':</b><br/><br/>';
echo '<input style="cursor:pointer;" class="upload_button3" type="button" value="View Gallery / Upload Multiple Images" /><br /><br/>' . __('View Gallery / Upload images in Media Library and attach to this post or upload them here and click save without inserting any image', 'cb-getrends') . '.';
echo '</div></div>';
$imgs = get_children('order=asc&orderby=menu_order&post_type=attachment&post_mime_type=image&post_parent=' . $post->ID);
if ($imgs) {
echo '<div class="frame round"><div class="framein round gallery-attachments"><b>' . __('Images currently attached to this post', 'cb-getrends') . ':</b><br/><br/>';
foreach ($imgs as $attachment_id => $attachment) {
$fir = wp_get_attachment_image_src($attachment_id, 'large');
echo '<div class="gallery-image"><img src="' . WP_THEME_URL . '/inc/images/admin_images/delete.png" class="del"/><img src="' . bfi_thumb($fir[0], array('width' => 80, 'height' => 40, 'crop' => true)) . '"/><input type="hidden" name="att_id[]" id="att_id" value="' . $attachment_id . '"/><input type="hidden" name="att_id_del[]" id="att_id_del" value="' . $attachment_id . '"/></div>';
}
echo '<div style="clear:both;"></div><br/>' . __('Drag n Drop images to sort', 'cb-getrends') . '.</div></div>';
}
}
function front_page_options_contentbox($options)
{
$current_slider = $options['current_slider'];
?>
<table class="form-table" style="background-color:#F9F9F9; border:1px solid #DDDDDD;">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Current Slider', 'udesign');
?>
</th>
<td>
<label for="current_slider"><?php
esc_html_e('Choose a slider:', 'udesign');
?>
</label>
<br />
<select name="udesign_options[current_slider]" id="current_slider">
<option value="1"<?php
echo $current_slider == '1' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Flashmo Grid Slider', 'udesign');
?>
</option>
<option value="2"<?php
echo $current_slider == '2' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Piecemaker', 'udesign');
?>
</option>
<option value="3"<?php
echo $current_slider == '3' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Piecemaker 2', 'udesign');
?>
</option>
<option value="4"<?php
echo $current_slider == '4' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Cycle 1 (full width image)', 'udesign');
?>
</option>
<option value="5"<?php
echo $current_slider == '5' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Cycle 2 (image with text)', 'udesign');
?>
</option>
<option value="6"<?php
echo $current_slider == '6' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Cycle 3 (image with sliding text)', 'udesign');
?>
</option>
<option value="8"<?php
echo $current_slider == '8' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('Revolution Slider', 'udesign');
?>
</option>
<option value="7"<?php
echo $current_slider == '7' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('No Slider', 'udesign');
?>
</option>
</select>
<div class="clear"></div>
<div class="submit" style="padding:10px 0 0 80px; float:left; clear:both;">
<input type="hidden" id="udesign_submit" value="1" name="udesign_submit"/>
<input class="button-secondary" type="submit" name="submit" value="<?php
esc_attr_e('Save & Activate', 'udesign');
?>
" />
</div>
<?php
if ($current_slider != '5') {
?>
<div style="padding-top:10px; clear:both;"><?php
esc_html_e('Continue with the section below to customize the slider...', 'udesign');
?>
</div>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
<?php
if ($current_slider == '1') {
$gs_image_width = $options['gs_image_width'];
$gs_image_height = $options['gs_image_height'];
$gs_auto_play = $options['gs_auto_play'];
$gs_grid_row = $options['gs_grid_row'];
$gs_grid_column = $options['gs_grid_column'];
$gs_auto_play_duration = $options['gs_auto_play_duration'];
$gs_tween_duration = $options['gs_tween_duration'];
$gs_tween_delay = $options['gs_tween_delay'];
$gs_bar_status = $options['gs_bar_status'];
$gs_remove_3d_shadow = $options['gs_remove_3d_shadow'];
$gs_slides_order_str = $options['gs_slides_order_str'];
$gs_slides_array = explode(',', $options['gs_slides_order_str']);
$gs_no_js_img = $options['gs_no_js_img'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes, dropdowns and some text fields) -->
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Flashmo Grid Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="gs_image_width"><?php
esc_html_e('Image Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_image_width]" type="text" id="gs_image_width" value="<?php
echo esc_attr($gs_image_width);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width in pixels of the slider images (940 recommended).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_image_height"><?php
esc_html_e('Image Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_image_height]" type="text" id="gs_image_height" value="<?php
echo esc_attr($gs_image_height);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The height in pixels of the slider images (400 recommended).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_auto_play"><?php
esc_html_e('Auto Play', 'udesign');
?>
</label></th>
<td>
<select name="udesign_options[gs_auto_play]" id="gs_auto_play">
<option value="true"<?php
echo $gs_auto_play == 'true' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('True', 'udesign');
?>
</option>
<option value="false"<?php
echo $gs_auto_play == 'false' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('False', 'udesign');
?>
</option>
</select>
<span><?php
esc_html_e('Set the auto play option, true by default ( or false ).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_auto_play_duration"><?php
esc_html_e('Auto Play Duration', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_auto_play_duration]" type="text" id="gs_auto_play_duration" value="<?php
echo esc_attr($gs_auto_play_duration);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds between transitions, 2.4 seconds by default ( or any number of seconds ).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_grid_row"><?php
esc_html_e('Number of Rows', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_grid_row]" type="text" id="gs_grid_row" value="<?php
echo esc_attr($gs_grid_row);
?>
" size="5" maxlength="2" />
<span><?php
esc_html_e('Number of rows, in which the images will be sliced, 4 rows by default ( or any number of rows )', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_grid_column"><?php
esc_html_e('Number of Columns', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_grid_column]" type="text" id="gs_grid_column" value="<?php
echo esc_attr($gs_grid_column);
?>
" size="5" maxlength="2" />
<span><?php
esc_html_e('Number of columns, in which the images will be sliced, 6 columns by default ( or any number of columns )', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_tween_duration"><?php
esc_html_e('Tween Duration', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_tween_duration]" type="text" id="gs_tween_duration" value="<?php
echo esc_attr($gs_tween_duration);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Duration in seconds of the motion tween for each block in the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_tween_delay"><?php
esc_html_e('Tween Delay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[gs_tween_delay]" type="text" id="gs_tween_delay" value="<?php
echo esc_attr($gs_tween_delay);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Delay in seconds between each block in the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="gs_bar_status"><?php
esc_html_e('Bar Status', 'udesign');
?>
</label></th>
<td>
<select name="udesign_options[gs_bar_status]" id="gs_bar_status">
<option value="zero"<?php
echo $gs_bar_status == 'zero' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Hide the Bar', 'udesign');
?>
</option>
<option value="1"<?php
echo $gs_bar_status == '1' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Show the Bar', 'udesign');
?>
</option>
<option value="2"<?php
echo $gs_bar_status == '2' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Show the Bar and Photo Description', 'udesign');
?>
</option>
</select>
<span><?php
esc_html_e('This is the area in the slider displaying additional controls and text.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('3D Shadow', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('3D Shadow', 'udesign');
?>
</span></legend>
<label for="gs_remove_3d_shadow">
<input name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $gs_remove_3d_shadow);
?>
/>
<?php
esc_html_e('Remove the 3D shadow under the slider', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[gs_slides_order_str]" type="hidden" id="gs_slides_order_str" value="<?php
if ($gs_slides_order_str) {
echo esc_attr($gs_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="gs-table-slides" class="gs-table-slides">
<tbody>
<?php
foreach ($gs_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="gs_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="gs_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="gs_slide_img_url_field" name="udesign_options[gs_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="gs_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['gs_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['gs_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="gs_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary gs_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-flow" style="padding:10px 5px 0 0; float:left; clear:left;">
<strong><?php
esc_html_e('Flow:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_flow_<?php
echo $slide_row_number;
?>
]" id="gs_slide_transition_flow_<?php
echo $slide_row_number;
?>
">
<option value="in"<?php
echo $options['gs_slide_transition_flow_' . $slide_row_number] == 'in' ? ' selected="selected"' : '';
?>
>In</option>
<option style="padding:4px;" value="out"<?php
echo $options['gs_slide_transition_flow_' . $slide_row_number] == 'out' ? ' selected="selected"' : '';
?>
>Out</option>
</select>
</div>
<div class="transition-direction" style="padding:10px 5px 0 10px; float:left;">
<strong><?php
esc_html_e('Direction:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_direction_<?php
echo $slide_row_number;
?>
]" id="gs_slide_transition_direction_<?php
echo $slide_row_number;
?>
">
<option value="left"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'left' ? ' selected="selected"' : '';
?>
>left</option>
<option value="right"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'right' ? ' selected="selected"' : '';
?>
>right</option>
<option value="up"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'up' ? ' selected="selected"' : '';
?>
>up</option>
<option value="down"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'down' ? ' selected="selected"' : '';
?>
>down</option>
<option style="padding:4px;" value="center"<?php
echo $options['gs_slide_transition_direction_' . $slide_row_number] == 'center' ? ' selected="selected"' : '';
?>
>center</option>
</select>
</div>
<div class="transition-rotation" style="padding:10px 5px 0 10px; float:left; clear:right;">
<strong><?php
esc_html_e('Rotation:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_rotation_<?php
echo $slide_row_number;
?>
]" id="gs_slide_transition_rotation_<?php
echo $slide_row_number;
?>
">
<option style="padding:4px;" value="-180"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '-180' ? ' selected="selected"' : '';
?>
>-180</option>
<option value="-90"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '-90' ? ' selected="selected"' : '';
?>
>-90</option>
<option value="zero"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == 'zero' ? ' selected="selected"' : '';
?>
>0</option>
<option value="90"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '90' ? ' selected="selected"' : '';
?>
>90</option>
<option value="180"<?php
echo $options['gs_slide_transition_rotation_' . $slide_row_number] == '180' ? ' selected="selected"' : '';
?>
>180</option>
</select>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[gs_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="gs_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="5" cols="60"><?php
echo $options['gs_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['gs_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('This textfield supports HTML and CSS. The CSS classes used are located in "sliders/flashmo/grid_slider/flashmo_224_style.css"', 'udesign');
?>
</span>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="gs-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="gs_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="gs_slide_img_url_999"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="gs_slide_img_url_field" name="udesign_options[gs_slide_img_url_999]" type="text" id="gs_slide_img_url_999" value="" size="65" />
<input id="gs_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary gs_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-flow" style="padding:10px 5px 0 0; float:left; clear:left;">
<strong><?php
esc_html_e('Flow:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_flow_999]" id="gs_slide_transition_flow_999">
<option value="in">In</option>
<option style="padding:4px;" value="out" selected="selected">Out</option>
</select>
</div>
<div class="transition-direction" style="padding:10px 5px 0 10px; float:left;">
<strong><?php
esc_html_e('Direction:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_direction_999]" id="gs_slide_transition_direction_999">
<option value="left" selected="selected">left</option>
<option value="right">right</option>
<option value="up">up</option>
<option value="down">down</option>
<option style="padding:4px;" value="center">center</option>
</select>
</div>
<div class="transition-rotation" style="padding:10px 5px 0 10px; float:left; clear:right;">
<strong><?php
esc_html_e('Rotation:', 'udesign');
?>
</strong>
<select name="udesign_options[gs_slide_transition_rotation_999]" id="gs_slide_transition_rotation_999">
<option style="padding:4px;" value="-180">-180</option>
<option value="-90">-90</option>
<option value="zero" selected="selected">0</option>
<option value="90">90</option>
<option value="180">180</option>
</select>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[gs_slide_default_info_txt_999]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="gs_slide_default_info_txt_999"
rows="5" cols="60"><?php
echo get_gs_slide_default_info_txt();
?>
</textarea>
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('This textfield supports HTML and CSS. The CSS classes used are located in "sliders/flashmo/grid_slider/flashmo_224_style.css"', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('No JavaScript image', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Paste the full path to your image:', 'udesign');
?>
<br />
<textarea style="width: 98%; font-size: 12px;" id="gs_no_js_img" rows="2" cols="60" name="udesign_options[gs_no_js_img]"><?php
if ($gs_no_js_img) {
echo esc_url($gs_no_js_img);
}
?>
</textarea><br />
<span class="description"><?php
esc_html_e('In the case when JavaScript is disabled the 1st slider image is displayed by default in place of the Flashmo slider, you may change that in here', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '2') {
$pm_image_width = $options['pm_image_width'];
$pm_image_height = $options['pm_image_height'];
$pm_segments = $options['pm_segments'];
$pm_tween_time = $options['pm_tween_time'];
$pm_tween_delay = $options['pm_tween_delay'];
$pm_tween_type = $options['pm_tween_type'];
$pm_z_distance = $options['pm_z_distance'];
$pm_expand = $options['pm_expand'];
$pm_shadow_darkness = $options['pm_shadow_darkness'];
$pm_autoplay = $options['pm_autoplay'];
$pm_text_distance = $options['pm_text_distance'];
$pm_remove_3d_shadow = $options['pm_remove_3d_shadow'];
$pm_text_background = $options['pm_text_background'];
$pm_inner_color = $options['pm_inner_color'];
$pm_slides_order_str = $options['pm_slides_order_str'];
$pm_slides_array = explode(',', $options['pm_slides_order_str']);
$pm_no_js_img = $options['pm_no_js_img'];
// Include the Piecemaker Slider XML generator page
require_once 'sliders/piecemaker/piecemakerXML.php';
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Piecemaker Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm_image_width"><?php
esc_html_e('Image Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_image_width]" type="text" id="pm_image_width" value="<?php
echo esc_attr($pm_image_width);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width of the images to be loaded.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_image_height"><?php
esc_html_e('Image Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_image_height]" type="text" id="pm_image_height" value="<?php
echo esc_attr($pm_image_height);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The height of the images to be loaded.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_segments"><?php
esc_html_e('Number of segments', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_segments]" type="text" id="pm_segments" value="<?php
echo esc_attr($pm_segments);
?>
" size="5" maxlength="2" />
<span><?php
esc_html_e('Number of segments, in which the images will be sliced.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_tween_time"><?php
esc_html_e('Tween Time', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_tween_time]" type="text" id="pm_tween_time" value="<?php
echo esc_attr($pm_tween_time);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds for each element to be turned.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_tween_delay"><?php
esc_html_e('Tween Delay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_tween_delay]" type="text" id="pm_tween_delay" value="<?php
echo esc_attr($pm_tween_delay);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds from one element starting to turn to the next element starting.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_tween_type"><?php
esc_html_e('Tween Type', 'udesign');
?>
</label></th>
<td>
<select name="udesign_options[pm_tween_type]" id="pm_tween_type">
<option value="easeInOutBack"<?php
echo $pm_tween_type == 'easeInOutBack' ? ' selected="selected"' : '';
?>
>easeInOutBack</option>
<option value="easeOutInBack"<?php
echo $pm_tween_type == 'easeOutInBack' ? ' selected="selected"' : '';
?>
>easeOutInBack</option>
<option value="easeOutBack"<?php
echo $pm_tween_type == 'easeOutBack' ? ' selected="selected"' : '';
?>
>easeOutBack</option>
<option value="easeInBack"<?php
echo $pm_tween_type == 'easeInBack' ? ' selected="selected"' : '';
?>
>easeInBack</option>
<option value="easeInBounce"<?php
echo $pm_tween_type == 'easeInBounce' ? ' selected="selected"' : '';
?>
>easeInBounce</option>
<option value="easeOutBounce"<?php
echo $pm_tween_type == 'easeOutBounce' ? ' selected="selected"' : '';
?>
>easeOutBounce</option>
<option value="easeInOutBounce"<?php
echo $pm_tween_type == 'easeInOutBounce' ? ' selected="selected"' : '';
?>
>easeInOutBounce</option>
<option value="easeOutInBounce"<?php
echo $pm_tween_type == 'easeOutInBounce' ? ' selected="selected"' : '';
?>
>easeOutInBounce</option>
<option value="easeInCirc"<?php
echo $pm_tween_type == 'easeInCirc' ? ' selected="selected"' : '';
?>
>easeInCirc</option>
<option value="easeOutCirc"<?php
echo $pm_tween_type == 'easeOutCirc' ? ' selected="selected"' : '';
?>
>easeOutCirc</option>
<option value="easeInOutCirc"<?php
echo $pm_tween_type == 'easeInOutCirc' ? ' selected="selected"' : '';
?>
>easeInOutCirc</option>
<option value="easeOutInCirc"<?php
echo $pm_tween_type == 'easeOutInCirc' ? ' selected="selected"' : '';
?>
>easeOutInCirc</option>
<option value="easeInElastic"<?php
echo $pm_tween_type == 'easeInElastic' ? ' selected="selected"' : '';
?>
>easeInElastic</option>
<option value="easeOutElastic"<?php
echo $pm_tween_type == 'easeOutElastic' ? ' selected="selected"' : '';
?>
>easeOutElastic</option>
<option value="easeInOutElastic"<?php
echo $pm_tween_type == 'easeInOutElastic' ? ' selected="selected"' : '';
?>
>easeInOutElastic</option>
<option value="easeOutInElastic"<?php
echo $pm_tween_type == 'easeOutInElastic' ? ' selected="selected"' : '';
?>
>easeOutInElastic</option>
<option value="easeInQuint"<?php
echo $pm_tween_type == 'easeInQuint' ? ' selected="selected"' : '';
?>
>easeInQuint</option>
<option value="easeOutQuint"<?php
echo $pm_tween_type == 'easeOutQuint' ? ' selected="selected"' : '';
?>
>easeOutQuint</option>
<option value="easeInOutQuint"<?php
echo $pm_tween_type == 'easeInOutQuint' ? ' selected="selected"' : '';
?>
>easeInOutQuint</option>
<option value="easeOutInQuint"<?php
echo $pm_tween_type == 'easeOutInQuint' ? ' selected="selected"' : '';
?>
>easeOutInQuint</option>
<option value="easeInExpo"<?php
echo $pm_tween_type == 'easeInExpo' ? ' selected="selected"' : '';
?>
>easeInExpo</option>
<option value="easeOutExpo"<?php
echo $pm_tween_type == 'easeOutExpo' ? ' selected="selected"' : '';
?>
>easeOutExpo</option>
<option value="easeInOutExpo"<?php
echo $pm_tween_type == 'easeInOutExpo' ? ' selected="selected"' : '';
?>
>easeInOutExpo</option>
<option value="easeOutInExpo"<?php
echo $pm_tween_type == 'easeOutInExpo' ? ' selected="selected"' : '';
?>
>easeOutInExpo</option>
<option value="easeInCubic"<?php
echo $pm_tween_type == 'easeInCubic' ? ' selected="selected"' : '';
?>
>easeInCubic</option>
<option value="easeOutCubic"<?php
echo $pm_tween_type == 'easeOutCubic' ? ' selected="selected"' : '';
?>
>easeOutCubic</option>
<option value="easeInOutCubic"<?php
echo $pm_tween_type == 'easeInOutCubic' ? ' selected="selected"' : '';
?>
>easeInOutCubic</option>
<option value="easeOutInCubic"<?php
echo $pm_tween_type == 'easeOutInCubic' ? ' selected="selected"' : '';
?>
>easeOutInCubic</option>
<option value="easeInQuart"<?php
echo $pm_tween_type == 'easeInQuart' ? ' selected="selected"' : '';
?>
>easeInQuart</option>
<option value="easeOutQuart"<?php
echo $pm_tween_type == 'easeOutQuart' ? ' selected="selected"' : '';
?>
>easeOutQuart</option>
<option value="easeInOutQuart"<?php
echo $pm_tween_type == 'easeInOutQuart' ? ' selected="selected"' : '';
?>
>easeInOutQuart</option>
<option value="easeOutInQuart"<?php
echo $pm_tween_type == 'easeOutInQuart' ? ' selected="selected"' : '';
?>
>easeOutInQuart</option>
<option value="easeInSine"<?php
echo $pm_tween_type == 'easeInSine' ? ' selected="selected"' : '';
?>
>easeInSine</option>
<option value="easeOutSine"<?php
echo $pm_tween_type == 'easeOutSine' ? ' selected="selected"' : '';
?>
>easeOutSine</option>
<option value="easeInOutSine"<?php
echo $pm_tween_type == 'easeInOutSine' ? ' selected="selected"' : '';
?>
>easeInOutSine</option>
<option value="easeOutInSine"<?php
echo $pm_tween_type == 'easeOutInSine' ? ' selected="selected"' : '';
?>
>easeOutInSine</option>
<option value="easeInQuad"<?php
echo $pm_tween_type == 'easeInQuad' ? ' selected="selected"' : '';
?>
>easeInQuad</option>
<option value="easeOutQuad"<?php
echo $pm_tween_type == 'easeOutQuad' ? ' selected="selected"' : '';
?>
>easeOutQuad</option>
<option value="easeInOutQuad"<?php
echo $pm_tween_type == 'easeInOutQuad' ? ' selected="selected"' : '';
?>
>easeInOutQuad</option>
<option value="easeOutInQuad"<?php
echo $pm_tween_type == 'easeOutInQuad' ? ' selected="selected"' : '';
?>
>easeOutInQuad</option>
<option value="linear"<?php
echo $pm_tween_type == 'linear' ? ' selected="selected"' : '';
?>
>linear</option>
</select>
<span><?php
printf(esc_html__('Type of transition from Caurina's Tweener class. Find all possible transition types and more information about Tweener in the official %1$sdocumentation%2$s.', 'udesign'), '<a href="http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html" target="_blank">', '</a>');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_z_distance"><?php
esc_html_e('Z Distance', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_z_distance]" type="text" id="pm_z_distance" value="<?php
echo esc_attr($pm_z_distance);
?>
" size="5" maxlength="5" />
<span><?php
esc_html_e('To which extent are the cubes moved on z axis when being tweened. Negative values bring the cube closer to the camera, positive values take it further away. A good range is roughly between -200 and 700.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_expand"><?php
esc_html_e('Expand', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_expand]" type="text" id="pm_expand" value="<?php
echo esc_attr($pm_expand);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('To which extent are the cubes moved away from each other when tweening.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_shadow_darkness"><?php
esc_html_e('Shadow Darkness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_shadow_darkness]" type="text" id="pm_shadow_darkness" value="<?php
echo esc_attr($pm_shadow_darkness);
?>
" size="5" maxlength="3" />
<span><?php
esc_html_e('To which extent are the sides shadowed, when the elements are tweening and the sided move towards the background. 100 is black, 0 is no darkening.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_autoplay"><?php
esc_html_e('Autoplay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_autoplay]" type="text" id="pm_autoplay" value="<?php
echo esc_attr($pm_autoplay);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds to the next image.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm_text_distance"><?php
esc_html_e('Text Distance', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm_text_distance]" type="text" id="pm_text_distance" value="<?php
echo esc_attr($pm_text_distance);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance of the info text to the borders of its background.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('3D Shadow', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('3D Shadow', 'udesign');
?>
</span></legend>
<label for="pm_remove_3d_shadow">
<input name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $pm_remove_3d_shadow);
?>
/>
<?php
esc_html_e('Remove the 3D shadow under the slider', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Background', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="colorSelector1">
<div style="background-color: #<?php
echo $pm_text_background ? esc_attr($pm_text_background) : '0000FF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm_text_background]" id="pm_text_background" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $pm_text_background ? esc_attr($pm_text_background) : '0000FF';
?>
" />
<?php
esc_html_e('Description text background', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Inner Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="colorSelector2">
<div style="background-color: #<?php
echo $pm_inner_color ? esc_attr($pm_inner_color) : '0000FF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm_inner_color]" id="pm_inner_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $pm_inner_color ? esc_attr($pm_inner_color) : '0000FF';
?>
" />
<?php
esc_html_e('Sides color of the sliced elements', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[pm_slides_order_str]" type="hidden" id="pm_slides_order_str" value="<?php
if ($pm_slides_order_str) {
echo esc_attr($pm_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="pm-table-slides" class="pm-table-slides">
<tbody>
<?php
foreach ($pm_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 5px; width:10%; font-weight:bold; font-size:20px; text-align:center;"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm_slide_img_url_field" name="udesign_options[pm_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm_slide_img_url_' . $slide_row_number]) {
echo esc_attr($options['pm_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="slide-info-text">
<p style="font-weight:bold; margin-bottom:0;"><?php
esc_html_e('Edit the info text, erase all for none:', 'udesign');
?>
</p>
<textarea name="udesign_options[pm_slider_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="pm_slider_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="6" cols="60" wrap="off"><?php
echo $options['pm_slider_default_info_txt_' . $slide_row_number] ? esc_attr($options['pm_slider_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
<p style="margin:5px 0;"><span class="description"><?php
esc_html_e("Study the above text for slider's specific syntax", 'udesign');
?>
</span></p>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="pm-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 5px; width:10%; font-weight:bold; font-size:20px; text-align:center;">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm_slide_img_url_field" name="udesign_options[pm_slide_img_url_999]" type="text" id="pm_slide_img_url_999" value="" size="65" />
<input id="pm_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="slide-info-text">
<p style="font-weight:bold; margin-bottom:0;"><?php
esc_html_e('Edit the info text, erase all for none:', 'udesign');
?>
</p>
<textarea name="udesign_options[pm_slider_default_info_txt_999]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="pm_slider_default_info_txt_999"
rows="6" cols="60" wrap="off"><?php
echo get_pm_slider_default_info_txt();
?>
</textarea>
<p style="margin:5px 0;"><span class="description"><?php
esc_html_e("Study the above text for slider's specific syntax", 'udesign');
?>
</span></p>
</div>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('No JavaScript image', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Paste the full path to your image:', 'udesign');
?>
<br />
<textarea style="width: 98%; font-size: 12px;" id="pm_no_js_img" rows="2" cols="60" name="udesign_options[pm_no_js_img]"><?php
if ($pm_no_js_img) {
echo esc_url($pm_no_js_img);
}
?>
</textarea><br />
<span class="description"><?php
esc_html_e('In the case when JavaScript is disabled the 1st slider image is displayed by default in place of the Piecemaker slider, you may change that in here', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '3') {
$pm2_slides_order_str = $options['pm2_slides_order_str'];
$pm2_slides_array = explode(',', $options['pm2_slides_order_str']);
$pm2_transitions_order_str = $options['pm2_transitions_order_str'];
$pm2_transitions_array = explode(',', $options['pm2_transitions_order_str']);
// Include the Piecemaker Slider XML generator page
require_once 'sliders/piecemaker_2/piecemakerXML.php';
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Piecemaker 2 Slider Settings:', 'udesign');
?>
</h2>
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('General Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_image_width"><?php
esc_html_e('Image Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_image_width]" type="text" id="pm2_image_width" value="<?php
echo esc_attr($options['pm2_image_width']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width of every image.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_image_height"><?php
esc_html_e('Image Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_image_height]" type="text" id="pm2_image_height" value="<?php
echo esc_attr($options['pm2_image_height']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The height of every image.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Loader Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2LoaderColor">
<div style="background-color: #<?php
echo $options['pm2_loader_color'] ? esc_attr($options['pm2_loader_color']) : '333333';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_loader_color]" id="pm2_loader_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_loader_color'] ? esc_attr($options['pm2_loader_color']) : '333333';
?>
" />
<?php
esc_html_e('Color of the cubes before the first image appears, also the color of the back sides of the cube, which become visible at some transition types.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Inner Side Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2InnerSideColor">
<div style="background-color: #<?php
echo $options['pm2_inner_side_color'] ? esc_attr($options['pm2_inner_side_color']) : '222222';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_inner_side_color]" id="pm2_inner_side_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_inner_side_color'] ? esc_attr($options['pm2_inner_side_color']) : '222222';
?>
" />
<?php
esc_html_e('Color of the inner sides of the cube when sliced', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_autoplay"><?php
esc_html_e('Autoplay', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_autoplay]" type="text" id="pm2_autoplay" value="<?php
echo esc_attr($options['pm2_autoplay']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Number of seconds from one transition to another, if not stopped. Set to 0 to disable autoplay.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_field_of_view"><?php
esc_html_e('Field of View', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_field_of_view]" type="text" id="pm2_field_of_view" value="<?php
echo esc_attr($options['pm2_field_of_view']);
?>
" size="5" maxlength="4" />
<span><?php
printf(__('The display of the slide object moving down the z axis (1 to 179). It appears to change size quickly and moves a great distance. %1$sMore info%2$s', 'udesign'), '<a target="_blank" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/geom/PerspectiveProjection.html#fieldOfView">', '</a>');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END General Settings -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Shadows:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_side_shadow_alpha"><?php
esc_html_e('Side Shadow Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_side_shadow_alpha]" type="text" id="pm2_side_shadow_alpha" value="<?php
echo esc_attr($options['pm2_side_shadow_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
printf(esc_html__('Sides get darker when moved away from the front. This is the degree of darkness 0 = no change, 1 = 100%s black.', 'udesign'), '%');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_alpha"><?php
esc_html_e('Drop Shadow Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_alpha]" type="text" id="pm2_drop_shadow_alpha" value="<?php
echo esc_attr($options['pm2_drop_shadow_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Alpha of the drop shadow 0 = no shadow, 1 = opaque.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_distance"><?php
esc_html_e('Drop Shadow Distance', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_distance]" type="text" id="pm2_drop_shadow_distance" value="<?php
echo esc_attr($options['pm2_drop_shadow_distance']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance of the shadow from the bottom of the image.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_scale"><?php
esc_html_e('Drop Shadow Scale', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_scale]" type="text" id="pm2_drop_shadow_scale" value="<?php
echo esc_attr($options['pm2_drop_shadow_scale']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e("As the shadow is blurred, it appears wider that the actual image, when not resized. Thus it's a good idea to make it slightly smaller. 1 would be no resizing at all.", 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_blur_x"><?php
esc_html_e('Drop Shadow Blur X', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_blur_x]" type="text" id="pm2_drop_shadow_blur_x" value="<?php
echo esc_attr($options['pm2_drop_shadow_blur_x']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Blur of the drop shadow on the x-axis.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_drop_shadow_blur_y"><?php
esc_html_e('Drop Shadow Blur Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_drop_shadow_blur_y]" type="text" id="pm2_drop_shadow_blur_y" value="<?php
echo esc_attr($options['pm2_drop_shadow_blur_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Blur of the drop shadow on the y-axis.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END Shadows -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Menu:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_menu_distance_x"><?php
esc_html_e('Menu Distance X', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_menu_distance_x]" type="text" id="pm2_menu_distance_x" value="<?php
echo esc_attr($options['pm2_menu_distance_x']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance between two menu items (from center to center).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_menu_distance_y"><?php
esc_html_e('Menu Distance Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_menu_distance_y]" type="text" id="pm2_menu_distance_y" value="<?php
echo esc_attr($options['pm2_menu_distance_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance of the menu from the bottom of the image.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Menu Color 1', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2MenuColor1">
<div style="background-color: #<?php
echo $options['pm2_menu_color_1'] ? esc_attr($options['pm2_menu_color_1']) : '999999';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_menu_color_1]" id="pm2_menu_color_1" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_menu_color_1'] ? esc_attr($options['pm2_menu_color_1']) : '999999';
?>
" />
<?php
esc_html_e('Color of an inactive menu item.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Menu Color 2', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2MenuColor2">
<div style="background-color: #<?php
echo $options['pm2_menu_color_2'] ? esc_attr($options['pm2_menu_color_2']) : '333333';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_menu_color_2]" id="pm2_menu_color_2" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_menu_color_2'] ? esc_attr($options['pm2_menu_color_2']) : '333333';
?>
" />
<?php
esc_html_e('Color of an active menu item.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Menu Color 3', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2MenuColor3">
<div style="background-color: #<?php
echo $options['pm2_menu_color_3'] ? esc_attr($options['pm2_menu_color_3']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_menu_color_3]" id="pm2_menu_color_3" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_menu_color_3'] ? esc_attr($options['pm2_menu_color_3']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Color of the inner circle of an active menu item. Should equal the background color of the whole thing.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
</div><!-- END Menu -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Controls:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_control_size"><?php
esc_html_e("Controls' Size", 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_size]" type="text" id="pm2_control_size" value="<?php
echo esc_attr($options['pm2_control_size']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Size of the controls, which appear on rollover (play, stop, info, link).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_control_distance"><?php
esc_html_e("Controls' Distance", 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_distance]" type="text" id="pm2_control_distance" value="<?php
echo esc_attr($options['pm2_control_distance']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Distance between the controls (from the borders).', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Control Color 1', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2ControlColor1">
<div style="background-color: #<?php
echo $options['pm2_control_color_1'] ? esc_attr($options['pm2_control_color_1']) : '222222';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_control_color_1]" id="pm2_control_color_1" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_control_color_1'] ? esc_attr($options['pm2_control_color_1']) : '222222';
?>
" />
<?php
esc_html_e('Background color of the controls.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Control Color 2', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2ControlColor2">
<div style="background-color: #<?php
echo $options['pm2_control_color_2'] ? esc_attr($options['pm2_control_color_2']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_control_color_2]" id="pm2_control_color_2" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_control_color_2'] ? esc_attr($options['pm2_control_color_2']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Font color of the controls.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_control_alpha"><?php
esc_html_e('Control Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_alpha]" type="text" id="pm2_control_alpha" value="<?php
echo esc_attr($options['pm2_control_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Alpha of a control, when mouse is not over.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_control_alpha_over"><?php
esc_html_e('Control Alpha Over', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_control_alpha_over]" type="text" id="pm2_control_alpha_over" value="<?php
echo esc_attr($options['pm2_control_alpha_over']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Alpha of a control, when mouse is over.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_controls_x"><?php
esc_html_e('Controls X', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_controls_x]" type="text" id="pm2_controls_x" value="<?php
echo esc_attr($options['pm2_controls_x']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('X-position of the point, which aligns the controls (measured from [0,0] of the image).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_controls_y"><?php
esc_html_e('Controls Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_controls_y]" type="text" id="pm2_controls_y" value="<?php
echo esc_attr($options['pm2_controls_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Y-position of the point, which aligns the controls (measured from [0,0] of the image).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e("Controls' Alignment", 'udesign');
?>
</th>
<td>
<label for="pm2_controls_align" class="link-target">
<?php
esc_html_e('Choose Alignment: ', 'udesign');
?>
<select name="udesign_options[pm2_controls_align]" id="pm2_controls_align">
<option value="center"<?php
echo $options['pm2_controls_align'] == 'center' ? ' selected="selected"' : '';
?>
style="padding-right:9px;"><?php
esc_attr_e('center', 'udesign');
?>
</option>
<option value="left"<?php
echo $options['pm2_controls_align'] == 'left' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('left', 'udesign');
?>
</option>
<option value="right"<?php
echo $options['pm2_controls_align'] == 'right' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('right', 'udesign');
?>
</option>
</select>
</label>
<?php
esc_html_e('Type of alignment from the point [controlsX, controlsY] - can be "center", "left" or "right".', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
</div><!-- END Controls -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Toolstips:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_height"><?php
esc_html_e('Tooltip Height', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_height]" type="text" id="pm2_tooltip_height" value="<?php
echo esc_attr($options['pm2_tooltip_height']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Height of the tooltip surface in the menu.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Tooltip Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2TooltipColor">
<div style="background-color: #<?php
echo $options['pm2_tooltip_color'] ? esc_attr($options['pm2_tooltip_color']) : '222222';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_tooltip_color]" id="pm2_tooltip_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_tooltip_color'] ? esc_attr($options['pm2_tooltip_color']) : '222222';
?>
" />
<?php
esc_html_e('Color of the tooltip surface in the menu.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_text_y"><?php
esc_html_e('Tooltip Text Y', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_text_y]" type="text" id="pm2_tooltip_text_y" value="<?php
echo esc_attr($options['pm2_tooltip_text_y']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Y-distance of the tooltip text field from the top of the tooltip.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Tooltip Text Style', 'udesign');
?>
</th>
<td>
<input name="udesign_options[pm2_tooltip_text_style]" type="text" id="pm2_tooltip_text_style" value="<?php
if ($options['pm2_tooltip_text_style']) {
echo esc_attr($options['pm2_tooltip_text_style']);
}
?>
" size="15" maxlength="50" />
<?php
esc_html_e('The style of the tooltip text, specified in the CSS file. Default: "P-Italic"', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Tooltip Text Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2TooltipTextColor">
<div style="background-color: #<?php
echo $options['pm2_tooltip_text_color'] ? esc_attr($options['pm2_tooltip_text_color']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_tooltip_text_color]" id="pm2_tooltip_text_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_tooltip_text_color'] ? esc_attr($options['pm2_tooltip_text_color']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Color of the tooltip text.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_margin_left"><?php
esc_html_e('Tooltip Margin Left', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_margin_left]" type="text" id="pm2_tooltip_margin_left" value="<?php
echo esc_attr($options['pm2_tooltip_margin_left']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Margin of the text to the left end of the tooltip.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_margin_right"><?php
esc_html_e('Tooltip Margin Right', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_margin_right]" type="text" id="pm2_tooltip_margin_right" value="<?php
echo esc_attr($options['pm2_tooltip_margin_right']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('Margin of the text to the right end of the tooltip.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_text_sharpness"><?php
esc_html_e('Tooltip Text Sharpness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_text_sharpness]" type="text" id="pm2_tooltip_text_sharpness" value="<?php
echo esc_attr($options['pm2_tooltip_text_sharpness']);
?>
" size="5" maxlength="5" />
<span><?php
printf(__('Sharpness of the tooltip text (-400 to 400). %1$sMore info%2$s', 'udesign'), '<a target="_blank" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#sharpness">', '</a>');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_tooltip_text_thickness"><?php
esc_html_e('Tooltip Text Thickness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_tooltip_text_thickness]" type="text" id="pm2_tooltip_text_thickness" value="<?php
echo esc_attr($options['pm2_tooltip_text_thickness']);
?>
" size="5" maxlength="5" />
<span><?php
printf(__('Thickness of the tooltip text (-400 to 400). %1$sMore info%2$s', 'udesign'), '<a target="_blank" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#thickness">', '</a>');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END Tooltips -->
<div style="margin:10px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Info Text:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_info_width"><?php
esc_html_e('Info Width', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_width]" type="text" id="pm2_info_width" value="<?php
echo esc_attr($options['pm2_info_width']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The width of the info text field.', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Info Background', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="pm2InfoBackground">
<div style="background-color: #<?php
echo $options['pm2_info_background'] ? esc_attr($options['pm2_info_background']) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[pm2_info_background]" id="pm2_info_background" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $options['pm2_info_background'] ? esc_attr($options['pm2_info_background']) : 'FFFFFF';
?>
" />
<?php
esc_html_e('The background color of the info text field.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="pm2_info_background_alpha"><?php
esc_html_e('Info Background Alpha', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_background_alpha]" type="text" id="pm2_info_background_alpha" value="<?php
echo esc_attr($options['pm2_info_background_alpha']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The alpha of the background of the info text, the image shines through, when smaller than 1.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_info_margin"><?php
esc_html_e('Info Margin', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_margin]" type="text" id="pm2_info_margin" value="<?php
echo esc_attr($options['pm2_info_margin']);
?>
" size="5" maxlength="4" />
<span><?php
esc_html_e('The margin of the text field in the info section to all sides.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_info_sharpness"><?php
esc_html_e('Info Sharpness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_sharpness]" type="text" id="pm2_info_sharpness" value="<?php
echo esc_attr($options['pm2_info_sharpness']);
?>
" size="5" maxlength="5" />
<span><?php
esc_html_e('Sharpness of the info text (-400 to 400).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="pm2_info_thickness"><?php
esc_html_e('Info Thickness', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[pm2_info_thickness]" type="text" id="pm2_info_thickness" value="<?php
echo esc_attr($options['pm2_info_thickness']);
?>
" size="5" maxlength="5" />
<span><?php
esc_html_e('Thickness of the info text (-400 to 400).', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
</div><!-- END Info Text -->
<?php
display_save_changes_button();
?>
<h2 style="color:#2680AA; margin-top: 2px; padding:0 10px 0;"><?php
esc_html_e('Piecemaker 2 Slides:', 'udesign');
?>
</h2>
<input name="udesign_options[pm2_slides_order_str]" type="hidden" id="pm2_slides_order_str" value="<?php
if ($pm2_slides_order_str) {
echo esc_attr($pm2_slides_order_str);
}
?>
" />
<div class="add-image-row" style></div> <div class="add-flash-row" style></div> <div class="add-video-row" style></div>
<table id="pm2-table-slides" class="pm2-table-slides">
<tbody>
<?php
foreach ($pm2_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style-<?php
echo $options['pm2_slide_type_' . $slide_row_number];
?>
">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for curent slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_<?php
echo $slide_row_number;
?>
]" type="hidden" id="pm2_slide_type_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_type_' . $slide_row_number]);
?>
" />
<?php
// If Image Slide
if ($options['pm2_slide_type_' . $slide_row_number] == 'image') {
?>
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 5px 0 0; float:left;">
<label for="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Title:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_img_title_' . $slide_row_number]);
?>
" size="20" />
</div>
<div id="pm2_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:10px 5px 0; float:left;">
<label for="pm2_slide_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="pm2_slide_link_target_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[pm2_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="pm2_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['pm2_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['pm2_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[pm2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="pm2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="3" cols="60"><?php
echo $options['pm2_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['pm2_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
<br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('To remove the text just leave a single space.', 'udesign');
?>
</span>
</div>
<?php
// If Flash Slide
} elseif ($options['pm2_slide_type_' . $slide_row_number] == 'flash') {
?>
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_img_title_' . $slide_row_number]);
?>
" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="flash-link" id="pm2_flash_link_url_<?php
echo $slide_row_number;
?>
" style="padding:10px 0 0; clear:both;">
<label class="flash-url" for="pm2_flash_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('SWF Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_flash_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_flash_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_flash_link_url_' . $slide_row_number]) {
echo esc_url($options['pm2_flash_link_url_' . $slide_row_number]);
}
?>
" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the SWF file here. Should be on same Server)', 'udesign');
?>
</span>
</div>
<?php
// If Video Slide
} elseif ($options['pm2_slide_type_' . $slide_row_number] == 'video') {
?>
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['pm2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="pm2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_slide_img_title_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_slide_img_title_' . $slide_row_number]);
?>
" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="video-link" id="pm2_video_link_url_<?php
echo $slide_row_number;
?>
" style="padding:10px 0 0; clear:both;">
<label class="video-url" for="pm2_video_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Video Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_video_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['pm2_video_link_url_' . $slide_row_number]) {
echo esc_url($options['pm2_video_link_url_' . $slide_row_number]);
}
?>
" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the video file here. Should be on same Server. Accepted file formats are MPEG4 with H.264 Codec, as well as F4V and FLV)', 'udesign');
?>
</span>
</div>
<div class="pm2_video_width" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_width_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Width:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_width_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_video_width_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_video_width_' . $slide_row_number]);
?>
" size="5" maxlength="4" />px
</div>
<div class="pm2_video_height" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_height_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Height:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_height_<?php
echo $slide_row_number;
?>
]" type="text" id="pm2_video_height_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_video_height_' . $slide_row_number]);
?>
" size="5" maxlength="4" />px
</div>
<div class="pm2_video_autoplay" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_autoplay_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;">
<?php
esc_html_e('Autoplay: ', 'udesign');
?>
<select name="udesign_options[pm2_video_autoplay_<?php
echo $slide_row_number;
?>
]" id="pm2_video_autoplay_<?php
echo $slide_row_number;
?>
">
<option value="yes"<?php
echo $options['pm2_video_autoplay_' . $slide_row_number] == 'yes' ? ' selected="selected"' : '';
?>
style="padding-right:10px;"><?php
esc_html_e('Yes', 'udesign');
?>
</option>
<option value="no"<?php
echo $options['pm2_video_autoplay_' . $slide_row_number] == 'no' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('No', 'udesign');
?>
</option>
</select>
</label>
</div>
<?php
}
?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="pm2-image-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style-image">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for current slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_999]" type="hidden" id="pm2_slide_type_999" value="image" />
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_999]" type="text" id="pm2_slide_img_url_999" value="" size="65" />
<input id="pm2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 5px 0 0; float:left;">
<label for="pm2_slide_img_title_999" style="font-weight:bold;"><?php
esc_html_e('Title:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_999]" type="text" id="pm2_slide_img_title_999" value="Title" size="20" />
</div>
<div id="pm2_slide_link_url_999" class="slide-link" style="padding:10px 5px 0; float:left;">
<label for="pm2_slide_link_url_999" class="link-url" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_link_url_999]" type="text" id="pm2_slide_link_url_999" value="" size="30" />
<label for="pm2_slide_link_target_999" class="link-target" style="font-weight:bold;">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[pm2_slide_link_target_999]" id="pm2_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong>:<br />
<textarea name="udesign_options[pm2_slide_default_info_txt_999]" class="code"
style="width:98%; font-size:12px; margin: 5px 0;" id="pm2_slide_default_info_txt_999"
rows="3" cols="60"><?php
echo get_pm2_slide_default_info_txt();
?>
</textarea>
<br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('To remove the text just leave a single space.', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<table id="pm2-flash-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style-flash">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for current slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_999]" type="hidden" id="pm2_slide_type_999" value="flash" />
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_999]" type="text" id="pm2_slide_img_url_999" value="" size="65" />
<input id="pm2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_999" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_999]" type="text" id="pm2_slide_img_title_999" value="Title" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="flash-link" id="pm2_flash_link_url_999" style="padding:10px 0 0; clear:both;">
<label class="flash-url" for="pm2_flash_link_url_999" style="font-weight:bold;"><?php
esc_html_e('SWF Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_flash_link_url_999]" type="text" id="pm2_flash_link_url_999" value="" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the SWF file here. Should be on same Server)', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<table id="pm2-video-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style-video">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<!-- hidden field for current slide's type, e.g. 'image', 'flash', 'video': -->
<input class="pm2_slide_type" name="udesign_options[pm2_slide_type_999]" type="hidden" id="pm2_slide_type_999" value="video" />
<div class="pm2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label for="pm2_slide_img_url_999" style="font-weight:bold;"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="pm2_slide_img_url_field" name="udesign_options[pm2_slide_img_url_999]" type="text" id="pm2_slide_img_url_999" value="" size="65" />
<input id="pm2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary pm2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="pm2_slide_img_title" style="padding:10px 0 0; clear:both;">
<label for="pm2_slide_img_title_999" style="font-weight:bold;"><?php
esc_html_e('Title Attribute:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_slide_img_title_999]" type="text" id="pm2_slide_img_title_999" value="Title" size="40" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(The title attribute will be shown in the tooltip on the menu)', 'udesign');
?>
</span>
</div>
<div class="video-link" id="pm2_video_link_url_999" style="padding:10px 0 0; clear:both;">
<label class="video-url" for="pm2_video_link_url_999" style="font-weight:bold;"><?php
esc_html_e('Video Link:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_link_url_999]" type="text" id="pm2_video_link_url_999" value="" size="60" /><br />
<span class="description" style="margin:20px 0; line-height:1.5; font-size:10px;"><?php
esc_html_e('(Paste the URL to the FLV file here. Should be on same Server. Accepted file formats are MPEG4 with H.264 Codec, as well as F4V and FLV)', 'udesign');
?>
</span>
</div>
<div class="pm2_video_width" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_width_999" style="font-weight:bold;"><?php
esc_html_e('Width:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_width_999]" type="text" id="pm2_video_width_999" value="910" size="5" maxlength="4" />px
</div>
<div class="pm2_video_height" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_height_999" style="font-weight:bold;"><?php
esc_html_e('Height:', 'udesign');
?>
</label>
<input name="udesign_options[pm2_video_height_999]" type="text" id="pm2_video_height_999" value="365" size="5" maxlength="4" />px
</div>
<div class="pm2_video_autoplay" style="padding:10px 20px 0 0; float:left;">
<label for="pm2_video_autoplay_999" style="font-weight:bold;">
<?php
esc_html_e('Autoplay: ', 'udesign');
?>
<select name="udesign_options[pm2_video_autoplay_999]" id="pm2_video_autoplay_999">
<option value="yes" selected="selected" style="padding-right:10px;"><?php
esc_html_e('Yes', 'udesign');
?>
</option>
<option value="no"><?php
esc_html_e('No', 'udesign');
?>
</option>
</select>
</label>
</div>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<div style="margin:20px 3px; padding:15px 20px 20px; display:block; background-color:#F8F8F1; border:1px solid #DDD;">
<h2 style="color:#ff4d00; margin: 2px 0; padding:0;"><?php
esc_html_e('Piecemaker 2 Transitions:', 'udesign');
?>
</h2>
<p style="margin: 0 0 10px; font-size: 12px;"><?php
esc_html_e('You can add as many transitions to the Piecemaker 2 as you want. These transitions will be started in the order they are specified below. This order is entirely independent from the order of the slides above. Once the last transition is reached, it starts over again with the first transition.', 'udesign');
?>
</p>
<p style="margin: 5px 0 10px; font-size: 12px;"><?php
esc_html_e('Every transition needs to have the following six attributes assigned to it:', 'udesign');
?>
</p>
<ul>
<li><strong><?php
esc_html_e('Pieces', 'udesign');
?>
</strong> - <?php
esc_html_e('Number of pieces to which the image is sliced.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Time', 'udesign');
?>
</strong> - <?php
esc_html_e('Time for one cube to turn.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Transition', 'udesign');
?>
</strong> - <?php
esc_html_e('Transition type of the Tweener class. For more info on these types see the official Tweener Documentation and go to "Transition Types". The best results are achieved by those transition types, which begin with easeInOut.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Delay', 'udesign');
?>
</strong> - <?php
esc_html_e('Delay between the start of one cube to the start of the next cube.', 'udesign');
?>
</li>
<li><strong><?php
esc_html_e('Depth Offset', 'udesign');
?>
</strong> - <?php
esc_html_e('The offset during transition on the z-axis. Value between 100 and 1000 are recommended. But go for experiments.', 'udesign');
?>
:)</li>
<li><strong><?php
esc_html_e('Cube Distance', 'udesign');
?>
</strong> - <?php
esc_html_e('The distance between the cubes during transition. Values between 5 and 50 are recommended. But go for experiments.', 'udesign');
?>
:)</li>
</ul>
<div class="clear"></div>
<input name="udesign_options[pm2_transitions_order_str]" type="hidden" id="pm2_transitions_order_str" value="<?php
if ($pm2_transitions_order_str) {
echo esc_attr($pm2_transitions_order_str);
}
?>
" />
<div class="add-transition-row" style></div>
<table id="pm2-table-transitions" class="pm2-table-transitions">
<tbody>
<?php
foreach ($pm2_transitions_array as $tr_position => $transition_row_number) {
?>
<tr id="<?php
echo $transition_row_number;
?>
" class="row-style">
<td class="transitionDragHandle showDragHandleCloser" style="width:30px; padding:10px 20px;"> </td>
<td class="deleteTransition" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:10px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:82px"><?php
echo $tr_position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm2_transition_pieces" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_pieces_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Pieces:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_pieces_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_transition_pieces_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_transition_pieces_' . $transition_row_number]);
?>
" size="5" maxlength="2" />
</div>
<div class="pm2_transition_time" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_time_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Time:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_time_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_transition_time_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_transition_time_' . $transition_row_number]);
?>
" size="5" maxlength="4" />
</div>
<div class="transition-type" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_type_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;">
<?php
esc_html_e('Transition: ', 'udesign');
?>
<br />
<select name="udesign_options[pm2_transition_type_<?php
echo $transition_row_number;
?>
]" id="pm2_transition_type_<?php
echo $transition_row_number;
?>
">
<option value="easeInOutBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutBack' ? ' selected="selected"' : '';
?>
>easeInOutBack</option>
<option value="easeOutInBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInBack' ? ' selected="selected"' : '';
?>
>easeOutInBack</option>
<option value="easeOutBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutBack' ? ' selected="selected"' : '';
?>
>easeOutBack</option>
<option value="easeInBack"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInBack' ? ' selected="selected"' : '';
?>
>easeInBack</option>
<option value="easeInBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInBounce' ? ' selected="selected"' : '';
?>
>easeInBounce</option>
<option value="easeOutBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutBounce' ? ' selected="selected"' : '';
?>
>easeOutBounce</option>
<option value="easeInOutBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutBounce' ? ' selected="selected"' : '';
?>
>easeInOutBounce</option>
<option value="easeOutInBounce"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInBounce' ? ' selected="selected"' : '';
?>
>easeOutInBounce</option>
<option value="easeInCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInCirc' ? ' selected="selected"' : '';
?>
>easeInCirc</option>
<option value="easeOutCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutCirc' ? ' selected="selected"' : '';
?>
>easeOutCirc</option>
<option value="easeInOutCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutCirc' ? ' selected="selected"' : '';
?>
>easeInOutCirc</option>
<option value="easeOutInCirc"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInCirc' ? ' selected="selected"' : '';
?>
>easeOutInCirc</option>
<option value="easeInElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInElastic' ? ' selected="selected"' : '';
?>
>easeInElastic</option>
<option value="easeOutElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutElastic' ? ' selected="selected"' : '';
?>
>easeOutElastic</option>
<option value="easeInOutElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutElastic' ? ' selected="selected"' : '';
?>
>easeInOutElastic</option>
<option value="easeOutInElastic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInElastic' ? ' selected="selected"' : '';
?>
>easeOutInElastic</option>
<option value="easeInQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInQuint' ? ' selected="selected"' : '';
?>
>easeInQuint</option>
<option value="easeOutQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutQuint' ? ' selected="selected"' : '';
?>
>easeOutQuint</option>
<option value="easeInOutQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutQuint' ? ' selected="selected"' : '';
?>
>easeInOutQuint</option>
<option value="easeOutInQuint"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInQuint' ? ' selected="selected"' : '';
?>
>easeOutInQuint</option>
<option value="easeInExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInExpo' ? ' selected="selected"' : '';
?>
>easeInExpo</option>
<option value="easeOutExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutExpo' ? ' selected="selected"' : '';
?>
>easeOutExpo</option>
<option value="easeInOutExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutExpo' ? ' selected="selected"' : '';
?>
>easeInOutExpo</option>
<option value="easeOutInExpo"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInExpo' ? ' selected="selected"' : '';
?>
>easeOutInExpo</option>
<option value="easeInCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInCubic' ? ' selected="selected"' : '';
?>
>easeInCubic</option>
<option value="easeOutCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutCubic' ? ' selected="selected"' : '';
?>
>easeOutCubic</option>
<option value="easeInOutCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutCubic' ? ' selected="selected"' : '';
?>
>easeInOutCubic</option>
<option value="easeOutInCubic"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInCubic' ? ' selected="selected"' : '';
?>
>easeOutInCubic</option>
<option value="easeInQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInQuart' ? ' selected="selected"' : '';
?>
>easeInQuart</option>
<option value="easeOutQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutQuart' ? ' selected="selected"' : '';
?>
>easeOutQuart</option>
<option value="easeInOutQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutQuart' ? ' selected="selected"' : '';
?>
>easeInOutQuart</option>
<option value="easeOutInQuart"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInQuart' ? ' selected="selected"' : '';
?>
>easeOutInQuart</option>
<option value="easeInSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInSine' ? ' selected="selected"' : '';
?>
>easeInSine</option>
<option value="easeOutSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutSine' ? ' selected="selected"' : '';
?>
>easeOutSine</option>
<option value="easeInOutSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutSine' ? ' selected="selected"' : '';
?>
>easeInOutSine</option>
<option value="easeOutInSine"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInSine' ? ' selected="selected"' : '';
?>
>easeOutInSine</option>
<option value="easeInQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInQuad' ? ' selected="selected"' : '';
?>
>easeInQuad</option>
<option value="easeOutQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutQuad' ? ' selected="selected"' : '';
?>
>easeOutQuad</option>
<option value="easeInOutQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeInOutQuad' ? ' selected="selected"' : '';
?>
>easeInOutQuad</option>
<option value="easeOutInQuad"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'easeOutInQuad' ? ' selected="selected"' : '';
?>
>easeOutInQuad</option>
<option value="linear"<?php
echo $options['pm2_transition_type_' . $transition_row_number] == 'linear' ? ' selected="selected"' : '';
?>
>linear</option>
</select>
</label>
</div>
<div class="pm2_transition_delay" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_delay_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Delay:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_delay_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_transition_delay_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_transition_delay_' . $transition_row_number]);
?>
" size="5" maxlength="4" />
</div>
<div class="pm2_depth_offset" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_depth_offset_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Depth Offset:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_depth_offset_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_depth_offset_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_depth_offset_' . $transition_row_number]);
?>
" size="5" maxlength="5" />
</div>
<div class="pm2_cube_distance" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_cube_distance_<?php
echo $transition_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Cube Distance:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_cube_distance_<?php
echo $transition_row_number;
?>
]" type="text" id="pm2_cube_distance_<?php
echo $transition_row_number;
?>
" value="<?php
echo esc_attr($options['pm2_cube_distance_' . $transition_row_number]);
?>
" size="5" maxlength="4" />
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="pm2-transition-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="transitionDragHandle showDragHandleCloser" style="width:30px; padding:10px 20px;"> </td>
<td class="deleteTransition" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:10px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:82px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="pm2_transition_pieces" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_pieces_999" style="font-weight:bold;"><?php
esc_html_e('Pieces:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_pieces_999]" type="text" id="pm2_transition_pieces_999" value="9" size="5" maxlength="2" />
</div>
<div class="pm2_transition_time" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_time_999" style="font-weight:bold;"><?php
esc_html_e('Time:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_time_999]" type="text" id="pm2_transition_time_999" value="1.2" size="5" maxlength="4" />
</div>
<div class="transition-type" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_type_999" style="font-weight:bold;">
<?php
esc_html_e('Transition: ', 'udesign');
?>
<br />
<select name="udesign_options[pm2_transition_type_999]" id="pm2_transition_type_999">
<option value="easeInOutBack" selected="selected">easeInOutBack</option>
<option value="easeOutInBack">easeOutInBack</option>
<option value="easeOutBack">easeOutBack</option>
<option value="easeInBack">easeInBack</option>
<option value="easeInBounce">easeInBounce</option>
<option value="easeOutBounce">easeOutBounce</option>
<option value="easeInOutBounce">easeInOutBounce</option>
<option value="easeOutInBounce">easeOutInBounce</option>
<option value="easeInCirc">easeInCirc</option>
<option value="easeOutCirc">easeOutCirc</option>
<option value="easeInOutCirc">easeInOutCirc</option>
<option value="easeOutInCirc">easeOutInCirc</option>
<option value="easeInElastic">easeInElastic</option>
<option value="easeOutElastic">easeOutElastic</option>
<option value="easeInOutElastic">easeInOutElastic</option>
<option value="easeOutInElastic">easeOutInElastic</option>
<option value="easeInQuint">easeInQuint</option>
<option value="easeOutQuint">easeOutQuint</option>
<option value="easeInOutQuint">easeInOutQuint</option>
<option value="easeOutInQuint">easeOutInQuint</option>
<option value="easeInExpo">easeInExpo</option>
<option value="easeOutExpo">easeOutExpo</option>
<option value="easeInOutExpo">easeInOutExpo</option>
<option value="easeOutInExpo">easeOutInExpo</option>
<option value="easeInCubic">easeInCubic</option>
<option value="easeOutCubic">easeOutCubic</option>
<option value="easeInOutCubic">easeInOutCubic</option>
<option value="easeOutInCubic">easeOutInCubic</option>
<option value="easeInQuart">easeInQuart</option>
<option value="easeOutQuart">easeOutQuart</option>
<option value="easeInOutQuart">easeInOutQuart</option>
<option value="easeOutInQuart">easeOutInQuart</option>
<option value="easeInSine">easeInSine</option>
<option value="easeOutSine">easeOutSine</option>
<option value="easeInOutSine">easeInOutSine</option>
<option value="easeOutInSine">easeOutInSine</option>
<option value="easeInQuad">easeInQuad</option>
<option value="easeOutQuad">easeOutQuad</option>
<option value="easeInOutQuad">easeInOutQuad</option>
<option value="easeOutInQuad">easeOutInQuad</option>
<option value="linear">linear</option>
</select>
</label>
</div>
<div class="pm2_transition_delay" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_transition_delay_999" style="font-weight:bold;"><?php
esc_html_e('Delay:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_transition_delay_999]" type="text" id="pm2_transition_delay_999" value="0.1" size="5" maxlength="4" />
</div>
<div class="pm2_depth_offset" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_depth_offset_999" style="font-weight:bold;"><?php
esc_html_e('Depth Offset:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_depth_offset_999]" type="text" id="pm2_depth_offset_999" value="300" size="5" maxlength="5" />
</div>
<div class="pm2_cube_distance" style="padding:12px 20px 0 0; float:left;">
<label for="pm2_cube_distance_999" style="font-weight:bold;"><?php
esc_html_e('Cube Distance:', 'udesign');
?>
</label><br />
<input name="udesign_options[pm2_cube_distance_999]" type="text" id="pm2_cube_distance_999" value="30" size="5" maxlength="4" />
</div>
</td>
</tr>
</tbody>
</table>
<div class="clear"></div>
</div>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('No JavaScript image', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Paste the full path to your image:', 'udesign');
?>
<br />
<textarea style="width: 98%; font-size: 12px;" id="pm2_no_js_img" rows="2" cols="60" name="udesign_options[pm2_no_js_img]"><?php
if ($options['pm2_no_js_img']) {
echo esc_url($options['pm2_no_js_img']);
}
?>
</textarea><br />
<span class="description"><?php
esc_html_e('In the case when JavaScript is disabled the 1st slider image is displayed by default in place of the Piecemaker 2 slider, you may change that in here', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '4') {
$c1_slides_order_str = $options['c1_slides_order_str'];
$c1_slides_array = explode(',', $options['c1_slides_order_str']);
$c1_speed = $options['c1_speed'];
$c1_timeout = $options['c1_timeout'];
$c1_sync = $options['c1_sync'];
// see the other slides' forms to add an invisible instance of this checkbox to preserver the state
$c1_remove_3d_shadow = $options['c1_remove_3d_shadow'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Cycle 1 Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="c1_speed"><?php
esc_html_e('Transition Speed', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c1_speed]" type="text" id="c1_speed" value="<?php
echo esc_attr($c1_speed);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Speed of the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="c1_timeout"><?php
esc_html_e('Timeout', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c1_timeout]" type="text" id="c1_timeout" value="<?php
echo esc_attr($c1_timeout);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Milliseconds between slide transitions (0 to disable auto advance).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Sync', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Sync', 'udesign');
?>
</span></legend>
<label for="c1_sync">
<input name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $c1_sync);
?>
/>
<?php
esc_html_e('Toggle this option to see how some effects behave differently (such as blind, curtain, and zoom).', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Image Frame', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Image Frame', 'udesign');
?>
</span></legend>
<label for="c1_remove_image_frame">
<input name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<?php
esc_html_e('Remove the image frame with the border around the image?', 'udesign');
?>
<br />
<span class="description"><?php
esc_html_e('With the frame enabled (default state) image dimension is 914px by 374px (width by height). Without the frame image dimension is 940px by 400px. Depending on which option is selected, create and upload images with the corresponding dimensions for optimal quality.', 'udesign');
?>
</span>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('3D Shadow', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('3D Shadow', 'udesign');
?>
</span></legend>
<label for="c1_remove_3d_shadow">
<input name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $c1_remove_3d_shadow);
?>
/>
<?php
esc_html_e('Remove the 3D shadow under the slider', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[c1_slides_order_str]" type="hidden" id="c1_slides_order_str" value="<?php
if ($c1_slides_order_str) {
echo esc_attr($c1_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="c1-table-slides" class="c1-table-slides">
<tbody>
<?php
foreach ($c1_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:0 10px 10px 20px; width:100%" valign="top">
<div class="c1_slide_upload_section" style="padding:10px 0; float:left;">
<label style="float:left; margin:1px; font-weight:bold;" for="c1_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Enter a URL or upload an image:', 'udesign');
?>
</label><br />
<input class="c1_slide_img_url_field" name="udesign_options[c1_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c1_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c1_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['c1_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c1_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c1_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="transition-type" style="padding:7px 5px 0 0; float:left;">
<select name="udesign_options[c1_transition_type_<?php
echo $slide_row_number;
?>
]" id="c1_transition_type_<?php
echo $slide_row_number;
?>
">
<option value="fade"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'fade' ? ' selected="selected"' : '';
?>
>fade</option>
<option value="curtainX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'curtainX' ? ' selected="selected"' : '';
?>
>curtainX</option>
<option value="curtainY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'curtainY' ? ' selected="selected"' : '';
?>
>curtainY</option>
<option value="turnUp"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnUp' ? ' selected="selected"' : '';
?>
>turnUp</option>
<option value="turnDown"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnDown' ? ' selected="selected"' : '';
?>
>turnDown</option>
<option value="wipe"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'wipe' ? ' selected="selected"' : '';
?>
>wipe</option>
<option value="scrollHorz"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollHorz' ? ' selected="selected"' : '';
?>
>scrollHorz</option>
<option value="scrollVert"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollVert' ? ' selected="selected"' : '';
?>
>scrollVert</option>
<option value="growX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'growX' ? ' selected="selected"' : '';
?>
>growX</option>
<option value="growY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'growY' ? ' selected="selected"' : '';
?>
>growY</option>
<option value="scrollUp"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollUp' ? ' selected="selected"' : '';
?>
>scrollUp</option>
<option value="scrollDown"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollDown' ? ' selected="selected"' : '';
?>
>scrollDown</option>
<option value="shuffle"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'shuffle' ? ' selected="selected"' : '';
?>
>shuffle</option>
<option value="blindX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'blindX' ? ' selected="selected"' : '';
?>
>blindX</option>
<option value="blindY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'blindY' ? ' selected="selected"' : '';
?>
>blindY</option>
<option value="blindZ"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'blindZ' ? ' selected="selected"' : '';
?>
>blindZ</option>
<option value="cover"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'cover' ? ' selected="selected"' : '';
?>
>cover</option>
<option value="fadeZoom"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'fadeZoom' ? ' selected="selected"' : '';
?>
>fadeZoom</option>
<option value="scrollLeft"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollLeft' ? ' selected="selected"' : '';
?>
>scrollLeft</option>
<option value="scrollRight"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'scrollRight' ? ' selected="selected"' : '';
?>
>scrollRight</option>
<option value="slideX"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'slideX' ? ' selected="selected"' : '';
?>
>slideX</option>
<option value="slideY"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'slideY' ? ' selected="selected"' : '';
?>
>slideY</option>
<option value="toss"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'toss' ? ' selected="selected"' : '';
?>
>toss</option>
<option value="turnLeft"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnLeft' ? ' selected="selected"' : '';
?>
>turnLeft</option>
<option value="turnRight"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'turnRight' ? ' selected="selected"' : '';
?>
>turnRight</option>
<option value="uncover"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'uncover' ? ' selected="selected"' : '';
?>
>uncover</option>
<option value="zoom"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'zoom' ? ' selected="selected"' : '';
?>
>zoom</option>
<option value="none"<?php
echo $options['c1_transition_type_' . $slide_row_number] == 'none' ? ' selected="selected"' : '';
?>
>none</option>
</select>
<span><?php
esc_html_e('Transition effect.', 'udesign');
?>
</span>
</div>
<div id="c1_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:20px 5px 0; clear:both;">
<label for="c1_slide_link_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c1_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c1_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['c1_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="c1_slide_link_target_<?php
echo $slide_row_number;
?>
">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c1_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="c1_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['c1_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['c1_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c1_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
]" type="text" id="c1_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c1_slide_image_alt_tag_' . $slide_row_number]);
?>
" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="c1-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:0 10px 10px 20px; width:100%" valign="top">
<div class="c1_slide_upload_section" style="padding:10px 0; float:left;">
<label style="float:left; margin:1px; font-weight:bold;" for="c1_slide_img_url_999"><?php
esc_html_e('Enter a URL or upload an image:', 'udesign');
?>
</label><br />
<input class="c1_slide_img_url_field" name="udesign_options[c1_slide_img_url_999]" type="text" id="c1_slide_img_url_999" value="" size="65" />
<input id="c1_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c1_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="clear"></div>
<div class="transition-type" style="padding:7px 5px 0 0; float:left;">
<select name="udesign_options[c1_transition_type_999]" id="c1_transition_type_999">
<option value="fade" selected="selected">fade</option>
<option value="curtainX">curtainX</option>
<option value="curtainY">curtainY</option>
<option value="turnUp">turnUp</option>
<option value="turnDown">turnDown</option>
<option value="wipe">wipe</option>
<option value="scrollHorz">scrollHorz</option>
<option value="scrollVert">scrollVert</option>
<option value="growX">growX</option>
<option value="growY">growY</option>
<option value="scrollUp">scrollUp</option>
<option value="scrollDown">scrollDown</option>
<option value="shuffle">shuffle</option>
<option value="blindX">blindX</option>
<option value="blindY">blindY</option>
<option value="blindZ">blindZ</option>
<option value="cover">cover</option>
<option value="fadeZoom">fadeZoom</option>
<option value="scrollLeft">scrollLeft</option>
<option value="scrollRight">scrollRight</option>
<option value="slideX">slideX</option>
<option value="slideY">slideY</option>
<option value="toss">toss</option>
<option value="turnLeft">turnLeft</option>
<option value="turnRight">turnRight</option>
<option value="uncover">uncover</option>
<option value="zoom">zoom</option>
<option value="none">none</option>
</select>
<span><?php
esc_html_e('Transition effect.', 'udesign');
?>
</span>
</div>
<div id="c1_slide_link_url_999" class="slide-link" style="padding:20px 5px 0; clear:both;">
<label for="c1_slide_link_url_999" class="link-url"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_link_url_999]" type="text" id="c1_slide_link_url_999" value="" size="30" />
<label for="c1_slide_link_target_999" class="link-target">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c1_slide_link_target_999]" id="c1_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c1_slide_image_alt_tag_999" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c1_slide_image_alt_tag_999]" type="text" id="c1_slide_image_alt_tag_999" value="" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '5') {
$c2_slides_order_str = $options['c2_slides_order_str'];
$c2_slides_array = explode(',', $options['c2_slides_order_str']);
$c2_speed = $options['c2_speed'];
$c2_timeout = $options['c2_timeout'];
$c2_sync = $options['c2_sync'];
// see the other slides' forms to add an invisible instance of this checkbox to preserver the state
$c2_text_color = $options['c2_text_color'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Cycle 2 Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="c2_speed"><?php
esc_html_e('Transition Speed', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c2_speed]" type="text" id="c2_speed" value="<?php
echo esc_attr($c2_speed);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Speed of the transition.', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><label for="c2_timeout"><?php
esc_html_e('Timeout', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c2_timeout]" type="text" id="c2_timeout" value="<?php
echo esc_attr($c2_timeout);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Milliseconds between slide transitions (0 to disable auto advance).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Sync', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Sync', 'udesign');
?>
</span></legend>
<label for="c2_sync">
<input name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $c2_sync);
?>
/>
<?php
esc_html_e('Toggle this option to see how some effects behave differently (such as blind, curtain, and zoom).', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Enable Transition on Text', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Enable Transition on Text', 'udesign');
?>
</span></legend>
<label for="c2_text_transition_on">
<input name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<?php
esc_html_e('Toggle this option to enable/disable the transition effect on the info text. If disabled (unchecked) then the text will disapear for the duration of the transition.', 'udesign');
?>
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Size', 'udesign');
?>
</th>
<td>
<label for="c2_slider_text_size">
<?php
esc_html_e('Font Size: ', 'udesign');
?>
<select name="udesign_options[c2_slider_text_size]" id="c2_slider_text_size">
<option value="1.0"<?php
echo $options['c2_slider_text_size'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0em</option>
<option value="1.1"<?php
echo $options['c2_slider_text_size'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1em</option>
<option value="1.2"<?php
echo $options['c2_slider_text_size'] == '1.2' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.2em (Default)</option>
<option value="1.3"<?php
echo $options['c2_slider_text_size'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3em</option>
<option value="1.4"<?php
echo $options['c2_slider_text_size'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4em</option>
<option value="1.5"<?php
echo $options['c2_slider_text_size'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5em</option>
<option value="1.6"<?php
echo $options['c2_slider_text_size'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6em</option>
<option value="1.7"<?php
echo $options['c2_slider_text_size'] == '1.7' ? ' selected="selected"' : '';
?>
>1.7em</option>
<option value="1.8"<?php
echo $options['c2_slider_text_size'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8em</option>
<option value="1.9"<?php
echo $options['c2_slider_text_size'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9em</option>
<option value="2.0"<?php
echo $options['c2_slider_text_size'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0em</option>
</select>
</label>
<br />
<?php
esc_html_e('When using "em" you are specifying size relative to the general font size.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Line Height', 'udesign');
?>
</th>
<td>
<label for="c2_slider_text_line_height">
<?php
esc_html_e('Line Height: ', 'udesign');
?>
<select name="udesign_options[c2_slider_text_line_height]" id="c2_slider_text_line_height">
<option value="0.5"<?php
echo $options['c2_slider_text_line_height'] == '0.5' ? ' selected="selected"' : '';
?>
>0.5</option>
<option value="0.6"<?php
echo $options['c2_slider_text_line_height'] == '0.6' ? ' selected="selected"' : '';
?>
>0.6</option>
<option value="0.7"<?php
echo $options['c2_slider_text_line_height'] == '0.7' ? ' selected="selected"' : '';
?>
>0.7</option>
<option value="0.8"<?php
echo $options['c2_slider_text_line_height'] == '0.8' ? ' selected="selected"' : '';
?>
>0.8</option>
<option value="0.9"<?php
echo $options['c2_slider_text_line_height'] == '0.9' ? ' selected="selected"' : '';
?>
>0.9</option>
<option value="1.0"<?php
echo $options['c2_slider_text_line_height'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0</option>
<option value="1.1"<?php
echo $options['c2_slider_text_line_height'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1</option>
<option value="1.2"<?php
echo $options['c2_slider_text_line_height'] == '1.2' ? ' selected="selected"' : '';
?>
>1.2</option>
<option value="1.3"<?php
echo $options['c2_slider_text_line_height'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3</option>
<option value="1.4"<?php
echo $options['c2_slider_text_line_height'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4</option>
<option value="1.5"<?php
echo $options['c2_slider_text_line_height'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5</option>
<option value="1.6"<?php
echo $options['c2_slider_text_line_height'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6</option>
<option value="1.7"<?php
echo $options['c2_slider_text_line_height'] == '1.7' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.7 (Default)</option>
<option value="1.8"<?php
echo $options['c2_slider_text_line_height'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8</option>
<option value="1.9"<?php
echo $options['c2_slider_text_line_height'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9</option>
<option value="2.0"<?php
echo $options['c2_slider_text_line_height'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0</option>
<option value="2.1"<?php
echo $options['c2_slider_text_line_height'] == '2.1' ? ' selected="selected"' : '';
?>
>2.1</option>
<option value="2.2"<?php
echo $options['c2_slider_text_line_height'] == '2.2' ? ' selected="selected"' : '';
?>
>2.2</option>
<option value="2.3"<?php
echo $options['c2_slider_text_line_height'] == '2.3' ? ' selected="selected"' : '';
?>
>2.3</option>
<option value="2.4"<?php
echo $options['c2_slider_text_line_height'] == '2.4' ? ' selected="selected"' : '';
?>
>2.4</option>
<option value="2.5"<?php
echo $options['c2_slider_text_line_height'] == '2.5' ? ' selected="selected"' : '';
?>
>2.5</option>
<option value="2.6"<?php
echo $options['c2_slider_text_line_height'] == '2.6' ? ' selected="selected"' : '';
?>
>2.6</option>
</select>
</label>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="c2-colorSelector1">
<div style="background-color: #<?php
echo $c2_text_color ? esc_attr($c2_text_color) : '333333';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[c2_text_color]" id="c2_text_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $c2_text_color ? esc_attr($c2_text_color) : '333333';
?>
" />
<?php
esc_html_e('Slider text color including the Title.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[c2_slides_order_str]" type="hidden" id="c2_slides_order_str" value="<?php
if ($c2_slides_order_str) {
echo esc_attr($c2_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="c2-table-slides" class="c2-table-slides">
<tbody>
<?php
foreach ($c2_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c2_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c2_slide_img_url_field" name="udesign_options[c2_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c2_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['c2_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c2_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-type" style="padding:10px 5px 0 0; clear:both;">
<strong><?php
esc_html_e('Transition:', 'udesign');
?>
</strong>
<select name="udesign_options[c2_transition_type_<?php
echo $slide_row_number;
?>
]" id="c2_transition_type_<?php
echo $slide_row_number;
?>
">
<option value="fade"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'fade' ? ' selected="selected"' : '';
?>
>fade</option>
<option value="curtainX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'curtainX' ? ' selected="selected"' : '';
?>
>curtainX</option>
<option value="curtainY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'curtainY' ? ' selected="selected"' : '';
?>
>curtainY</option>
<option value="turnUp"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnUp' ? ' selected="selected"' : '';
?>
>turnUp</option>
<option value="turnDown"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnDown' ? ' selected="selected"' : '';
?>
>turnDown</option>
<option value="wipe"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'wipe' ? ' selected="selected"' : '';
?>
>wipe</option>
<option value="scrollHorz"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollHorz' ? ' selected="selected"' : '';
?>
>scrollHorz</option>
<option value="scrollVert"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollVert' ? ' selected="selected"' : '';
?>
>scrollVert</option>
<option value="growX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'growX' ? ' selected="selected"' : '';
?>
>growX</option>
<option value="growY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'growY' ? ' selected="selected"' : '';
?>
>growY</option>
<option value="scrollUp"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollUp' ? ' selected="selected"' : '';
?>
>scrollUp</option>
<option value="scrollDown"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollDown' ? ' selected="selected"' : '';
?>
>scrollDown</option>
<option value="shuffle"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'shuffle' ? ' selected="selected"' : '';
?>
>shuffle</option>
<option value="blindX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'blindX' ? ' selected="selected"' : '';
?>
>blindX</option>
<option value="blindY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'blindY' ? ' selected="selected"' : '';
?>
>blindY</option>
<option value="blindZ"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'blindZ' ? ' selected="selected"' : '';
?>
>blindZ</option>
<option value="cover"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'cover' ? ' selected="selected"' : '';
?>
>cover</option>
<option value="fadeZoom"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'fadeZoom' ? ' selected="selected"' : '';
?>
>fadeZoom</option>
<option value="scrollLeft"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollLeft' ? ' selected="selected"' : '';
?>
>scrollLeft</option>
<option value="scrollRight"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'scrollRight' ? ' selected="selected"' : '';
?>
>scrollRight</option>
<option value="slideX"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'slideX' ? ' selected="selected"' : '';
?>
>slideX</option>
<option value="slideY"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'slideY' ? ' selected="selected"' : '';
?>
>slideY</option>
<option value="toss"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'toss' ? ' selected="selected"' : '';
?>
>toss</option>
<option value="turnLeft"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnLeft' ? ' selected="selected"' : '';
?>
>turnLeft</option>
<option value="turnRight"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'turnRight' ? ' selected="selected"' : '';
?>
>turnRight</option>
<option value="uncover"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'uncover' ? ' selected="selected"' : '';
?>
>uncover</option>
<option value="zoom"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'zoom' ? ' selected="selected"' : '';
?>
>zoom</option>
<option value="none"<?php
echo $options['c2_transition_type_' . $slide_row_number] == 'none' ? ' selected="selected"' : '';
?>
>none</option>
</select>
</div>
<div id="c2_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:10px 5px 0 0; clear:both;">
<label for="c2_slide_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c2_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['c2_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="c2_slide_link_target_<?php
echo $slide_row_number;
?>
">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c2_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="c2_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['c2_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['c2_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c2_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c2_slide_image_alt_tag_' . $slide_row_number]);
?>
" size="20" />
</div>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:60%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="c2_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="4" cols="60"><?php
echo $options['c2_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['c2_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
</div>
<div class="slide-button" style="padding-top:10px; float:left; display:inline; width:35%">
<label for="c2_slide_button_txt_<?php
echo $slide_row_number;
?>
" class="slide-button-text" style="font-weight:bold;"><?php
esc_html_e('Button Text:', 'udesign');
?>
</label><br />
<input name="udesign_options[c2_slide_button_txt_<?php
echo $slide_row_number;
?>
]" type="text" id="c2_slide_button_txt_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c2_slide_button_txt_' . $slide_row_number]);
?>
" size="20" /><br />
<label for="c2_slide_button_style_<?php
echo $slide_row_number;
?>
" class="slide-button-style" style="margin-top:5px;font-weight:bold; float:left;"><?php
esc_html_e('Button Style: ', 'udesign');
?>
<select name="udesign_options[c2_slide_button_style_<?php
echo $slide_row_number;
?>
]" id="c2_slide_button_style_<?php
echo $slide_row_number;
?>
">
<option value="dark"<?php
echo $options['c2_slide_button_style_' . $slide_row_number] == 'dark' ? ' selected="selected"' : '';
?>
style="padding-right:10px;"><?php
esc_attr_e('Dark', 'udesign');
?>
</option>
<option value="light"<?php
echo $options['c2_slide_button_style_' . $slide_row_number] == 'light' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('Light', 'udesign');
?>
</option>
</select>
</label><br />
<span class="description" style="float:left;padding:5px; display:block; line-height:17px;"><?php
_e('The button is activated only if a <strong>Link</strong> is provided. To remove the button just replace the link with a single space.', 'udesign');
?>
</span>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="c2-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c2_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c2_slide_img_url_999"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c2_slide_img_url_field" name="udesign_options[c2_slide_img_url_999]" type="text" id="c2_slide_img_url_999" value="" size="65" />
<input id="c2_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c2_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="transition-type" style="padding:10px 5px 0 0; clear:both;">
<strong><?php
esc_html_e('Transition:', 'udesign');
?>
</strong>
<select name="udesign_options[c2_transition_type_999]" id="c2_transition_type_999">
<option value="fade" selected="selected">fade</option>
<option value="curtainX">curtainX</option>
<option value="curtainY">curtainY</option>
<option value="turnUp">turnUp</option>
<option value="turnDown">turnDown</option>
<option value="wipe">wipe</option>
<option value="scrollHorz">scrollHorz</option>
<option value="scrollVert">scrollVert</option>
<option value="growX">growX</option>
<option value="growY">growY</option>
<option value="scrollUp">scrollUp</option>
<option value="scrollDown">scrollDown</option>
<option value="shuffle">shuffle</option>
<option value="blindX">blindX</option>
<option value="blindY">blindY</option>
<option value="blindZ">blindZ</option>
<option value="cover">cover</option>
<option value="fadeZoom">fadeZoom</option>
<option value="scrollLeft">scrollLeft</option>
<option value="scrollRight">scrollRight</option>
<option value="slideX">slideX</option>
<option value="slideY">slideY</option>
<option value="toss">toss</option>
<option value="turnLeft">turnLeft</option>
<option value="turnRight">turnRight</option>
<option value="uncover">uncover</option>
<option value="zoom">zoom</option>
<option value="none">none</option>
</select>
</div>
<div id="c2_slide_link_url_999" class="slide-link" style="padding:10px 5px 0 0; clear:both;">
<label for="c2_slide_link_url_999" class="link-url" style="font-weight:bold;"><?php
esc_html_e('Link:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_link_url_999]" type="text" id="c2_slide_link_url_999" value="" size="30" />
<label for="c2_slide_link_target_999" class="link-target">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c2_slide_link_target_999]" id="c2_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c2_slide_image_alt_tag_999" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c2_slide_image_alt_tag_999]" type="text" id="c2_slide_image_alt_tag_999" value="" size="20" />
</div>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:60%; float:left; display:inline;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c2_slide_default_info_txt_999]" class="code"
style="width:97%; font-size:12px; margin: 5px 0;" id="c2_slide_default_info_txt_999"
rows="4" cols="60"><?php
echo get_c2_slide_default_info_txt();
?>
</textarea>
</div>
<div class="slide-button" style="padding-top:10px; float:left; display:inline; width:35%">
<label for="c2_slide_button_txt_999" class="slide-button-text" style="font-weight:bold;"><?php
esc_html_e('Button Text:', 'udesign');
?>
</label><br />
<input name="udesign_options[c2_slide_button_txt_999]" type="text" id="c2_slide_button_txt_999" value="<?php
echo esc_attr($options['c2_slide_button_txt_1']);
?>
" size="20" /><br />
<label for="c2_slide_button_style_999" class="slide-button-style" style="margin-top:5px;font-weight:bold; float:left;"><?php
esc_html_e('Button Style: ', 'udesign');
?>
<select name="udesign_options[c2_slide_button_style_999]" id="c2_slide_button_style_999">
<option value="dark" selected="selected" style="padding-right:10px;"><?php
esc_attr_e('Dark', 'udesign');
?>
</option>
<option value="light"><?php
esc_attr_e('Light', 'udesign');
?>
</option>
</select>
</label><br />
<span class="description" style="float:left; padding:5px; display:block; line-height:17px;"><?php
_e('The button is activated only if a <strong>Link</strong> is provided. To remove the button just replace the link with a single space.', 'udesign');
?>
</span>
</div>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '6') {
$c3_slides_order_str = $options['c3_slides_order_str'];
$c3_slides_array = explode(',', $options['c3_slides_order_str']);
$c3_timeout = $options['c3_timeout'];
$c3_text_color = $options['c3_text_color'];
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<h2 style="color:#2680AA; margin-top: 2px; padding:20px 10px 0;"><?php
esc_html_e('Cycle 3 Slider Settings:', 'udesign');
?>
</h2>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><label for="c3_timeout"><?php
esc_html_e('Timeout', 'udesign');
?>
</label></th>
<td>
<input name="udesign_options[c3_timeout]" type="text" id="c3_timeout" value="<?php
echo esc_attr($c3_timeout);
?>
" size="5" maxlength="6" />
<span><?php
esc_html_e('Milliseconds between slide transitions (0 to disable auto advance).', 'udesign');
?>
</span>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Autostop', 'udesign');
?>
</th>
<td>
<fieldset><legend class="screen-reader-text"><span><?php
esc_html_e('Autostop', 'udesign');
?>
</span></legend>
<label for="c3_autostop">
<input name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<?php
esc_html_e('End slideshow after the last slide.', 'udesign');
?>
<br />
</label>
</fieldset>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Size', 'udesign');
?>
</th>
<td>
<label for="c3_slider_text_size">
<?php
esc_html_e('Font Size: ', 'udesign');
?>
<select name="udesign_options[c3_slider_text_size]" id="c3_slider_text_size">
<option value="1.0"<?php
echo $options['c3_slider_text_size'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0em</option>
<option value="1.1"<?php
echo $options['c3_slider_text_size'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1em</option>
<option value="1.2"<?php
echo $options['c3_slider_text_size'] == '1.2' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.2em (Default)</option>
<option value="1.3"<?php
echo $options['c3_slider_text_size'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3em</option>
<option value="1.4"<?php
echo $options['c3_slider_text_size'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4em</option>
<option value="1.5"<?php
echo $options['c3_slider_text_size'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5em</option>
<option value="1.6"<?php
echo $options['c3_slider_text_size'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6em</option>
<option value="1.7"<?php
echo $options['c3_slider_text_size'] == '1.7' ? ' selected="selected"' : '';
?>
>1.7em</option>
<option value="1.8"<?php
echo $options['c3_slider_text_size'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8em</option>
<option value="1.9"<?php
echo $options['c3_slider_text_size'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9em</option>
<option value="2.0"<?php
echo $options['c3_slider_text_size'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0em</option>
</select>
</label>
<br />
<?php
esc_html_e('When using "em" you are specifying size relative to the general font size.', 'udesign');
?>
</td>
</tr>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Line Height', 'udesign');
?>
</th>
<td>
<label for="c3_slider_text_line_height">
<?php
esc_html_e('Line Height: ', 'udesign');
?>
<select name="udesign_options[c3_slider_text_line_height]" id="c3_slider_text_line_height">
<option value="0.5"<?php
echo $options['c3_slider_text_line_height'] == '0.5' ? ' selected="selected"' : '';
?>
>0.5</option>
<option value="0.6"<?php
echo $options['c3_slider_text_line_height'] == '0.6' ? ' selected="selected"' : '';
?>
>0.6</option>
<option value="0.7"<?php
echo $options['c3_slider_text_line_height'] == '0.7' ? ' selected="selected"' : '';
?>
>0.7</option>
<option value="0.8"<?php
echo $options['c3_slider_text_line_height'] == '0.8' ? ' selected="selected"' : '';
?>
>0.8</option>
<option value="0.9"<?php
echo $options['c3_slider_text_line_height'] == '0.9' ? ' selected="selected"' : '';
?>
>0.9</option>
<option value="1.0"<?php
echo $options['c3_slider_text_line_height'] == '1.0' ? ' selected="selected"' : '';
?>
>1.0</option>
<option value="1.1"<?php
echo $options['c3_slider_text_line_height'] == '1.1' ? ' selected="selected"' : '';
?>
>1.1</option>
<option value="1.2"<?php
echo $options['c3_slider_text_line_height'] == '1.2' ? ' selected="selected"' : '';
?>
>1.2</option>
<option value="1.3"<?php
echo $options['c3_slider_text_line_height'] == '1.3' ? ' selected="selected"' : '';
?>
>1.3</option>
<option value="1.4"<?php
echo $options['c3_slider_text_line_height'] == '1.4' ? ' selected="selected"' : '';
?>
>1.4</option>
<option value="1.5"<?php
echo $options['c3_slider_text_line_height'] == '1.5' ? ' selected="selected"' : '';
?>
>1.5</option>
<option value="1.6"<?php
echo $options['c3_slider_text_line_height'] == '1.6' ? ' selected="selected"' : '';
?>
>1.6</option>
<option value="1.7"<?php
echo $options['c3_slider_text_line_height'] == '1.7' ? ' selected="selected"' : '';
?>
style="padding-right:7px;">1.7 (Default)</option>
<option value="1.8"<?php
echo $options['c3_slider_text_line_height'] == '1.8' ? ' selected="selected"' : '';
?>
>1.8</option>
<option value="1.9"<?php
echo $options['c3_slider_text_line_height'] == '1.9' ? ' selected="selected"' : '';
?>
>1.9</option>
<option value="2.0"<?php
echo $options['c3_slider_text_line_height'] == '2.0' ? ' selected="selected"' : '';
?>
>2.0</option>
<option value="2.1"<?php
echo $options['c3_slider_text_line_height'] == '2.1' ? ' selected="selected"' : '';
?>
>2.1</option>
<option value="2.2"<?php
echo $options['c3_slider_text_line_height'] == '2.2' ? ' selected="selected"' : '';
?>
>2.2</option>
<option value="2.3"<?php
echo $options['c3_slider_text_line_height'] == '2.3' ? ' selected="selected"' : '';
?>
>2.3</option>
<option value="2.4"<?php
echo $options['c3_slider_text_line_height'] == '2.4' ? ' selected="selected"' : '';
?>
>2.4</option>
<option value="2.5"<?php
echo $options['c3_slider_text_line_height'] == '2.5' ? ' selected="selected"' : '';
?>
>2.5</option>
<option value="2.6"<?php
echo $options['c3_slider_text_line_height'] == '2.6' ? ' selected="selected"' : '';
?>
>2.6</option>
</select>
</label>
</td>
</tr>
</tbody>
</table>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Text Color', 'udesign');
?>
</th>
<td style="width:37px; padding:4px 4px">
<div id="c3-colorSelector1">
<div style="background-color: #<?php
echo $c3_text_color ? esc_attr($c3_text_color) : 'FFFFFF';
?>
;"></div>
</div>
</td>
<td>
<input name="udesign_options[c3_text_color]" id="c3_text_color" type="text" maxlength="6" size="6" style="margin:7px 10px 0 0" value="<?php
echo $c3_text_color ? esc_attr($c3_text_color) : 'FFFFFF';
?>
" />
<?php
esc_html_e('Slider text color.', 'udesign');
?>
</td>
</tr>
</tbody>
</table>
<?php
display_save_changes_button();
?>
<input name="udesign_options[c3_slides_order_str]" type="hidden" id="c3_slides_order_str" value="<?php
if ($c3_slides_order_str) {
echo esc_attr($c3_slides_order_str);
}
?>
" />
<div class="add-row" style></div>
<table id="c3-table-slides" class="c3-table-slides">
<tbody>
<?php
foreach ($c3_slides_array as $position => $slide_row_number) {
?>
<tr id="<?php
echo $slide_row_number;
?>
" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px"><?php
echo $position + 1;
?>
</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c3_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c3_slide_img_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c3_slide_img_url_field" name="udesign_options[c3_slide_img_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_img_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c3_slide_img_url_' . $slide_row_number]) {
echo esc_url($options['c3_slide_img_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c3_slide_upload_button_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div id="c3_slide_link_url_<?php
echo $slide_row_number;
?>
" class="slide-link" style="padding:5px 5px 10px 0; clear:both;">
<label for="c3_slide_link_url_<?php
echo $slide_row_number;
?>
" style="font-weight:bold;"><?php
esc_html_e('Image Link:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_link_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_link_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c3_slide_link_url_' . $slide_row_number]) {
echo esc_url($options['c3_slide_link_url_' . $slide_row_number]);
}
?>
" size="30" />
<label for="c3_slide_link_target_<?php
echo $slide_row_number;
?>
">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c3_slide_link_target_<?php
echo $slide_row_number;
?>
]" id="c3_slide_link_target_<?php
echo $slide_row_number;
?>
">
<option value="self"<?php
echo $options['c3_slide_link_target_' . $slide_row_number] == 'self' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"<?php
echo $options['c3_slide_link_target_' . $slide_row_number] == 'blank' ? ' selected="selected"' : '';
?>
><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c3_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_image_alt_tag_<?php
echo $slide_row_number;
?>
" value="<?php
echo esc_attr($options['c3_slide_image_alt_tag_' . $slide_row_number]);
?>
" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
<div class="c3_slide_img2_url" style="padding:10px 5px 0 0; float:left; display:inline; clear:left;">
<label style="font-weight:bold;" for="c3_slide_img2_url_<?php
echo $slide_row_number;
?>
"><?php
esc_html_e('Image 2:', 'udesign');
?>
</label>
<input class="c3_slide_img2_url_field" name="udesign_options[c3_slide_img2_url_<?php
echo $slide_row_number;
?>
]" type="text" id="c3_slide_img2_url_<?php
echo $slide_row_number;
?>
" value="<?php
if ($options['c3_slide_img2_url_' . $slide_row_number]) {
echo esc_url($options['c3_slide_img2_url_' . $slide_row_number]);
}
?>
" size="65" />
<input id="c3_slide_upload_button2_<?php
echo $slide_row_number;
?>
" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img2_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; clear:both;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c3_slide_default_info_txt_<?php
echo $slide_row_number;
?>
]" class="code"
style="float:left; width:70%; display:inline; font-size:12px; margin: 5px 0;" id="c3_slide_default_info_txt_<?php
echo $slide_row_number;
?>
"
rows="3" cols="70"><?php
echo $options['c3_slide_default_info_txt_' . $slide_row_number] ? esc_attr($options['c3_slide_default_info_txt_' . $slide_row_number]) : '';
?>
</textarea>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<table id="c3-clone-table" style="display:none;">
<tbody>
<tr id="999" class="row-style">
<td class="dragHandle showDragHandle" style="width:30px; padding:15px 20px;"> </td>
<td class="deleteSlide" style="margin:10px 10px; width:30px; padding:5px 15px;"> </td>
<td class="position" style="padding:15px 20px; width:40px; font-weight:bold; font-size:20px; text-align:center; height:110px">999</td>
<td style="padding:10px 10px 10px 20px; width:100%" valign="top">
<div class="c3_slide_img_url" style="padding:7px 5px 0 0; float:left; display:inline;">
<label style="font-weight:bold;" for="c3_slide_img_url_999"><?php
esc_html_e('Image:', 'udesign');
?>
</label>
<input class="c3_slide_img_url_field" name="udesign_options[c3_slide_img_url_999]" type="text" id="c3_slide_img_url_999" value="" size="65" />
<input id="c3_slide_upload_button_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div id="c3_slide_link_url_999" class="slide-link" style="padding:5px 5px 10px 0; clear:both;">
<label for="c3_slide_link_url_999" class="link-url" style="font-weight:bold;"><?php
esc_html_e('Image Link:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_link_url_999]" type="text" id="c3_slide_link_url_999" value="" size="30" />
<label for="c3_slide_link_target_999" class="link-target">
<?php
esc_html_e('Target: ', 'udesign');
?>
<select name="udesign_options[c3_slide_link_target_999]" id="c3_slide_link_target_999">
<option value="self" selected="selected"><?php
esc_attr_e('self', 'udesign');
?>
</option>
<option value="blank"><?php
esc_attr_e('blank', 'udesign');
?>
</option>
</select>
</label>
<div style="display:inline-block;">
<label for="c3_slide_image_alt_tag_999" class="slide-alt-tag" style="margin-left:10px;"><?php
esc_html_e('Alt Tag:', 'udesign');
?>
</label>
<input name="udesign_options[c3_slide_image_alt_tag_999]" type="text" id="c3_slide_image_alt_tag_999" value="" size="20" />
</div>
<div><span style="line-height: 1.5; font-size: 10px;" class="description" style="margin:5px 0;float:left;"><?php
esc_html_e('(To clear a text field above, replace it with a single space)', 'udesign');
?>
</span></div>
</div>
<div class="c3_slide_img2_url" style="padding:10px 5px 0 0; float:left; display:inline; clear:left;">
<label style="font-weight:bold;" for="c3_slide_img2_url_999"><?php
esc_html_e('Image 2:', 'udesign');
?>
</label>
<input class="c3_slide_img2_url_field" name="udesign_options[c3_slide_img2_url_999]" type="text" id="c3_slide_img2_url_999" value="" size="65" />
<input id="c3_slide_upload_button2_999" type="button" value="<?php
esc_attr_e('Upload Image', 'udesign');
?>
" class="button-secondary c3_slide_img2_url_btn" />
<a class="info-help" style="margin:0 5px 0 10px;" title="Click the 'Upload Image' button. Once you've selected or uploaded an image (see documentation for proper dimensions), look for the 'Insert into Post' button and click it.">HELP</a>
</div>
<div class="slide-info-text" style="padding:10px 5px 0 0; width:100%; float:left; clear:both;">
<strong><?php
esc_html_e('Slide text', 'udesign');
?>
</strong> <span class="description" style="margin:20px 0;"><?php
esc_html_e('(You could use text and/or html)', 'udesign');
?>
</span>:<br />
<textarea name="udesign_options[c3_slide_default_info_txt_999]" class="code"
style="float:left; width:70%; display:inline; font-size:12px; margin: 5px 0;" id="c3_slide_default_info_txt_999"
rows="3" cols="70"><?php
echo get_c3_slide_default_info_txt();
?>
</textarea>
</div>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '7') {
// No slider
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[rev_slider_shortcode]" type="hidden" id="rev_slider_shortcode" value="<?php
if ($options['rev_slider_shortcode']) {
echo esc_attr($options['rev_slider_shortcode']);
}
?>
" />
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Title Text', 'udesign');
?>
</th>
<td>
<?php
esc_html_e('Change the Title:', 'udesign');
?>
<input name="udesign_options[no_slider_text]" type="text" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" size="35" maxlength="120" />
<br />
<span class="description"><?php
esc_html_e('This is the title text displayed in the place of the slider on the home page', 'udesign');
?>
</span>
</td>
</tr>
</tbody>
</table>
<?php
} elseif ($current_slider == '8') {
// Revolution Slider
?>
<!-- Add invisible fields from the other sliders' forms to preserve their state. (this is only necessary for checkboxes and some text fields) -->
<input style="display:none;" name="udesign_options[gs_remove_3d_shadow]" type="checkbox" id="gs_remove_3d_shadow" value="yes" <?php
checked('yes', $options['gs_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[pm_remove_3d_shadow]" type="checkbox" id="pm_remove_3d_shadow" value="yes" <?php
checked('yes', $options['pm_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c1_sync]" type="checkbox" id="c1_sync" value="yes" <?php
checked('yes', $options['c1_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_image_frame]" type="checkbox" id="c1_remove_image_frame" value="yes" <?php
checked('yes', $options['c1_remove_image_frame']);
?>
/>
<input style="display:none;" name="udesign_options[c1_remove_3d_shadow]" type="checkbox" id="c1_remove_3d_shadow" value="yes" <?php
checked('yes', $options['c1_remove_3d_shadow']);
?>
/>
<input style="display:none;" name="udesign_options[c2_sync]" type="checkbox" id="c2_sync" value="yes" <?php
checked('yes', $options['c2_sync']);
?>
/>
<input style="display:none;" name="udesign_options[c2_text_transition_on]" type="checkbox" id="c2_text_transition_on" value="yes" <?php
checked('yes', $options['c2_text_transition_on']);
?>
/>
<input style="display:none;" name="udesign_options[c3_autostop]" type="checkbox" id="c3_autostop" value="yes" <?php
checked('yes', $options['c3_autostop']);
?>
/>
<input name="udesign_options[no_slider_text]" type="hidden" id="no_slider_text" value="<?php
if ($options['no_slider_text']) {
echo esc_attr($options['no_slider_text']);
}
?>
" />
<?php
if (!is_plugin_active('revslider/revslider.php')) {
?>
<div style="background-color:#FFEBE8; border:1px solid #C00; padding:0 0.8em; margin:10px 0;">
<p style="font-weight:bold;"><?php
printf(__('You need to install the "Revolution Slider" first before using this feature. You may install the slider through the %1$sInstall Plugins%2$s section.', 'udesign'), '<a href="themes.php?page=install-required-plugins">', '</a>');
?>
</p>
</div>
<?php
} else {
?>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php
esc_html_e('Revolution Slider', 'udesign');
?>
</th>
<td>
<?php
$slider = new RevSlider();
$arrSliders = $slider->getArrSliders();
if (empty($arrSliders)) {
?>
<div style="background-color:#FFFFE0; border:1px solid #E6DB55; padding:0 0.8em; margin:0;">
<p style="font-weight:bold; margin:7px 0;"><?php
printf(__('No sliders found! Please create a new slider from the %1$sRevolution Slider%2$s page.', 'udesign'), '<a href="admin.php?page=revslider">', '</a>');
?>
</p>
</div>
<?php
} else {
?>
<label for="current_rev_slider"><?php
esc_html_e('Choose a Revolution Slider:', 'udesign');
?>
</label>
<select name="udesign_options[rev_slider_shortcode]" id="current_rev_slider">
<option value=""<?php
echo $options['rev_slider_shortcode'] == '' ? ' selected="selected"' : '';
?>
><?php
esc_html_e('--Select Slider--', 'udesign');
?>
</option>
<?php
foreach ($arrSliders as $slider) {
?>
<option value="<?php
echo $slider->getShortcode();
?>
"<?php
echo $slider->getShortcode() == $options['rev_slider_shortcode'] ? ' selected="selected"' : '';
?>
><?php
echo $slider->getTitle();
?>
</option>
<?php
}
?>
</select><br />
<span class="description"><?php
printf(__('To create additional sliders or to configure the existing ones please refer to the %1$sRevolution Slider%2$s page.', 'udesign'), '<a href="admin.php?page=revslider">', '</a>');
?>
</span><br />
<span class="description"><?php
printf(__('For help please refer to the %1$sDocumentation%2$s.', 'udesign'), '<a target="_blank" href="' . get_bloginfo('template_url') . '/scripts/documentation/index.html#revslider-description">', '</a>');
?>
</span>
<div class="clear"></div>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
<?php
}
?>
<?php
}
display_save_changes_button();
}
