Different gradients for skins

[noman]

<script type="text/javascript">

if (pb_skinid == 1)

{
document.write("<style type='text/css'>"
+ ".titlebg {background-image: url(IMAGE GOES HERE);}"
+ ".catbg {background-image: url(IMAGE GOES HERE);}"
+ ".menubg {background-image: url(IMAGE GOES HERE);}"
+ ".newstitlebg{background-image: url(IMAGE GOES HERE);}" + "</style>");
}

</script>

There are already codes that do this, but I thought I'd whip one up for ocgfx.

Basically, this enables different title/cat/menu/newstitle images for different skins/forum colours.

Each skin has a number id. If you view the source code (right click > view source) you can find the skin id number at the top.

The default skin is var pb_skinid = 1; (as in the code above). If a second skin is created the id number will be 2, and so on.

To add different gradients keep repeating the code, between the <script></script> tags, with the corresponding skin id.

For example:

<script type="text/javascript">

if (pb_skinid == 1)

{
document.write("<style type='text/css'>"
+ ".titlebg {background-image: url(IMAGE GOES HERE);}"
+ ".catbg {background-image: url(IMAGE GOES HERE);}"
+ ".menubg {background-image: url(IMAGE GOES HERE);}"
+ ".newstitlebg{background-image: url(IMAGE GOES HERE);}" + "</style>");
}

if (pb_skinid == 2)

{
document.write("<style type='text/css'>"
+ ".titlebg {background-image: url(IMAGE GOES HERE);}"
+ ".catbg {background-image: url(IMAGE GOES HERE);}"
+ ".menubg {background-image: url(IMAGE GOES HERE);}"
+ ".newstitlebg{background-image: url(IMAGE GOES HERE);}" + "</style>");
}

</script>

[frogking]

Nice job Matty!

[Cadfael]

Oh yes.... thankyou Matty!

[Nya]

O.O; I didnt notice you had made one to Matty >.< Iv always used Cali's.

[noman]

We originally used Cali's code here at ocgfx when Version 4 was released. Shanny requested it at SSD

[Nya]

Cool ^^ maybe I'll try it sometime,