How to: Use a background image in table cells

[sifuhall]

If I wanted to modify my templates to use a background image in the td instead of a color, how many templates would I need to modify?

A lot?

[Mike Sullivan]

Which color option do you want to change? (I mean the replacement variable one) Paste it here, but put an extra space so it isn't parsed (like this: { pagebgcolor})

[Kier]

Actually, you don't need to edit any templates at all.

Suppose you want to make {firstaltcolor} be light blue with an image background - normally you would enter this as your entry for {firstaltcolor}: #6666FF

Therefore, this: <td bgcolor="{firstaltcolor}"> would be replaced by <td bgcolor="#6666FF">

However, if you want an image, you can trick the system like this:

#6666FF" background="myimages/myimage.gif

Note the careful arrangement of quotes.

Therefore, this: <td bgcolor="{firstaltcolor}"> would be replaced by <td bgcolor="#6666FF" background="myimages/myimage.gif">

[sifuhall]

Thanks, Kier!

Works great!

If you want to see this in action click here (http://www.dragonslist.com/discussion/)

[jeff_c]

pretty freakin cool!!!

http://www.vbulletin.com/forum/images/icons/icon14.gif

[Jake Bunce]

that's a neat trick

[Schoolhouse Roc]

Your board looks great! Is the image you are using a gradient image? Or is it a combo of a background color and a gif image with a transparent background? Plus, how is it that it changes sizes when going from the homepage to an actual thread?

Thanks!

[Smoothie]

Where would I find this code to edit? I'm assuming it's in the control panel somewhere.

[Chen]

In Admin CP => Styles => Modify => Colors/Fonts/etc.

[Smoothie]

Originally posted by FireFly
In Admin CP => Styles => Modify => Colors/Fonts/etc.
Thanks for the reply. I'm in the Admin CP, Styles, Mod, Colors/Fonts. Where exactly do I add this. Am I replacing code, or adding?

[Robouk]

nice tip, thanks

[Ikram]

Originally posted by Smoothie

Thanks for the reply. I'm in the Admin CP, Styles, Mod, Colors/Fonts. Where exactly do I add this. Am I replacing code, or adding?

I want to know this too, Where do I put the beneath code in the colours/fonts part of my style??

<td bgcolor="#6666FF" background="myimages/myimage.gif">

pls reply!

Thanks


Post Edit - All sorted now, sorry Im just new to all of this,

#6666FF" background="images/bgimage.gif <------- This goes in the Catbg color field!

[Kengan]

Nice man !