Techies Rally Round

Friday, July 22nd, 2005, 12:55 pm

I don’t know why I torment myself with my hunt-and-peck-and-peek attempts at HTML programming when there are folks out there who know what they’re doing who could save me the trouble. Here’s what I want to do with the header of my blog–I want to replace the plain white background with a picture. Of what, I don’t know. Maybe a nice shot of Pittsburgh. How the hell do I code that? I know, I have to be careful that I don’t end up with a picture that’s stretched out like taffy, but I’m going nuts trying to figure out how to replace that blasted MEAN GENE with a nice picture and a small little reference to the guy who runs the thing.

So, computer geeks to the rescue! I just need to know how to use a graphic/picture as the title of this blog. The rest I think I can handle on my own. Then again, I thought I could handle this seemingly simple task and yet it’s beyond me. I suck.

Permanent link to this post.

5 Responses to “Techies Rally Round”

  1. Proto Says:

    Change your div class “blogtitle” from the text Mean Gene to the loading a graphic, similiar to the WPBT graphic you have.
    [a img src=’url of image’ parameters if any,] and [/a]

  2. Mean Gene Says:

    OK, that worked. Now I just have to figure out how to crop and size the picture.

  3. BruiseBob Says:

    Cropping you don’t want to do in HTML, just use paint to crop it. To size it, just use the attibutes width=”??” height=”??” for instance:

  4. BruiseBob Says:

    bah…can’t post tags in the comments…for instance: img src=”hackanm.gif”
    width=”20″ height=”20″

  5. Shelly Says:

    You can also, in Paint or Adobe Photoshop or Macromedia Fireworks or Paint Shop Pro (or any other graphic editor) open up your image file, and add any text that you want to – like the title of your blog, etc. Like BruiseBob said – resize the image in your paint program, and then use the img src=”x.gif” tag and attributes to display it in your blog. It’s better to do the resize in your paint program. Let’s say you have a huge picture, but you decide to just use the HTML attributes of height=”x” and width=”x” in your IMG tag. If you resize it that way, the visitor still has to download the huge image – and then the browser visually resizes it. The download time and bandwidth consumption is still increased though, since the full size image is downloaded. If you crop it to its desired size in your paint program, then only the properly sized image is downloaded. 🙂

Leave a Reply