WordPress.org

Ready to get started?Download WordPress

Forums

Header and Sidebar Modification Help Please? (5 posts)

  1. delorean
    Member
    Posted 5 years ago #

    hi,
    i really like the theme 'futurosity' which you can download here:

    http://www.futurosity.com/wordpress-theme-futurosity-eos

    however there are two modifications i would like to make and i have no idea how.

    1. i want to replace the black and red text and surrounding space at the headwer of the page with a simple gif or jpeg header which takes up the same space.

    2. i want to make the sidebar completely static so that when you scroll through posts the sidebar stays put. ie like this site: http://www.lokeshdhakar.com/

    in fact it might be good to shift the side bar to the very top of the page and create a header banner which only takes up the left / middle portion, still replacing the header text and white space.

    any help would be really appreciated. i have no idea how to make these changes....

    cheers

    ben

  2. Jabbok
    Member
    Posted 5 years ago #

    There is no background image in that space. Here is the code:

    <div id="wrapper" class="hfeed">
    <div id="header">
    <div id="blog-description">
    <h1 id="blog-title">
    <a rel="home" title="Futurosity Themes" href="http://www.futurosity.com/wpthemes/">Futurosity Themes</a>
    </h1>
    Just another WordPress weblog
    </div>

    AND.... here is the CSS for the blog-description and blog-title:

    #blog-title, #blog-description {
    color:red;
    display:inline;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    }

    You might try adding a background image to this section. You'll have to style it to fit in the area you want it to cover.

    As to the static sidebar.... I have no idea.

  3. delorean
    Member
    Posted 5 years ago #

    thanks so much for replying to my plea for help....

    yes, i saw that code when i viewed source but it's not as simple as that for me when i go to edit the code within wordpress admin. here's my header code as it appears within the theme-editor in wordpress:

    <!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" <?php language_attributes() ?>>
    <head profile="http://gmpg.org/xfn/11">
    <title><?php bloginfo('name'); if ( is_404() ) : _e(' » ', 'sandbox'); _e('Not Found', 'sandbox'); elseif ( is_home() ) : _e(' » ', 'sandbox'); bloginfo('description'); else : wp_title(); endif; ?></title>
    <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
    <meta name="description" content="<?php bloginfo('description') ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version') ?>" /><!-- Please leave for stats -->
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
    <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?> <?php _e('Posts RSS feed', 'sandbox'); ?>" />
    <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?> <?php _e('Comments RSS feed', 'sandbox'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
    <?php wp_head() ?>

    </head>

    <body class="<?php sandbox_body_class() ?>">

    <div id="wrapper" class="hfeed">

    <div id="header">
    <div id="blog-description"><h1 id="blog-title">/" title="<?php bloginfo('name') ?>" rel="home"><?php bloginfo('name') ?></h1><?php bloginfo('description') ?>
    </div>

    </div><!-- #header -->

    <div id="access">
    <div class="skip-link">"><?php _e('Skip to content', 'sandbox'); ?></div>
    <?php sandbox_globalnav() ?>
    </div><!-- #access -->

    as you can see the title and 'just another wordpress blog' etc are pulled from elsewhere, they are not determined within the header code itself.

    what do i need to remove from the existing header code, and then what do i need to add to it, to have a banner image replacing that white space and text at the top of the page?

    apologies for my 'dumbness', i really am extremely new to this....

  4. delorean
    Member
    Posted 5 years ago #

    postscript, i think i have the banner issue sorted:

    http://www.thedelorean.net/1980/

    i just need to try and work out the static sidebar now...
    and it would be nice to have my post displayed on the front page, but god knows how that works....!

  5. a.bryne
    Member
    Posted 5 years ago #

    Delorean,

    Your banner looks great. How did you get it to work? I would like to do a similar thing for my site.

    Thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Topic