/** * Constructor */ public function __construct() { parent::__construct(); $revSliderAdmin = Mage::getSingleton('RevSliderAdmin'); $revSliderAdmin->requireSettings("slider_settings"); $settingsMain = $revSliderAdmin->getSettings("slider_main"); $settingsParams = $revSliderAdmin->getSettings("slider_params"); $settingsSliderMain = new RevSliderSettingsProduct(); $settingsSliderParams = new UniteSettingsProductSidebarRev(); //get taxonomies with cats $postTypesWithCats = RevOperations::getPostTypesWithCatsForClient(); $jsonTaxWithCats = UniteFunctionsRev::jsonEncodeForClientSide($postTypesWithCats); //check existing slider data: $sliderID = $this->getRequest()->getParam('id'); if (!empty($sliderID)) { $slider = new RevSlider(); $slider->initByID($sliderID); //get setting fields $settingsFields = $slider->getSettingsFields(); $arrFieldsMain = $settingsFields["main"]; $arrFieldsParams = $settingsFields["params"]; //modify arrows type for backword compatability $arrowsType = UniteFunctionsRev::getVal($arrFieldsParams, "navigation_arrows"); switch ($arrowsType) { case "verticalcentered": $arrFieldsParams["navigation_arrows"] = "solo"; break; } //set custom type params values: $settingsMain = RevSliderSettingsProduct::setSettingsCustomValues($settingsMain, $arrFieldsParams, $postTypesWithCats); //set setting values from the slider $settingsMain->setStoredValues($arrFieldsParams); $settingsParams->setStoredValues($arrFieldsParams); //update short code setting $shortcode = $slider->getShortcode(); $settingsMain->updateSettingValue("shortcode", htmlentities($shortcode)); $linksEditSlides = $this->helper("adminhtml")->getUrl('adminhtml/nwdrevslider/slides/id/' . $sliderID); $settingsSliderParams->init($settingsParams); $settingsSliderMain->init($settingsMain); $settingsSliderParams->isAccordion(true); $this->assign('sliderID', $sliderID); $this->assign('linksEditSlides', $linksEditSlides); $this->assign('arrFieldsParams', $arrFieldsParams); $this->setTemplate('nwdthemes/revslider/templates/slider_edit.phtml'); } else { //set custom type params values: $settingsMain = RevSliderSettingsProduct::setSettingsCustomValues($settingsMain, array(), $postTypesWithCats); $settingsSliderParams->init($settingsParams); $settingsSliderMain->init($settingsMain); $settingsSliderParams->isAccordion(true); $this->setTemplate('nwdthemes/revslider/templates/slider_new.phtml'); } $this->assign('sliderTemplate', $this->_sliderTemplate); $this->assign('settingsSliderMain', $settingsSliderMain); $this->assign('settingsSliderParams', $settingsSliderParams); $this->assign('jsonTaxWithCats', $jsonTaxWithCats); }
$settingsFields = $slider->getSettingsFields(); $arrFieldsMain = $settingsFields["main"]; $arrFieldsParams = $settingsFields["params"]; //modify arrows type for backword compatability $arrowsType = UniteFunctionsRev::getVal($arrFieldsParams, "navigation_arrows"); switch ($arrowsType) { case "verticalcentered": $arrFieldsParams["navigation_arrows"] = "solo"; break; } //set setting values from the slider $settingsMain->setStoredValues($arrFieldsParams); //set custom type params values: $settingsMain = RevSliderSettingsProduct::setSettingsCustomValues($settingsMain, $arrFieldsParams); $settingsParams->setStoredValues($arrFieldsParams); //update short code setting $shortcode = $slider->getShortcode(); $settingsMain->updateSettingValue("shortcode", $shortcode); $linksEditSlides = self::getViewUrl(RevSliderAdmin::VIEW_SLIDES, "id={$sliderID}"); $settingsSliderParams->init($settingsParams); $settingsSliderMain->init($settingsMain); $settingsSliderParams->isAccordion(true); require self::getPathTemplate("slider_edit"); } else { $settingsSliderParams->init($settingsParams); $settingsSliderMain->init($settingsMain); $settingsSliderParams->isAccordion(true); require self::getPathTemplate("slider_new"); } ?>
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(); }