tiling background image behind posts

[ChaosBurnt]

Put a tiling background image behind posts in showthread.

I know it's a pretty small mod but I have seen it asked a fair bit here and on vB.com so I figure maybe one or two folk might find this helpful.

Create your tiling image.
Name it posttile.jpg
upload posttile.jpg to your skins misc folder.

Attached is a nice christmassy example you could use for default skins:

Add the following to your skins Additional CSS Definitions (changing your_skins_name_here to your skins name!):

For Default vB Skin:

.posttiler {
background-color: #F7F7F7;
background-image: url(images/misc/posttile.jpg);
background-repeat: repeat;
background-position: top center;
}

For Custom Skins (location of misc folder may differ!)

.posttiler {
background-color: #F7F7F7;
background-image: url(images/your_skins_name_here/misc/posttile.jpg);
background-repeat: repeat;
background-position: top center;
}

save


Open:

postbit

Find:

<tr>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="alt1" id="td_post_$post[postid]">
</if>
<!-- message, attachments, sig -->

$template_hook[postbit_messagearea_start]

<if condition="$show['messageicon'] OR $post['title']">


In-line Find:

alt1


Replace with:

posttiler

save file

[ChaosBurnt]

Minor typo corrected, background-color changed from 000000 to F7F7F7, plus demo image added.

Some confusion has arisen regarding the misc image folder, I have altered the instructions above to make things a little clearer for those not so sure. Please keep in mind that some Custom skins locate the images in other places, you'll need to alter the URL to the posttile.jpg to better suit where your Skins images folder is housed. I can't post instructions for every single possible variant you understand.

[RobbieZ]

I like it.

I would use this for the xmas period.

To revert it back just delete everything out?

[ChaosBurnt]

I like it.

I would use this for the xmas period.

To revert it back just delete everything out?

Yup, just undo the changes made and you're back to normal;)

[Audax666]

Hi,

nice idea!.
Would it be much work changing the code to make it possible to use different background images in different categories?
Something like that:
<if cat_id==1>...bg1.gif
<if cat_id==2>...bg2.gif
....
Sorry im not a coder!:o

[abouahmed]

good work bra

thanks

[icemann]

Thanks ChaosBurnt. :up:

[Forum Lover]

Hi,

nice idea!.
Would it be much work changing the code to make it possible to use different background images in different categories?
Something like that:
<if cat_id==1>...bg1.gif
<if cat_id==2>...bg2.gif
....
Sorry im not a coder!:o
Or lets say, each user group got different background! :)

tagged, waiting to install.

[ChaosBurnt]

Hi,

nice idea!.
Would it be much work changing the code to make it possible to use different background images in different categories?
Something like that:
<if cat_id==1>...bg1.gif
<if cat_id==2>...bg2.gif
....
Sorry im not a coder!:o

To be honest, this was just something I needed for our Coven, then I noticed it had been asked about so I figured I'd post it here if anyone wanted it. I had no plans on making it anything more than it is as this is all I needed at the time, but if anyone has any methods to improve upon this then they are more than welcome to chip-in by posting their ideas here as my coding skills are not as strong as I should like them to be.

[Audax666]

Ah, ok I understand, but thanks for your reply!
Maybe I find someone or anybody else can modify your idea.
Basicly I like the idea!
Thanks to you...:)

[ArnyVee]

This is a good idea. Thanks for sharing :D

[TheInsaneManiac]

I like this idea, but I don't want it to be a tiling image. I made something of how I want it to look like in photoshop:
https://vborg.vbsupport.ru/

[ryancooper]

I like this idea, but I don't want it to be a tiling image. I made something of how I want it to look like in photoshop:
http://img171.imageshack.us/img171/7455/wantedmx6.jpg


I am not 100% sure but you might jsut be able to remove the background-repeat: repeat;


to stop it from repeating..

[TheInsaneManiac]

I am not 100% sure but you might jsut be able to remove the background-repeat: repeat;


to stop it from repeating..
I already know how to get it to appear. I just want it to appear only in certain forums. I need an if condition, but can't figure out how to get one to work right.