WordPress.org

Forums

[resolved] personalheader.jpg questions/WP2 (8 posts)

  1. MercuryMan
    Member
    Posted 9 years ago #

    Hi,

    I have just upgraded to WP2 and am having trouble with a freshly created 760x200 personalheader.jpg image.

    I can not get this image to fit neatly in the header, even though I've tried multiple different sizes for this image.

    The problem can be seen here:
    http://marcelcook.com/

    I would have expected the image to have 4 round corners, and not to show any of the default blue image under it. It looks different between IE and Firefox also.

    Another issue is that when the page loads, it seems to display the default blue box header graphic, and then overwrite with my custom personalheader.jpg file. Can I fix this?

    Thanks in advance for any suggestions to help improve my blog's header.

    Regards,
    Marcel

  2. Ilione
    Member
    Posted 9 years ago #

    I always thought you had to curve the header corners yourself when creating the image. That's what I used to do anyway :o)

    As for the blue coming up first... it's just how the page loads I think. It loaded instantly for me! Mabe you were using a lot of bandwidth at the time?

    Cute kids

    x

  3. powdermonkey
    Member
    Posted 9 years ago #

    Hi,
    Which s/w did you use to create header? You are seeing the image without borders because you have used the entire 760x200 image. I suggest open your original header image(kubrickheader.jpg) in any good image editing s/w( I use PS and PSP). Then select the outer white border using Magic Wand tool. Delete it. The remaining portion is the box for your header image!

    And as for the other problem involving the loading the blue header initially, there's a hack for header.php file for this. I can give you the header.php of my own.
    If you need any more help, I 'll be glad to help you out or if you need assistance in creating header imageI am here.

    Keep blogging!

  4. MercuryMan
    Member
    Posted 9 years ago #

    Thanks powermonkey - bingo! Take another look at http://marcelcook.com/. I am much happier now.

    The only thing left to do is make the whole image a link to the above URL...

    Regards,
    Marcel

  5. Ilione
    Member
    Posted 9 years ago #

    It's not showing in firefox, or is that just me?

    EDIT: Ah 3 refreshes and it's showing! Looks great :o)

    x

  6. powdermonkey
    Member
    Posted 9 years ago #

    I faced that problem too with linking the whole header image but like I said I solved this issue by hacking header.php in wp-content/themes/default. Open that file in Wordpad.
    There would be something written like this:

    <style type="text/css" media="screen">
    ....<?php } ?>
    #header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.jpg") no-repeat bottom center; }
    #footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}

    ...
    </style>

    Rename kubrickheader.jpg to personalheader.jpg(I assume thats the name of new image you are using for header).

    Again somewhere is written this:

    /* To ease the insertion of a personal header image, I have done it in such a way,
    that you simply drop in an image called 'personalheader.jpg' into your /images/
    directory. Dimensions should be at least 760px x 200px. Anything above that will
    get cropped off of the image. */
    /*
    #headerimg { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
    */

    Delete it. This will solve your blue header problem too.

    In the body portion, just make necessary changes like here:

    <body>

    <div id="page">

    <div id="header" onclick="location.href='http://13dots.net/powdermonkey/';" style="cursor: pointer;">
    <div id="headerimg">
    <h1><a>"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    </div>
    </div>
    <hr />

    For your case location will be 'http://marcelcook.com/'.
    Thats it! This will sove your problem. ;-)

  7. MercuryMan
    Member
    Posted 9 years ago #

    I got round the blue problem by simply renaming my own custom header image as the template's default kubrickheader.jpg file.

    Your "onclick=" code works a treat - thanks!

    Now the difficult bit - blog entries/content ;)

    Regards,
    Marcel

  8. powdermonkey
    Member
    Posted 9 years ago #

    I didn't understand that!

Topic Closed

This topic has been closed to new replies.

About this Topic