Ejemplo n.º 1
0
function op_font_options_str($title, $fieldname, $values = array())
{
    static $field_count = 0;
    $fieldid = str_replace(array('[]', '][', '[', ']'), array('_' . $field_count, '_', '_', ''), $fieldname) . '_';
    $field_count++;
    return '
		<div class="feature-area-font-dropdown">
			<label class="form-title" for="' . $fieldid . 'font">' . $title . '</label>
			<div class="font-chooser cf">
				' . op_font_size_dropdown($fieldname . '[font_size]', op_get_var($values, 'font_size'), $fieldid . 'size') . op_font_dropdown($fieldname . '[font_font]', op_get_var($values, 'font_font'), $fieldid . 'family') . op_font_style_dropdown($fieldname . '[font_style]', op_get_var($values, 'font_style'), $fieldid . 'style') . op_color_picker($fieldname . '[font_color]', op_get_var($values, 'font_color'), $fieldid . 'color', false, true) . '
				<a href="#reset" class="reset-link">Reset</a>
			</div>
		</div>
	';
}
Ejemplo n.º 2
0
_e('Upload a Banner Image', OP_SN);
?>
</label>
    <p class="op-micro-copy"><?php 
_e('Upload a header image');
?>
</p>
    <?php 
op_upload_field('op[sections][header_logo_setup][bgimg]', op_default_option('header_logo_setup', 'bgimg'));
?>
    
    <div class="clear"></div>
    <label for="op_sections_header_logo_setup_repeatbgimg" class="form-title"><?php 
_e('Upload Repeating Header Image', OP_SN);
?>
</label>
    <p class="op-micro-copy"><?php 
_e('This would normally be a gradient.  Upload a repeating header background image which will be tiled horizontally on your header.  We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', OP_SN);
?>
</p>
    <?php 
op_upload_field('op[sections][header_logo_setup][repeatbgimg]', op_default_option('header_logo_setup', 'repeatbgimg'));
?>
    <label><?php 
_e('or Choose a header background colour', OP_SN);
?>
</label>
	<?php 
op_color_picker('op[sections][header_logo_setup][bgcolor]', op_default_attr('header_logo_setup', 'bgcolor'), 'op_header_logo_setup');
?>
</div>
Ejemplo n.º 3
0
        ?>
		<li>
			<label for="<?php 
        echo $tmp_id;
        ?>
size" class="form-title"><?php 
        echo $title;
        ?>
</label>
			<?php 
        echo empty($help) ? '' : '<p class="op-micro-copy">' . $help . '</p>';
        ?>
			<div class="font-chooser cf">
			<?php 
        $opt_array = array('typography', 'color_elements', $element);
        op_color_picker($tmp_field, op_default_option($opt_array), $tmp_id);
        ?>
				<a href="#reset" class="reset-link"><?php 
        _e('Reset', OP_SN);
        ?>
</a>
			</div>

		</li>
		<?php 
    }
    ?>
    </ul>
    <?php 
}
?>
Ejemplo n.º 4
0
_e('Upload a Banner Image', 'optimizepress');
?>
</label>
    <p class="op-micro-copy"><?php 
_e('Recommended if you don\'t have a logo. Upload a header image up to 975px in width with any graphics on it, and we\'ll throw that on instead.', 'optimizepress');
?>
</p>
    <?php 
op_upload_field('op[sections][blog_header][bgimg]', op_default_option('blog_header', 'bgimg'));
?>
    
    
    <label for="op_sections_blog_header_repeatbgimg" class="form-title"><?php 
_e('Upload Repeating Header Background Image', 'optimizepress');
?>
</label>
    <p class="op-micro-copy"><?php 
_e('This would normally be a gradient. Upload a repeating header background image which will be tiled horizontally on your header.  We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', 'optimizepress');
?>
</p>
    <?php 
op_upload_field('op[sections][blog_header][repeatbgimg]', $repeatbgimg);
?>
    <label><?php 
_e('or Choose a header background colour', 'optimizepress');
?>
</label>
	<?php 
op_color_picker('op[sections][blog_header][bgcolor]', $bgcolor, 'op_blog_header_bgcolor');
?>
</div>
Ejemplo n.º 5
0
</label>
    <p class="op-micro-copy"><?php 
_e('Choose a box background start colour.', OP_SN);
?>
</p>
    <?php 
op_color_picker('op[size_color][box_color_start]', $box_color_start, 'op_size_color_box_color_start');
?>
    <label for="op_header_layout_box_color_end" class="form-title"><?php 
_e('Box background end colour', OP_SN);
?>
</label>
    <p class="op-micro-copy"><?php 
_e('Choose a box background end colour.', OP_SN);
?>
</p>
    <?php 
op_color_picker('op[size_color][box_color_end]', $box_color_end, 'op_size_color_box_color_end');
?>
    <label for="op_header_layout_box_width" class="form-title"><?php 
_e('Box width', OP_SN);
?>
</label>
    <p class="op-micro-copy"><?php 
_e('Enter box width in pixels.', OP_SN);
?>
</p>
    <?php 
