Gradients

[vanquished]

I need my catogories to fade into different colors. The general purpose one I want to go from grey at the top to black at the bottom and all the others below it to go from black to grey to black again. And where it says home, admin, logout, i want it to be totally black. And also, the very first side bar is too high.. I want to move it down some. Any one know how?

[Former Member]

Here's the link to a gradient generator. You'll want to choose the first gradient option. Set the width to 1 and the height to... well, however tall the bar you're using it for is. 25 usually works fine. Pick your grays from the color box to the left (gray is at the bottom, the bar below the color box will allow you to select different shades). Save the image it generates at the bottom and upload it. To make it fade in reverse, switch the two colors around. Save and upload. Get the direct URL's to the uploaded images and insert them in the codes below.

<style type="text/css">
.titlebg {
background-image:url(FIRST GRADIENT URL HERE); background-repeat:repeat-x;
}

.catbg {
background-image:url(SECOND GRADIENT URL HERE); background-repeat:repeat-x;
}

.menubg {
background-color:#000;
}
</style>

As for the side bar bit, it'd be helpful to see your forum link so we can see the code in action.

[vanquished]

the link is kilindi.proboards.com/index.cgi .. And i suppose its working but I can only see the grey. The black isnt being seen.. And it has turned all my titles grey

[Former Member]

Use this image for the catbg URL: mirrorimg.net/0pk.png

Make sure auto gradients is turned off in your skin settings.

The link in your navigation is stretching that box. That is your issue with the side boxes you want fixed, correct?

[vanquished]

Well, it worked to get my home, admin, logout bar black. And it turned most of the other bars black. All the others have the bottom black, and the middle grey, but not the top black. Almost there. ^.^ I can live with that, although I prefer the other way. But my news title background is all grey..

As for the side table, do you see how it is above my main table? How do I make them even?

[Former Member]

To give your news title background a gradient, just add a comma after .catbg followed by .newstitlebg, like so:

.catbg, .newstitlebg {
background-image:url(http://mirrorimg.net/0pk.png); background-repeat:repeat-x;
}

I'm taking a look at your side tables code now.

EDIT: I'm seeing this bit in your footers twice:
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Footer
===== -->

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table) {
if(width == '92%') {
width = '100%';
}}}
//-->
</script>
Should only need it in there once.

Also, try this. ^^

[vanquished]

How'd you get so good? lol. Everything you mentioned worked. But I'm looking at my catagories and I would really like them to go from black to grey to black again... they just dont look right the way they are..

[Former Member]

I got your back.

img24.imageshack.us/img24/2952/gradientt.png

Try that gradient. ^^

[vanquished]

Oh my gosh.. I love it! Turned out just how I wanted thank you!! ... I got more but I dont want to keep on annoying you.. But thanks!!!

[Former Member]

Oh, you're not annoying me. (: I love helping when I can. I'm not very adept with JavaScript yet so I like fixing the lesser problems so the big coders can help the people with the big issues. These minor fixes are my forte. ^^

[vanquished]

ok.. well I did it once before but I think i deleted the code and now it isnt working.. I'm trying to get the black around the banner to disappear.. like just have the picture and words there. I messed with the pixels but that aint working either.. duh! question i know lol..

[Former Member]

<script type="text/javascript">
<!--
document.getElementsByTagName('table').item(0).width = '700px';
//-->
</script>

Try adding that to your global header. ^^

[vanquished]

Its got the personal messages to the right now.. maybe if i could move it somewhere else.. like in a side table.. that would work better. and is there anyway to make the gradients stay in one skin? cuz its showing up in my other skin too.. I wonder if theres a way to have a different gradient for each skin... and the same with my c-box..

[Former Member]

Add this between the <style> tags that I gave you earlier:

.welcomebg {
background-color:transparent;
}

And then add this to your global header:
<script type="text/javascript">
<!--
document.getElementsByTagName('table')[0].cellSpacing = 0;
//-->
</script>

The first part will get rid of the black space, the second will get rid of the border.

And I would strongly suggest installing Hack Manager if you use multiple skins. It works fabulous for me. ^^ It allows you set certain codes to only run on certain skins and it's real easy to use.

[vanquished]

Wow.. that is amazing. It sorts all my codes lol.. goodbye reading for 30 min!! But my cbox is at the top for some reason.. could I put it at the bottom?