MyBB Community Forums

Full Version: How to add border like here in mybb community
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi 2 all, I want to put borders like here on mybb forum:

[img=http://img103.imageshack.us/img103/3485/screenup9.th.jpg]

So, I grab from mybb community css ( http://community.mybboard.net/cache/them...global.css ) this code:

}
div#shadow {
	position: relative;
  background: url(http://mybboard.net/assets/images/shadow.png) top left repeat-y;
  width: 980px;
  margin: auto auto;
  height: auto;
}

and I placed in the extra-css field..

Then in the page container I added this code:

Width: 940px
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  border: 1px solid #878787;
  border-top: 0;
  border-bottom: 0;
  height: auto;

Now, where should I add the <div id="shadow"> and where I have to close it?

I placed the <div id="shadow"> in header template, and the </div> in footer, but it doesn't work Sad

Please, could someone help me??
nobody??
Please help me!
Have a look at where myBB have put their shadow coding...

In your templates, edit "Header Templates" -> "Header", and change:

<a name="top" id="top"></a>

to

<a name="top" id="top"></a>
	<div id="shadow">

Then in "Footer Templates" -> "Footer", add an extra div to the following line (without the brackets of course)

<div id="debug"><debugstuff></div>(</div>)

No idea whether it will work - make sure you have the shadow.png image saved to your directory too, don't hotlink to myBB images! Just mess with the end div in the footer template.

Originality is hard to source these days Rolleyes