Thursday, August 10, 2006

banner try

7 comments:

Justin said...

This link caused me to rocket up the Technorati scale. Really. Thanks. If I think of anything else to say, I'll post it here later.

Christie said...

Hey Elizabeth,
I checked out the page source and it appears we're both using the same template so I'm going to advise you try this --

1. go to your dashboard and access your blog

2. click template

3. find the body section in the code (it should be right under the section that annouces what template you are using)

4. change the following:

background:#fff to background-color:#fff

5. type the following lines of code right after the background-color:#fff line:

background-image:url("http://...your url for the pic here...");
background-repeat:no-repeat;
background-position:center 30px;

Leave the rest of the code as is.

6. Click Save Template Changes

This should work but should you run into trouble, let me know and I'll do what I can to troubleshoot.

Elizabeth Prata said...

thanks Christie!!

Elizabeth Prata said...

Justin,

I've posted on your blog from my other blog, "The Monumnt." I'm developing a new blog here, just started it, hence the dearth of anything comprehensible. I'm still decorating.

Thanks for stopping by, I think your writing is wonderful and enjoyable, and I saying that without a trace of irony.

Christie said...

At this point, it's becoming abundantly clear that I am not a programmer but we're so close. I have to track down the part of the banner that you've got in the code, that I don't have or is different in mine and for that I may have to enlist the aid of my fantastically wonderful programs-the-day-away husband. The question then is, do you have Photoshop or something like that to add the text to the banner you made or would you just prefer to have the black box outlines removed?

Christie said...

If you get tired of my comments, just let me know and I'll stop harrassing you. :)

Okay, here's what you need to do to get rid of the black border.

1. access your blog and click template

2. find the header section in the code

3. add the following (under the width line):

height:130px;

4. change the following:

border:6px solid black; to border:0px solid #ccc;

Now...this leaves us with the blog title, which is currently set to green. This can be left as is OR should you wish to change it, you'll need to locate the blog title code, which is in the same section further down. Look for color:#267D00; line and add the code for your color of choice. A quick Google search will provide you with a list of safe colors to use. :)

Elizabeth Prata said...

Oh my goodness, you are so wonderful! I like the border but spent many unhappy hours yesterday tinkering with the banner size, trying to get the photo to stay within the black border-- unsuccessfully as you can see. I was going to get to the blog title color as soon as I resolved the border thing.

As soon as I get back from shopping I will try the border changes you SO helpfully sent me! Thanks a million times over, your help is greatly appreciated!
Elizabeth