op_text_field('op[size_color][box_width]', $box_width);
?>
</div>
Ejemplo n.º 6
0
            $color = $page_opts['color'];
            $decoration = $page_opts['text_decoration'];
        } else {
            $color = $page_opts;
            $decoration = '';
        }
        $color_test = str_replace('#', '', $color);
        if (empty($color_test)) {
            $color = op_default_option($opt_array, 'color');
        }
        if (!empty($decoration)) {
            $decoration = op_default_option($opt_array, 'decoration');
            op_color_picker($tmp_field . '[color]', $color, $tmp_id . '_color');
            op_text_decoration_drop($tmp_field . '[text_decoration]', $decoration, $tmp_id . '_text_decoration');
        } else {
            op_color_picker($tmp_field, $color, $tmp_id);
        }
        ?>
                        <a href="#reset" class="reset-link">Reset</a>
                    </div>
                    
                </li>
                <?php 
    }
    ?>
            </ul>
            <?php 
}
?>
        </div>
    </div>
Ejemplo n.º 7
0
_e('Upload Repeating Header Background Image', OP_SN);
?>
</label>
    <p class="op-micro-copy"><?php 
_e('This would normally be a gradient.  Upload a repeating header background image which will be tiled horizontally on your header.  We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', OP_SN);
?>
</p>
    <?php 
op_upload_field('op[header_layout][repeatbgimg]', isset($header_logo_setup['repeatbgimg']) ? $header_logo_setup['repeatbgimg'] : '');
?>
    <label><strong><?php 
_e('or choose a header background colour', OP_SN);
?>
</strong></label>
	<?php 
op_color_picker('op[header_layout][bgcolor]', isset($header_logo_setup['bgcolor']) ? $header_logo_setup['bgcolor'] : '', 'op_header_bgcolor');
?>
<div class="clear"></div>
	
	<div class="op-header-disable-link">
	    <label for="op_header_disable_link" class="form-title"><?php 
_e('Remove link on header/logo', OP_SN);
?>
</label>
	    <p class="op-micro-copy"><?php 
_e('If this is checked, no link will be added to your page header/logo', OP_SN);
?>
</p>
	    <input type="checkbox" name="op[header_layout][disable_link]" id="op_header_disable_link" <?php 
echo $header_layout['disable_link'] == 'on' ? 'checked="checked"' : '';
?>
Ejemplo n.º 8
0
            $top_nav_font = op_default_attr('color_scheme_fields', $name);
            op_font_selector('op[sections][color_scheme_fields][' . $name . ']', array('family' => $top_nav_font['font_family'], 'style' => $top_nav_font['font_weight'], 'size' => $top_nav_font['font_size'], 'shadow' => $top_nav_font['font_shadow']), '<div class="op-micro-copy-font-selector">', '</div>', false);
            ?>
		</li>
		<?php 
        } else {
            ?>
		<li>
			<label for="op_sections_color_scheme_field_<?php 
            echo $name;
            ?>
" class="form-title"><?php 
            echo $title;
            ?>
</label>
			<?php 
            echo empty($help) ? '' : '<p class="op-micro-copy">' . $help . '</p>';
            op_color_picker('op[sections][color_scheme_fields][' . $name . ']', op_default_attr('color_scheme_fields', $name), 'op_sections_color_scheme_field_' . $name);
            ?>
		</li>
		<?php 
        }
        ?>
    <?php 
    }
    ?>
    </ul>
    <?php 
}
?>
</div>
Ejemplo n.º 9
0
			<?php 
op_color_picker('op[sections][color_scheme_fields][top_nav_dd_hover_link]', op_default_option('color_scheme_fields', 'top_nav_dd_hover_link'), 'op_sections_color_scheme_fields_top_nav_dd_hover_link');
?>
			<br style="clear: left;" />
			<label for="op_sections_color_scheme_fields_top_nav_dd" class="form-title"><?php 
_e('Dropdown Background', OP_SN);
?>
</label>
			<p class="op-micro-copy">Choose the colour for your dropdown menu background.</p>
			<?php 
op_color_picker('op[sections][color_scheme_fields][top_nav_dd]', op_default_option('color_scheme_fields', 'top_nav_dd'), 'op_sections_color_scheme_fields_top_nav_dd');
?>
			<br style="clear: left;" />
			<label for="op_sections_color_scheme_field_top_nav_dd_hover" class="form-title"><?php 
_e('Dropdown Background Hover', OP_SN);
?>
</label>
			<p class="micro-copy">Choose the background colour for the hover state of child pages in your navigation bar</p>
			<?php 
op_color_picker('op[sections][color_scheme_fields][top_nav_dd_hover]', op_default_option('color_scheme_fields', 'top_nav_dd_hover'), 'op_sections_color_scheme_fields_top_nav_dd_hover');
?>
		</div>
	</div>
</div>
<?php 
if (count($js) > 0) {
    echo '
<script type="text/javascript">
var op_menu_link_colors = ' . json_encode($js) . ';
</script>';
}
Ejemplo n.º 10
0
        ?>
		<li>
			<label for="<?php 
        echo $tmp_id;
        ?>
size" class="form-title"><?php 
        echo $title;
        ?>
