A New Look


"I hope you don't mind that I put down in words...
how wonderful life is while you're in the world"
posted by Wendy at 5:54 PM
........................................... Mother, Artist, Biophiliac,Vegetarian, Joyologist, VA Master Naturalist, CCMA ......................................... CONTACT: wendy(at)wendycook(dotcom) ................................................ This is my JOURNAL. I come to this page to write about our days so that my son will have a diary of our life together. Perhaps you will find something useful here as you navigate the terrain of your own path. ........................................... Topics are categorized by subject in the chapters section on my sidebar. Useful links are located in my sidebar also. For information regarding product reviews, please refer to the footer. ...........................................
- Ralph Waldo Emerson
"Imagine a mother who believes she belongs in the world.
A mother who celebrates her own life.
Who is glad to be alive." - Patricia Lynn Reilly
7 Comments:
love the new look. What a wonderful picture. Glad the html helped. It is such a pain.
I adore the new look. How did you replace the banner. I'm dying to update mine!
Here's how I did it:
*before you try this, open a second window so that you have the original template available. and for extra safety, copy and paste the original header script and email to yourself so you'll always have it. it's also not a bad idea to save a copy of your blog to you desktop just incase you ever need to restore it.
1. create your banner
*size must fit banner window
(mine was 660px wide x 119px high)
2. upload to blog (you don't have to publish post)
3. click edit html on top right corner
4. copy & paste the first image url starting with http
(the second image url is a smaller version)
5. go to template
6. look for script beginning with "header"
7. replace it with this script below:
/* Header
----------------------------------------------- */
#header {background: url("http://YOUR IMAGE URL GOES HERE") no-repeat left bottom;
margin:0 0 0;
width:660px;
margin:0 auto 10px;333;
border:1px solid #222;
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #F87;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
color:#FFF;
text-transform:uppercase;
letter-spacing:.2em;
}
#blog-title a {
color:#FFF;
text-decoration:none;
}
#blog-title a:hover {
color:#FFF;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #F87;
border-width:0 1px 1px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#FFF;
}
8. you can change the color of the font or boders by changing the color:#
*for a list of color codes visit this website http://www.webreference.com/html/reference/color/propcolor.html#HEAD-2
There you have it!
*On my template, the blog title and description hovers over the banner and can't be changed so I had to create a banner without the text. Some templates are a little different to so you may have to tweak it.
please for give typos in above comment...
it should read "borders" not boders AND "a little different too" not to
I LOOOOOVE the new banner!
It's incredible. Simply amazing.
It's Tracey from Picture This! : )
SO glad to have found your blog!!!
Thank you, Tracey. As an admirer of your work, I'm deeply touched.
Post a Comment
<< Home