Different Grads For Different Skins

[bass5098]

this is an easy different grads for different skins code

<script type="text/javascript">
<!--
var ntbg1 = "image url" // the url to the image for your news title bg in skin number 1
var ntbg2 = "image url" // the url to the image for your news title bg in skin number 2
var menubg1 = "image url" // the url to the image for your menu bg in skin number 1
var menubg2 = "image url" // the url to the image for your menu bg in skin number 2
var titlebg1 = "image url" // the url to the image for your title bg in skin number 1
var titlebg2 = "image url" // the url to the image for your title bg in skin number 2
var catbg1 = "image url" // the url to the image for your category bg in skin number 1
var catbg2 = "image url" // the url to the image for your category bg in skin number 2

if(pb_skinid=="1"){
document.write("<style type="text/css"><!--.newstitlebg{background-image: url('+ntbg1+'); background-repeat: repeat;}--></style><style type="text/css"><!--.menubg {background-image: url('+menubg1+'); background-repeat: repeat;}--></style><style type="text/css"><!--.titlebg {background-image: url('+titlebg1+'); background-repeat: repeat;}--></style><style type="text/css"><!--.catbg {background-image: url('+catbg1+'); background-repeat: repeat;}--></style>");
} else if(pb_skinid=="2"){
document.write("<style type="text/css"><!--.newstitlebg {background-image: url('+ntbg2+'); background-repeat: repeat;}--></style><style type="text/css"><!--.menubg {background-image: url('+menubg2+'); background-repeat: repeat;}--></style><style type="text/css"><!--.titlebg {background-image: url('+titlebg2+'); background-repeat: repeat;}--></style><style type="text/css"><!--.catbg {background-image: url('+catbg2+'); background-repeat: repeat;}--></style>");
//-->
</script>

Make sure the code is completely straight under the pb skin id's

if you have more skins repeat this


var ntbg# = "image url"
var menubg# = "image url"
var titlebg# = "image url"
var catbg# = "image url"

} else if(pb_skinid=="#"){
document.write("<style type="text/css"><!--.newstitlebg {background-image: url('+ntbg#+'); background-repeat: repeat;}--></style><style type="text/css"><!--.menubg {background-image: url('+menubg#+'); background-repeat: repeat;}--></style><style type="text/css"><!--.titlebg {background-image: url('+titlebg#+'); background-repeat: repeat;}--></style><style type="text/css"><!--.catbg {background-image: url('+catbg#+'); background-repeat: repeat;}--></style>");

replace the # with the skin number

[dberg20]

What if I want three skins?

[bass5098]

i added a part for that

[dberg20]

Wasn't my point, why not reuse functions instead?