Esempio n. 1
0
function emodal_admin_theme_form_general_tab_settings_name()
{
    ?>
<tr>
		<th scope="row">
			<label for="name">
				<?php 
    _e('Name', EMCORE_SLUG);
    ?>
				<span class="description">(required)</span>
			</label>
		</th>
		<td>
			<input type="text" class="regular-text" name="theme[name]" id="name" value="<?php 
    esc_attr_e(get_current_modal_theme('name'));
    ?>
" required/>
		</td>
	</tr><?php 
    if (!class_exists('EMUnlimitedThemes')) {
        ?>
	<tr>
		<th colspan="2" class="pro-upgrade-tip">
			<hr/>
			<img style="" src="<?php 
        echo EMCORE_URL;
        ?>
/assets/images/admin/icon-info-21x21.png"/> Free Users can only create one (1) theme. <a href="http://easy-modal.com/addons/unlimited-themes" target="_blank">Check out Unlimited Modals!</a>.
		</th>
	</tr><?php 
    }
}
function emodal_admin_theme_form_overlay_tab_settings_background()
{
    ?>
<tr>
		<th scope="row">
			<label for="overlay_background_color"><?php 
    _e('Color', 'easy-modal');
    ?>
</label>
		</th>
		<td>
			<input type="text" name="theme[meta][overlay][background][color]" id="overlay_background_color" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.overlay.background.color'));
    ?>
" class="color-picker background-color" />
			<p class="description"><?php 
    _e('Choose the overlay color.', 'easy-modal');
    ?>
</p>
		</td>
	</tr>
	<tr class="background-opacity">
		<th scope="row">
			<label for="overlay_background_opacity"><?php 
    _e('Opacity', 'easy-modal');
    ?>
</label>
		</th>
		<td>
			<input type="range" name="theme[meta][overlay][background][opacity]" id="overlay_background_opacity" min="0" max="100" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.overlay.background.opacity'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.overlay.background.opacity'));
    ?>
</span>%</span>
			<p class="description"><?php 
    _e('The opacity value for the overlay.', 'easy-modal');
    ?>
</p>
		</td>
	</tr><?php 
    if (!class_exists('EMAdvancedThemeEditor')) {
        ?>
	<tr>
		<th colspan="2" class="pro-upgrade-tip">
			<img style="" src="<?php 
        echo EMCORE_URL;
        ?>
/assets/images/admin/icon-info-21x21.png"/> Wanna use background images? <a href="http://easy-modal.com/addons/unlimited-themes" target="_blank">Check out Advanced Theme Editor!</a>.
		</th>
	</tr><?php 
    }
}
function emodal_admin_theme_form_close_tab_settings_textshadow()
{
    ?>
<tr class="title-divider">
		<th colspan="2"><h3 class="title"><?php 
    _e('Text Shadow', EMCORE_SLUG);
    ?>
</h3></th>
	</tr>
	<tr>
		<th scope="row">
			<label for="close_textshadow_horizontal"><?php 
    _e('Horizontal Position', EMCORE_SLUG);
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][close][textshadow][horizontal]" id="close_textshadow_horizontal" min="-50" max="50" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.close.textshadow.horizontal'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.close.textshadow.horizontal'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="close_textshadow_vertical"><?php 
    _e('Vertical Position', EMCORE_SLUG);
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][close][textshadow][vertical]" id="close_textshadow_vertical" min="-50" max="50" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.close.textshadow.vertical'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.close.textshadow.vertical'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="close_textshadow_blur"><?php 
    _e('Blur Radius', EMCORE_SLUG);
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][close][textshadow][blur]" id="close_textshadow_blur" min="0" max="100" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.close.textshadow.blur'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.close.textshadow.blur'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="close_textshadow_color"><?php 
    _e('Color', EMCORE_SLUG);
    ?>
</label>
		</th>
		<td>
			<input type="text" name="theme[meta][close][textshadow][color]" id="close_textshadow_color" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.close.textshadow.color'));
    ?>
" class="color-picker textshadow-color" />
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="close_textshadow_opacity"><?php 
    _e('Opacity', EMCORE_SLUG);
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][close][textshadow][opacity]" id="close_textshadow_opacity" min="0" max="100" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.close.textshadow.opacity'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.close.textshadow.opacity'));
    ?>
