Gradients Code

[ProtoChrome]

<style type="text/css">
<!--
.catbg {background-image: url (URL OF YOUR IMAGE HERE);}
.titlebg {background-image: url (URL OF YOUR IMAGE HERE);}
.menubg {background-image: url (URL OF YOUR IMAGE HERE);}
.windowbg {background-image: url(URL OF YOUR IMAGE);}
.windowbg2 {background-image: url(URL OF YOUR IMAGE); }
.bordercolor {background-image: url(URL OF YOUR IMAGE); }
.welcomebg {background-image: url(URL OF YOUR IMAGE); }
-->
</style>

Ok I was working on my new PB forum (My forum is V3) and I made some Gradients for them I got them hosted at PhotoBucket and added them in there places in the code and I added the code to all my headers and some of the gradients didn't show even though I typed the URL right. P.S. Will this code work for version 4?

[Bradley]

.welcomebg is no loner a valid class. Remove that. Can I see the URL's you were/are (trying) to use?

[Tommy Huynh]

You might want to add

background-repeat: repeat;

to the CSS properties within each class. =)

[ProtoChrome]

admin said:

You might want to add

background-repeat: repeat;

to the CSS properties within each class. =)

I don't know where that is.

[Bradley]

Try this then:

<style type="text/css">
.catbg {background: url (URL OF YOUR IMAGE HERE) repeat top center;}
.titlebg {background: url (URL OF YOUR IMAGE HERE) repeat top center;}
.menubg {background: url (URL OF YOUR IMAGE HERE) repeat top center;}
.windowbg {background: url(URL OF YOUR IMAGE) repeat top center;}
.windowbg2 {background: url(URL OF YOUR IMAGE) repeat top center;}
.bordercolor {background: url(URL OF YOUR IMAGE) repeat top center;}
</style>

[ProtoChrome]

ccworld said:

Try this then:

<style type="text/css">
.catbg {background: url (URL OF YOUR IMAGE HERE) repeat top center;}
.titlebg {background: url (URL OF YOUR IMAGE HERE) repeat top center;}
.menubg {background: url (URL OF YOUR IMAGE HERE) repeat top center;}
.windowbg {background: url(URL OF YOUR IMAGE) repeat top center;}
.windowbg2 {background: url(URL OF YOUR IMAGE) repeat top center;}
.bordercolor {background: url(URL OF YOUR IMAGE) repeat top center;}
</style>

Ok thanks

[ProtoChrome]

That made it worse.

[Bradley]

masterzero said:

That made it worse.

How could it be worse if it wasn't working before? What's the URL to one of your images? I think the probelm may lie with them.