WordPress.org

Ready to get started?Download WordPress

Forums

Replacing title (15 posts)

  1. slimeboy
    Member
    Posted 11 years ago #

    How can i replace the "title" on the page with an image? IE the text and green background

  2. southerngal
    Member
    Posted 11 years ago #

    That's controlled in your .CSS. :) Just declare a background-image. I have done that on my Christmas layout.

  3. NuclearMoose
    Member
    Posted 11 years ago #

    Slimeboy,
    There are some great sites available to check out for ideas and for information. Here's an incomplete list:
    southerngal - http://southern-gal.com/
    Laughing Lizard - http://dinki.mine.nu/weblog/
    dougal - http://dougal.gunters.org/
    techgnome - http://techgnome.anderson-website.net
    michael - http://binarybonsai.com - I think this is a b2 site
    jaykul - http://www.HuddledMasses.org
    davidchait - http://www.chait.net/
    There are LOTS more examples around. Bookmark them ALL, and visit them OFTEN!
    Have fun with your site!
    Craig.

  4. southerngal
    Member
    Posted 11 years ago #

    :) Thanks for putting my site on there Craig.

  5. southerngal
    Member
    Posted 11 years ago #

    I didn't miss the closing tag, even with the decoder I couldn't post the < and the / and the a and the > If you look most of it is there. She knows to end the "a" I'm sure, as she can code. ;)
    When you call in the <div id just put the <a href before it and end it after the </ div

  6. OperaManiac
    Member
    Posted 11 years ago #

    ooh, i never noticed that enclosing div tags with a tag will make the entire DIV clickable.
    pretty useful in eradicating tables made clickable with javascript... :O)

  7. Shae
    Member
    Posted 11 years ago #

    I must have done something wrong sg when I tried putting that code yesterday. I removed it from the css part. I redid it and it worked just fine the way you did it. Thanks!

  8. Anonymous
    Unregistered
    Posted 11 years ago #

    I'm new to blogging and just installed wordpress this evening. I'd like to change the "text" logo on my site to a graphic one as well but none of the instructions above make sense to me. I'm no CSS guru but have created several web sites over the years. How do I simply put an image for my blog's title/logo that is also clickable back to the main page of the site? Thanks.

  9. debwire
    Member
    Posted 11 years ago #

    By the way, that last post by anonymous was me...

  10. davidchait
    Member
    Posted 11 years ago #

    There are two ways:
    1. where the text is output currently in index.php (look for the h1 tag, and then bloginfo('name')), replace the php chunk with the bloginfo call with an img src="someimage" tag.
    2. use a css rule to put a pic in.
    #header a {background: url("someimage");}
    =d

  11. debwire
    Member
    Posted 11 years ago #

    Thanks!

  12. Jaykul
    Member
    Posted 11 years ago #

    Yeah, i don't understand what all that fuss was about either debwire, and my site's in that list ;-o
    anyway, just look for <h1 id="header"> in your index.php and insert an image inside the link there....
    <h1 id="header">< a href="<?php echo $siteurl; ?>" title="<?php bloginfo('name'); ?>">< img src="yourimage.gif" />< /a></h1>

  13. southerngal
    Member
    Posted 11 years ago #

    Glad it worked Shae! :)

  14. NuclearMoose
    Member
    Posted 11 years ago #

    One comment about using a graphic in the title in lieu of text...search engines won't pick up the title of your blog. I'd suggest a combination of background image with text over top of the image, in that way, you get the best of both worlds.
    Craig.

  15. Matt Mullenweg
    Troublemaker
    Posted 11 years ago #

    http://www.mezzoblue.com/tests/revised-image-replacement/
    WordPress uses a variation on the Phark method.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.