</label>
			<?php 
        echo empty($help) ? '' : '<p class="op-micro-copy">' . $help . '</p>';
        ?>
			<div class="font-chooser cf">
			<?php 
        $opt_array = array('default_typography', 'color_elements', $element);
        op_color_picker($tmp_field . '[color]', op_default_option($opt_array, 'color'), $tmp_id);
        ?>
				<a href="#reset" class="reset-link"><?php 
        _e('Reset', 'optimizepress');
        ?>
</a>
			</div>

		</li>
		<?php 
    }
    ?>
    </ul>
    <?php 
}
?>
Ejemplo n.º 11
0
        <div class="op-le-row-options-column">
            <label><?php 
_e('Row border bottom width (px)', OP_SN);
?>
</label>
            <input type="text" name="op_row_border_bottom_width" id="op_row_border_bottom_width" />
        </div>

        <div class="op-le-row-options-column">
            <label><?php 
_e('Row border bottom color', OP_SN);
?>
</label>
            <div class="font-chooser cf">
            <?php 
op_color_picker('someField[borderBottomColor]', '', 'op_section_row_options_borderBottomColor');
?>
            <a href="#reset" class="reset-link">Reset</a>
            </div>
        </div>

        <label><?php 
_e('Row background image', OP_SN);
?>
</label>
        <p class="op-micro-copy"><?php 
_e('Choose an image to use as the row background', OP_SN);
?>
</p>
        <?php 
op_upload_field('op_row_background');
Ejemplo n.º 12
0
                <div class="field-slider field-id-op_assets_submit_button_inset_shadow_spread_radius_2">
                    <label><?php 
_e('Spread Radius', OP_SN);
?>
</label>
                    <?php 
echo op_slider_picker($fieldname . '[inset_shadow_spread]', op_get_var($button, 'inset_shadow_spread', 1), 'op_assets_submit_button_inset_shadow_spread_radius_2', 0, 50);
?>
                </div>
                <div class="field-colorpicker field-id-op_assets_submit_button_inset_shadow_shadow_color_3">
                    <label><?php 
_e('Shadow Color', OP_SN);
?>
</label>
                    <?php 
echo op_color_picker($fieldname . '[inset_shadow_color]', op_get_var($button, 'inset_shadow_color', '#ffff00'), 'op_assets_submit_button_inset_shadow_shadow_color_3', false, true);
?>
                </div>
                <div class="field-slider field-id-op_assets_submit_button_inset_shadow_opacity_2">
                    <label><?php 
_e('Shadow Opacity', OP_SN);
?>
</label>
                    <?php 
echo op_slider_picker($fieldname . '[inset_shadow_opacity]', op_get_var($button, 'inset_shadow_opacity', 50), 'op_assets_submit_button_inset_shadow_opacity_2', 0, 100, '%');
?>
                </div>
            </div>
        </div>
    </div>
    <div class="button-option-style button-option-style-7">
Ejemplo n.º 13
0
_e('Upload Repeating Header Background Image', OP_SN);
?>
</label>
    <p class="op-micro-copy"><?php 
_e('This would normally be a gradient.  Upload a repeating header background image which will be tiled horizontally on your header.  We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', OP_SN);
?>
</p>
    <?php 
op_upload_field('op[header_layout][repeatbgimg]', $header_logo_setup['repeatbgimg']);
?>
    <label><strong><?php 
_e('or choose a header background colour', OP_SN);
?>
</strong></label>
	<?php 
op_color_picker('op[header_layout][bgcolor]', $header_logo_setup['bgcolor'], 'op_header_bgcolor');
?>
<div class="clear"></div>


	<div class="op-bsw-grey-panel section-nav_bar_above">
		<div class="op-bsw-grey-panel-header cf">
			<h3><a href="#"><?php 
_e('Navigation Bar Above Header', OP_SN);
?>
</a></h3>
			<?php 
$help_vid = op_help_vid(array('page', 'header_layout', 'nav_bar_above'), true);
?>
			<div class="op-bsw-panel-controls<?php 
echo $help_vid == '' ? '' : ' op-bsw-panel-controls-help';
Ejemplo n.º 14
0
                        echo $key;
                        ?>
"<?php 
                        echo op_default_page_option($opt_array, $el) == $key ? ' selected' : '';
                        ?>
><?php 
                        echo $value;
                        ?>
</option>
						<?php 
                    }
                    ?>
				</select>
				<?php 
                }
            }
        } else {
            echo '
	<div class="font-chooser cf">';
            if (isset($info['text_decoration'])) {
                op_color_picker($fieldname . '[' . $el . '][color]', op_default_page_option($opt_array, $el, 'color'), $fieldid . $el . '_color');
                op_text_decoration_drop($fieldname . '[' . $el . '][text_decoration]', op_default_page_option($opt_array, $el, 'text_decoration'), $fieldid . $el . '_text_decoration');
            } else {
                op_color_picker($fieldname . '[' . $el . ']', op_default_page_option($opt_array, $el), $fieldid . $el);
            }
            echo '
		<a href="#reset" class="reset-link">Reset</a>
	</div>';
        }
    }
}