/** * 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(); }