doc_background linkable?

[Kuscheltod]

Dear all,

we would like to implement some Branding-campaigns into our forum and for this the backgrond-image have to be clickable by link.

Can you give me a short hint where I have to add the <a> tag in the templates so the background image will be linked properly?

Thansk in advance

Kind regards

[Devanand]

I am also searching for this.

[Kuscheltod]

Dear all,

I need to push this topic, because of no solution, yet.

If someone have an idea, your welcome :)

Kind regards

[Lynne]

Someone else asked this same question only they supplied a link to a site that did what they wanted. I found the code in the page source for the page and pasted it into the thread for the person to use on their site. Either find that thread or post a link to the site that does this and I'll see what they did and post it.

[Kuscheltod]

Hey Lynne,

for example http://playmassive.de they make brandings, but they don't use vbulletin.

We rebuild what they did, but it doesn't worked properly in vBulletin 4.x.x

Kind regards

[Lynne]

They have this in the page source:
<div id="brand">
<a target="_blank" class="branding a2010-09-bbo" href="link.php" linkindex="200">Bounty Bay Online</a><div style="position: absolute; left: 0px; top: 0px; visibility: hidden;" id="beacon_22b633bf90"><img width="0" height="0" style="width: 0px; height: 0px;" alt="" src="http://a.playcentral.de/www/delivery/lg.php?bannerid=224&amp;campaignid=64&amp;zoneid=66&amp;loc=1&amp; referer=http%3A%2F%2Fplaymassive.de%2F&amp;cb=22b633bf 90"></div>

</div>

And this in the CSS:
#brand a.a2010-09-bbo {background-image:url("http://static.playmassive.de/brandings/2010/2010-09-bounty-bay-online.jpg");}#brand a.branding {background:none no-repeat scroll center top transparent;display:block;height:1050px;text-indent:-9999px;width:100%;}
so, you'll want something similar to that.

[Kuscheltod]

Hey,

yeah, the prob is, we use a width for body (otherwise we have to recode with divs etc.)

if I add this code 1:1 i have an error: http://test.forum.gratis-mmorpg.com/forum.php check it out

Kind regards

[Lynne]

You didn't add all the CSS. And, I forgot to post this CSS also:
div#brand {height:1050px;left:0;margin:0 auto;position:absolute;text-align:center;top:30px;width:100%;z-index:0;}And, your div needs to go after your content. You may need to change the positioning (absolute) and the z-index also.

You really need to get something like firebug and compare your site and the example site and make sure you are doing the same thing.

[Kuscheltod]

Hey Lynne,

added the code, too

Now I have the problem that the whole website is linked by the link, if I change the z-index from 0 to -1 can't click anymore (no matter where I am)

Tried also to change the body z-index, which doesn't work at all.

And, I work with Firebug

Also I didn't see the background-image, I think it's because of the hidden attribute (sry, I'm no web-dev ^^).

But I think the more major issue is the "clickable" function, it's working for the whole div OR not, but I need the content area from body clickable.

Do you have any solution for this?

[Lynne]

I think you just need to play with it and compare the two site. They also have some javascript on there - try a search in the page source and see if any is related to this.

[Kuscheltod]

Hey Lynne,

did it now completely different, because I had some trouble with the body width and click-area.

I embedded now the content into a div and added a new div, had to be done in every tpl which contains "body".

But I got another question, do you know a short tut how I add my own stylevariable?

Would be much more comfortable to have the url as variable, so I can handle several styles with 1 point.

Thanks a lot!

Kind regards

Ah, found already via Google in this Forum: https://vborg.vbsupport.ru/showthread.php?t=233973