Help! Edited header.php and functions.php and = no header image!

  • Resolved murch

    (@murch)


    19 years, 5 months ago

    My site is http://www.whataweenie.com and I screwed something up! Now the header image does not display and you can see when you visit my site….I’m not sure what I did and I hope someone that is code saavy can help. Here is what is in my header.php file:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <style type="text/css" media="screen">
    <?php
    // Checks to see whether it needs a sidebar or not
    if ( !$withcomments && !is_single() ) {
    ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
    <?php } else { // No sidebar ?>
    #page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
    <?php } ?>
    </style>
    <?php wp_head(); ?>
    </head>
    <body>
    <div id="page">
    <div id=”header”>
    <div id="headerimg">
    <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>
    </div>
    <hr />

    Here is what is in my functions.php file:
    <?php
    function kubrick_head() {
    $head = "<style type='text/css'>n<!--";
    $output = '';
    if ( kubrick_header_image() ) {
    $url = kubrick_header_image_url() ;
    $output .= "#header { background: url('$url') no-repeat bottom center; }n";
    }
    if ( false !== ( $color = kubrick_header_color() ) ) {
    $output .= "#headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: $color; }n";
    }
    if ( false !== ( $display = kubrick_header_display() ) ) {
    $output .= "#headerimg { display: $display }n";
    }
    $foot = "--></style>n";
    if ( '' != $output )
    echo $head . $output . $foot;
    }
    add_action('wp_head', 'kubrick_head');
    function kubrick_header_image() {
    return apply_filters('kubrick_header_image', get_settings('kubrick_header_image'));
    }
    function kubrick_upper_color() {
    if ( strstr( $url = kubrick_header_image_url(), 'header-img.php?' ) ) {
    parse_str(substr($url, strpos($url, '?') + 1), $q);
    return $q['upper'];
    } else
    return '69aee7';
    }
    function kubrick_lower_color() {
    if ( strstr( $url = kubrick_header_image_url(), 'header-img.php?' ) ) {
    parse_str(substr($url, strpos($url, '?') + 1), $q);
    return $q['lower'];
    } else
    return '4180b6';
    }
    function kubrick_header_image_url() {
    if ( $image = kubrick_header_image() )
    $url = get_template_directory_uri() . '/images/' . $image;
    else
    $url = get_template_directory_uri() . '/images/kubrickheader.jpg';
    return $url;
    }
    function kubrick_header_color() {
    return apply_filters('kubrick_header_color', get_settings('kubrick_header_color'));
    }
    function kubrick_header_color_string() {
    $color = kubrick_header_color();
    if ( false === $color )
    return 'white';
    return $color;
    }
    function kubrick_header_display() {
    return apply_filters('kubrick_header_display', get_settings('kubrick_header_display'));
    }
    function kubrick_header_display_string() {
    $display = kubrick_header_display();
    return $display ? $display : 'inline';
    }
    add_action('admin_menu', 'kubrick_add_theme_page');
    function kubrick_add_theme_page() {
    if ( $_GET['page'] == basename(__FILE__) ) {
    if ( 'save' == $_REQUEST['action'] ) {
    if ( isset($_REQUEST['njform']) ) {
    if ( isset($_REQUEST['defaults']) ) {
    delete_option('kubrick_header_image');
    delete_option('kubrick_header_color');
    delete_option('kubrick_header_display');
    } else {
    if ( '' == $_REQUEST['njfontcolor'] )
    delete_option('kubrick_header_color');
    else
    update_option('kubrick_header_color', $_REQUEST['njfontcolor']);
    if ( preg_match('/[0-9A-F]{6}|[0-9A-F]{3}/i', $_REQUEST['njuppercolor'], $uc) && preg_match('/[0-9A-F]{6}|[0-9A-F]{3}/i', $_REQUEST['njlowercolor'], $lc) ) {
    $uc = ( strlen($uc[0]) == 3 ) ? $uc[0]{0}.$uc[0]{0}.$uc[0]{1}.$uc[0]{1}.$uc[0]{2}.$uc[0]{2} : $uc[0];
    $lc = ( strlen($lc[0]) == 3 ) ? $lc[0]{0}.$lc[0]{0}.$lc[0]{1}.$lc[0]{1}.$lc[0]{2}.$lc[0]{2} : $lc[0];
    update_option('kubrick_header_image', "header-img.php?upper=$uc&amp;lower=$lc");
    }
    if ( isset($_REQUEST['toggledisplay']) ) {
    if ( false === get_settings('kubrick_header_display') )
    update_option('kubrick_header_display', 'none');
    else
    delete_option('kubrick_header_display');
    }
    }
    } else {
    if ( isset($_REQUEST['headerimage']) ) {
    if ( '' == $_REQUEST['headerimage'] )
    delete_option('kubrick_header_image');
    else
    update_option('kubrick_header_image', $_REQUEST['headerimage']);
    }
    if ( isset($_REQUEST['fontcolor']) ) {
    if ( '' == $_REQUEST['fontcolor'] )
    delete_option('kubrick_header_color');
    else
    update_option('kubrick_header_color', $_REQUEST['fontcolor']);
    }
    if ( isset($_REQUEST['fontdisplay']) ) {
    if ( '' == $_REQUEST['fontdisplay'] || 'inline' == $_REQUEST['fontdisplay'] )
    delete_option('kubrick_header_display');
    else
    update_option('kubrick_header_display', 'none');
    }
    }
    //print_r($_REQUEST);
    wp_redirect("themes.php?page=functions.php&saved=true");
    die;
    }
    add_action('admin_head', 'kubrick_theme_page_head');
    }
    add_theme_page('Customize Header', 'Header Image and Color', 'edit_themes', basename(__FILE__), 'kubrick_theme_page');
    }
    function kubrick_theme_page_head() {
    ?>
    <script type="text/javascript" src="../wp-includes/js/colorpicker.js"></script>
    <script type='text/javascript'>
    // <![CDATA[
    function pickColor(color) {
    ColorPicker_targetInput.value = color;
    kUpdate(ColorPicker_targetInput.id);
    }
    function PopupWindow_populate(contents) {
    contents += '<br /><p style="text-align:center;margin-top:0px;"><input type="button" value="Close Color Picker" onclick="cp.hidePopup('prettyplease')"></input></p>';
    this.contents = contents;
    this.populated = false;
    }
    function PopupWindow_hidePopup(magicword) {
    if ( magicword != 'prettyplease' )
    return false;
    if (this.divName != null) {
    if (this.use_gebi) {
    document.getElementById(this.divName).style.visibility = "hidden";
    }
    else if (this.use_css) {
    document.all[this.divName].style.visibility = "hidden";
    }
    else if (this.use_layers) {
    document.layers[this.divName].visibility = "hidden";
    }
    }
    else {
    if (this.popupWindow && !this.popupWindow.closed) {
    this.popupWindow.close();
    this.popupWindow = null;
    }
    }
    return false;
    }
    function colorSelect(t,p) {
    if ( cp.p == p && document.getElementById(cp.divName).style.visibility != "hidden" )
    cp.hidePopup('prettyplease');
    else {
    cp.p = p;
    cp.select(t,p);
    }
    }
    function PopupWindow_setSize(width,height) {
    this.width = 162;
    this.height = 210;
    }
    var cp = new ColorPicker();
    function advUpdate(val, obj) {
    document.getElementById(obj).value = val;
    kUpdate(obj);
    }
    function kUpdate(oid) {
    if ( 'uppercolor' == oid || 'lowercolor' == oid ) {
    uc = document.getElementById('uppercolor').value.replace('#', '');
    lc = document.getElementById('lowercolor').value.replace('#', '');
    hi = document.getElementById('headerimage');
    hi.value = 'header-img.php?upper='+uc+'&lower='+lc;
    document.getElementById('header').style.background = 'url("<?php echo get_template_directory_uri(); ?>/images/'+hi.value+'") center no-repeat';
    document.getElementById('advuppercolor').value = '#'+uc;
    document.getElementById('advlowercolor').value = '#'+lc;
    }
    if ( 'fontcolor' == oid ) {
    document.getElementById('header').style.color = document.getElementById('fontcolor').value;
    document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value;
    }
    if ( 'fontdisplay' == oid ) {
    document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
    }
    }
    function toggleDisplay() {
    td = document.getElementById('fontdisplay');
    td.value = ( td.value == 'none' ) ? 'inline' : 'none';
    kUpdate('fontdisplay');
    }
    function toggleAdvanced() {
    a = document.getElementById('jsAdvanced');
    if ( a.style.display == 'none' )
    a.style.display = 'block';
    else
    a.style.display = 'none';
    }
    function kDefaults() {
    document.getElementById('headerimage').value = '';
    document.getElementById('advuppercolor').value = document.getElementById('uppercolor').value = '#69aee7';
    document.getElementById('advlowercolor').value = document.getElementById('lowercolor').value = '#4180b6';
    document.getElementById('header').style.background = 'url("<?php echo get_template_directory_uri(); ?>/images/kubrickheader.jpg") center no-repeat';
    document.getElementById('header').style.color = '#FFFFFF';
    document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value = '';
    document.getElementById('fontdisplay').value = 'inline';
    document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
    }
    function kRevert() {
    document.getElementById('headerimage').value = '<?php echo kubrick_header_image(); ?>';
    document.getElementById('advuppercolor').value = document.getElementById('uppercolor').value = '#<?php echo kubrick_upper_color(); ?>';
    document.getElementById('advlowercolor').value = document.getElementById('lowercolor').value = '#<?php echo kubrick_lower_color(); ?>';
    document.getElementById('header').style.background = 'url("<?php echo kubrick_header_image_url(); ?>") center no-repeat';
    document.getElementById('header').style.color = '';
    document.getElementById('advfontcolor').value = document.getElementById('fontcolor').value = '<?php echo kubrick_header_color_string(); ?>';
    document.getElementById('fontdisplay').value = '<?php echo kubrick_header_display_string(); ?>';
    document.getElementById('headerimg').style.display = document.getElementById('fontdisplay').value;
    }
    function kInit() {
    document.getElementById('jsForm').style.display = 'block';
    document.getElementById('nonJsForm').style.display = 'none';
    }
    addLoadEvent(kInit);
    // ]]>
    </script>
    <style type='text/css'>
    #headwrap {
    text-align: center;
    }
    #kubrick-header {
    font-size: 80%;
    }
    #kubrick-header .hibrowser {
    width: 780px;
    height: 260px;
    overflow: scroll;
    }
    #kubrick-header #hitarget {
    display: none;
    }
    #kubrick-header #header h1 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 4em;
    text-align: center;
    padding-top: 70px;
    margin: 0;
    }
    #kubrick-header #header .description {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    text-align: center;
    }
    #kubrick-header #header {
    text-decoration: none;
    color: <?php echo kubrick_header_color_string(); ?>;
    padding: 0;
    margin: 0;
    height: 200px;
    text-align: center;
    background: url('<?php echo kubrick_header_image_url(); ?>') center no-repeat;
    }
    #kubrick-header #headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    display: <?php echo kubrick_header_display_string(); ?>;
    }
    #jsForm {
    display: none;
    text-align: center;
    }
    #jsForm input.submit, #jsForm input.button, #jsAdvanced input.button {
    padding: 0px;
    margin: 0px;
    }
    #advanced {
    text-align: center;
    width: 620px;
    }
    html>body #advanced {
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -380px;
    }
    #jsAdvanced {
    text-align: right;
    }
    #nonJsForm {
    position: relative;
    text-align: left;
    margin-left: -370px;
    left: 50%;
    }
    #nonJsForm label {
    padding-top: 6px;
    padding-right: 5px;
    float: left;
    width: 100px;
    text-align: right;
    }
    .defbutton {
    font-weight: bold;
    }
    .zerosize {
    width: 0px;
    height: 0px;
    overflow: hidden;
    }
    #colorPickerDiv a, #colorPickerDiv a:hover {
    padding: 1px;
    text-decoration: none;
    border-bottom: 0px;
    }
    </style>
    <?php
    }
    function kubrick_theme_page() {
    if ( $_REQUEST['saved'] ) echo '<div id="message" class="updated fade"><p><strong>Options saved.</strong></p></div>';
    ?>
    <div class='wrap'>
    <div id="kubrick-header">
    <h2>Header Image and Color</h2>
    <div id="headwrap">
    <div id="header">
    <div id="headerimg">
    <h1><?php bloginfo('name'); ?></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>
    </div>
    </div>
    <br />
    <div id="nonJsForm">
    <form method="post" action="">
    <div class="zerosize"><input type="submit" name="defaultsubmit" value="Save" /></div>
    <label for="njfontcolor">Font Color:</label><input type="text" name="njfontcolor" id="njfontcolor" value="<?php echo kubrick_header_color(); ?>" /> Any CSS color (<code>red</code> or <code>#FF0000</code> or <code>rgb(255, 0, 0)</code>)<br />
    <label for="njuppercolor">Upper Color:</label><input type="text" name="njuppercolor" id="njuppercolor" value="#<?php echo kubrick_upper_color(); ?>" /> HEX only (<code>#FF0000</code> or <code>#F00</code>)<br />
    <label for="njlowercolor">Lower Color:</label><input type="text" name="njlowercolor" id="njlowercolor" value="#<?php echo kubrick_lower_color(); ?>" /> HEX only (<code>#FF0000</code> or <code>#F00</code>)<br />
    <input type="hidden" name="hi" id="hi" value="<?php echo kubrick_header_image(); ?>" />
    <input type="submit" name="toggledisplay" id="toggledisplay" value="Toggle Text" />
    <input type="submit" name="defaults" value="Use Defaults" />
    <input type="submit" class="defbutton" name="submitform" value="&nbsp;&nbsp;Save&nbsp;&nbsp;" />
    <input type="hidden" name="action" value="save" />
    <input type="hidden" name="njform" value="true" />
    </form>
    </div>
    <div id="jsForm">
    <form style="display:inline;" method="post" name="hicolor" id="hicolor" action="<?php echo $_SERVER['REQUEST_URI']; ?>">
    <input type="button" onclick="tgt=document.getElementById('fontcolor');colorSelect(tgt,'pick1');return false;" name="pick1" id="pick1" value="Font Color"></input>
    <input type="button" onclick="tgt=document.getElementById('uppercolor');colorSelect(tgt,'pick2');return false;" name="pick2" id="pick2" value="Upper Color"></input>
    <input type="button" onclick="tgt=document.getElementById('lowercolor');colorSelect(tgt,'pick3');return false;" name="pick3" id="pick3" value="Lower Color"></input>
    <input type="button" name="revert" value="Revert" onclick="kRevert()" />
    <input type="button" value="Advanced" onclick="toggleAdvanced()" />
    <input type="submit" name="submitform" class="defbutton" value="Save" onclick="cp.hidePopup('prettyplease')" />
    <input type="hidden" name="action" value="save" />
    <input type="hidden" name="fontdisplay" id="fontdisplay" value="<?php echo kubrick_header_display(); ?>" />
    <input type="hidden" name="fontcolor" id="fontcolor" value="<?php echo kubrick_header_color(); ?>" />
    <input type="hidden" name="uppercolor" id="uppercolor" value="<?php echo kubrick_upper_color(); ?>" />
    <input type="hidden" name="lowercolor" id="lowercolor" value="<?php echo kubrick_lower_color(); ?>" />
    <input type="hidden" name="headerimage" id="headerimage" value="<?php echo kubrick_header_image(); ?>" />
    </form>
    <div id="colorPickerDiv" style="z-index: 100;background:#eee;border:1px solid #ccc;position:absolute;visibility:hidden;"> </div>
    <div id="advanced">
    <form id="jsAdvanced" style="display:none;" action="">
    <label for="advfontcolor">Font Color (CSS): </label><input type="text" id="advfontcolor" onchange="advUpdate(this.value, 'fontcolor')" value="<?php echo kubrick_header_color(); ?>" /><br />
    <label for="advuppercolor">Upper Color (HEX): </label><input type="text" id="advuppercolor" onchange="advUpdate(this.value, 'uppercolor')" value="#<?php echo kubrick_upper_color(); ?>" /><br />
    <label for="advlowercolor">Lower Color (HEX): </label><input type="text" id="advlowercolor" onchange="advUpdate(this.value, 'lowercolor')" value="#<?php echo kubrick_lower_color(); ?>" /><br />
    <input type="button" name="default" value="Select Default Colors" onclick="kDefaults()" /><br />
    <input type="button" onclick="toggleDisplay();return false;" name="pick" id="pick" value="Toggle Text Display"></input><br />
    </form>
    </div>
    </div>
    </div>
    </div>
    <?php } ?>

    I APPRECIATE THE HELP!!!

Viewing 1 replies (of 1 total)
  • Thread Starter murch

    (@murch)

    19 years, 5 months ago

    lol –

    Here was my problem:
    <div id=”header”>
    Should have been:
    <div id="header">

    Lucky I noticed it!

Viewing 1 replies (of 1 total)

The topic ‘Help! Edited header.php and functions.php and = no header image!’ is closed to new replies.