Forums

Monochrome theme header (7 posts)

  1. chriscf07
    Member
    Posted 2 years ago #

    The header it comes with is so plain, so I want to create a custom banner for this page. can anyone tell me what I should do, and how big to make the banner?
    thanks
    smartchoicedesign.info/blog

  2. chartinael
    Member
    Posted 2 years ago #

    not accessible.

  3. jamiefehr
    Member
    Posted 2 years ago #

    if you're using the default theme it should be fairly simple.

    Here is a how-to I found.
    http://www.aetas.dk/archives/8

  4. chriscf07
    Member
    Posted 2 years ago #

    yes my page is not accessible, but here is the theme i am talking about. http://wordpress.org/extend/themes/monochrome please get back to me on how to make an image banner

  5. chartinael
    Member
    Posted 2 years ago #

    Well, go edit the header and implement what you want? html and ps knowledge needed.

  6. emomeni
    Member
    Posted 2 years ago #

  7. emomeni
    Member
    Posted 2 years ago #

    Chriscf07, I'm guessing that you want something like my header
    http://www.momeni.se

    In that case, go to the monochrome dir, and open style.php
    under the layout section you will find:

    #wrapper { width:930px; margin:0 auto; }
    #header { background:url(img/header.gif) no-repeat bottom; }
    #contents { background:url(img/side.gif) repeat-y; }
    #left_col { float:left; display:inline; width:690px; margin:0 0 0 2px; }
    #right_col { float:right; display:inline; width:236px; margin:51px 2px 30px 0; }
    #footer { background:url(img/footer.gif) no-repeat top; height:90px; }

    All you have to do is make changes to #header! If you like the way mine look you have to change it to the following:

    #header { background:url(img/logo.jpg) no-repeat; }

    Notice that I have changed the "background:url" and also I have deleted
    bottom word from "no-repeat", if you have "no-repeat bottom;" you image will be visible at the bottom as well!

    Next you have to open header.php

    You will find this line under the <body>

    <div id="header_top">
    <div id="logo">
    /"><?php bloginfo('name'); ?>
    <h1><?php bloginfo('description'); ?></h1>
    </div>

    This is for the custom link (the name of your blogg)

    What you want to do is delete the lines under <div id="header_top">
    that is to delete the following;

    <div id="logo">
    /"><?php bloginfo('name'); ?>
    <h1><?php bloginfo('description'); ?></h1>
    </div>

    Good luck!

    Sorry, missed the my link!

Topic Closed

This topic has been closed to new replies.

About this Topic