background image for post titles

[erikko]

i got a blog and i want to put background image in my post title, i know i have to put class on it but i dont know what code i must put please help. see this for example
(http://mgoblog.blogspot.com/)

[deronsizemore]

i got a blog and i want to put background image in my post title, i know i have to put class on it but i dont know what code i must put please help. see this for example
(http://mgoblog.blogspot.com/)


I was going to help you but being an Ohio State fan, I won't be able to offer help. :)

Seriously though... looks like you've fixed it? I see an image in the background of your post titles.

[erikko]

nope sir that's not my blog, i just found it in a forum and im kinda intrigued

[deronsizemore]

nope sir that's not my blog, i just found it in a forum and im kinda intrigued

Ok,

Well he's something like what you'll need to do.

<h1>This is a title</h1>

h1 {
background: #fff url(/images/your_background_image.gif) repeat-x (or no-repeat depending on what you want to do) left top;
}

That's really all there is to adding an image to the background of an element. You can style if further if you wish for other small effects, but that's the gist of it.

[erikko]

yeah actually i tried it myself and it worked by adding the background-image:url(); code in replacement to the color code but in old blogger accounts, you have to edit the function that calls blog post first

[amanda_fazani]

yeah actually i tried it myself and it worked by adding the background-image:url(); code in replacement to the color code but in old blogger accounts, you have to edit the function that calls blog post first

Hello Eriko,

I'm not sure what you mean by that. You should just be able to add the style code in the CSS/Style portion of your blog template. Are you working with Blogger? I use this a lot, so if you can post your URL, I could take a look for you.

[erikko]

actually i added that code in the post title part of my CSS code. here how it goes:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:2.2em;
font-weight:normal;
line-height:1.4em;
background-image:url(http://img37.picoodle.com/img/img37/4/1/24/erikko/f_starsm_c70c323.gif);
width:450px;