</span>%</span>
		</td>
	</tr><?php 
}
Esempio n. 4
0
function emodal_admin_theme_form_content_tab_settings_font()
{
    ?>
<tr class="title-divider">
		<th colspan="2"><h3 class="title"><?php 
    _e('Font', EMCORE_SLUG);
    ?>
</h3></th>
	</tr>
	<tr>
		<th scope="row">
			<label for="content_font_color"><?php 
    _e('Color', EMCORE_SLUG);
    ?>
</label>
		</th>
		<td>
			<input type="text" name="theme[meta][content][font][color]" id="content_font_color" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.content.font.color'));
    ?>
" class="color-picker" />
		</td>
	</tr>
<?php 
    /*
    	<tr>
    		<th scope="row">
    			<label for="content_font_size"><?php _e('Size', EMCORE_SLUG);?></label> 
    		</th>
    		<td>
    			<input type="range" name="theme[meta][content][font][size]" id="content_font_size" min="8" max="32" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.content.font.size'))?>" />
    			<span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.content.font.size'));?></span>px</span>
    			<p class="description"><?php _e('Font size.',EMCORE_SLUG)?></p>
    		</td>
    	</tr>
    */
    ?>
	<tr>
		<th scope="row">
			<label for="content_font_family"><?php 
    _e('Family', EMCORE_SLUG);
    ?>
</label>
		</th>
		<td>
			<select name="theme[meta][content][font][family]" id="content_font_family">
			<?php 
    foreach (apply_filters('emodal_font_family_options', array()) as $option => $value) {
        ?>
				<option
					value="<?php 
        echo $value;
        ?>
"
					<?php 
        echo $value == get_current_modal_theme('meta.content.font.family') ? ' selected="selected"' : '';
        ?>
				><?php 
        echo $option;
        ?>
</option>
			<?php 
    }
    ?>
			</select>
		</td>
	</tr><?php 
}
function emodal_admin_theme_form_container_tab_settings_boxshadow()
{
    ?>
<tr class="title-divider">
		<th colspan="2"><h3 class="title"><?php 
    _e('Drop Shadow', 'easy-modal');
    ?>
</h3></th>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_inset"><?php 
    _e('Inset', 'easy-modal');
    ?>
</label>
		</th>
		<td>
			<select name="theme[meta][container][boxshadow][inset]" id="container_boxshadow_inset">
			<?php 
    foreach (array(__('No', 'easy-modal') => 'no', __('Yes', 'easy-modal') => 'yes') as $option => $value) {
        ?>
				<option
					value="<?php 
        echo $value;
        ?>
"
					<?php 
        echo $value == get_current_modal_theme('meta.container.boxshadow.inset') ? ' selected="selected"' : '';
        ?>
				><?php 
        echo $option;
        ?>
</option>
			<?php 
    }
    ?>
			</select>
			<p class="description"><?php 
    _e('Set the box shadow to inset (inner shadow).', 'easy-modal');
    ?>
</p>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_horizontal"><?php 
    _e('Horizontal Position', 'easy-modal');
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][container][boxshadow][horizontal]" id="container_boxshadow_horizontal" min="-50" max="50" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.container.boxshadow.horizontal'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.container.boxshadow.horizontal'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_vertical"><?php 
    _e('Vertical Position', 'easy-modal');
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][container][boxshadow][vertical]" id="container_boxshadow_vertical" min="-50" max="50" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.container.boxshadow.vertical'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.container.boxshadow.vertical'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_blur"><?php 
    _e('Blur Radius', 'easy-modal');
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][container][boxshadow][blur]" id="container_boxshadow_blur" min="0" max="100" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.container.boxshadow.blur'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.container.boxshadow.blur'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_spread"><?php 
    _e('Spread', 'easy-modal');
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][container][boxshadow][spread]" id="container_boxshadow_spread" min="-100" max="100" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.container.boxshadow.spread'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.container.boxshadow.spread'));
    ?>
</span>px</span>
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_color"><?php 
    _e('Color', 'easy-modal');
    ?>
</label>
		</th>
		<td>
			<input type="text" name="theme[meta][container][boxshadow][color]" id="container_boxshadow_color" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.container.boxshadow.color'));
    ?>
" class="color-picker boxshadow-color" />
		</td>
	</tr>
	<tr>
		<th scope="row">
			<label for="container_boxshadow_opacity"><?php 
    _e('Opacity', 'easy-modal');
    ?>
</label> 
		</th>
		<td>
			<input type="range" name="theme[meta][container][boxshadow][opacity]" id="container_boxshadow_opacity" min="0" max="100" step="1" value="<?php 
    esc_attr_e(get_current_modal_theme('meta.container.boxshadow.opacity'));
    ?>
" />
			<span class="range-value regular-text"><span class="value"><?php 
    esc_html_e(get_current_modal_theme('meta.container.boxshadow.opacity'));
    ?>
</span>%</span>
		</td>
	</tr><?php 
}