Image in Board Description

[murphie]

I have no idea what this is called ^^ that is the best that I can do. I fell apon a code which allows you to have images next to board descriptions on your site, but it isn't compatible with proboards. This is the original code - 

<div align="center"><div class="boarda"><div class="boardb"><center><table><tr><td><div style="width:75px; height:75px; background-image:url(IMAGE URL);"></div></td><td><div style="width:200px; height:75px; overflow:auto; text-align:justify;"> board descriptions goes here</td></tr></table></center></div></div></div></div>
and this is what it's meant to look like here scroll down to the boards and look at the board descriptions.

but i tried this on my proboards site that is undergoing construction, and my site is here. is there a different code to use this style on proboards or not?
 

[Tumbleweed]

This code allows you to put a background behind your description so you probably could very well do what that site did with css.

[murphie]

I'm not that good at css, so I don't actually know how I'd do it?

[Tumbleweed]

If you want your board description just like on that link you provied, (an image on the left & description text on the right) the best on really only way I can think of is to make a image that has the background color you want for your descripton area and then add the image on the right of that background sort of like this:



The tan area for the description text.

Assuming you'd want a different image on each board, your css would look something like this, as seen here:

<style type="text/css">
<!--
#board_description_general {
background-image:url(i48.tinypic.com/2w4fzfb.png);
background-repeat: no-repeat;
width: 100%;
height: 104px;
margin: 1px;
padding: 30px 0px 0px 150px;
}
#board_description_board one {
background-image:url(i48.tinypic.com/2w4fzfb.png);
background-repeat: no-repeat;
width: 100%;
height: 104px;
margin: 1px;
padding: 30px 0px 0px 150px;
}
-->
</style>

The bold is your board name that you want to use images. The blue is where you add your direct link. And just so you know, with the padding the first number is the padding you want on top, then right, then bottom and lastly the left side. A good way to remember is it using a clock, the first number starts at the top (12 o'clock) and goes clockwise.

[murphie]

ok thank you!

[Tumbleweed]

Oh wait, wait. You have a v5 forum. That won't work on it. I'm so sorry, I could have swore you didn't have V5. You'll have to look over the plug-ins to see if they have one for that yet.

support.proboards.com/board/37/plugins-codes

If not then you'll have to request one.

[murphie]

Yes, we changed over to v5. and thanks for your help!