Z.Monkey’s Blog

 Look a picture!

April 28, 2006 at 12:57 am  |  technology, blog

Okay so I told Dan I would write up a thing on how to put a picture in the header. So here it is, but first the Revolution (name) is no more.

  1. Find or make a picture.
  2. Add the following to the “table.columns td.header” in your CSS.

    background-image: url(link to your picture);
    background-repeat: no-repeat;
    background-position: left; (top left, or top center, or top right… or look here for a description of background properties)

  3. Now you should have an image up there… assuming your image url is correct.
  4. No try again… that image suck.

Heidi is singing back a bad song about me. ‘Mikey wont you poot. Mikey wont you poot.” e&c.

Anyway, the trying to get everything to look right is so annoying especially when it is a bunch of crappy trial and error (save, save, save). I used this plugin for firefox which allows you to update the style sheets without actually saving anything, which helps but it’s not an ideal solution especially if you want to significantly change around the look of the thing. Wargh, back to it!


Add 'Look a picture!' to Del.icio.us Add 'Look a picture!' to digg Add 'Look a picture!' to FURL Add 'Look a picture!' to blinklist Add 'Look a picture!' to My-Tuts Add 'Look a picture!' to reddit Add 'Look a picture!' to Feed Me Links! Add 'Look a picture!' to Technorati Add 'Look a picture!' to Socializer 

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Please note:

Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

Line and paragraph breaks automatically, and e-mail address is never displayed, so provide a real one.

HTML allowed: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <del datetime=""> <em> <i> <li> <ol> <pre> <strike> <strong> <ul>