Split sections with an image

Description

You can split sections using an image

Set up

Let's start!

Go to: ACP > Disaply > Templates > General > Index_box ()
You must be the founder!

Find this code:

Code:

 <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

And add this code before the one I wrote above

Code:

<!--- Subject: "Split sections with images" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---!>
<div id="tableImageUp"></div>

Then, add this code in your CSS stylesheet:

Code:

#tableImageUp{
background:url('LINK  IMAGE') no-repeat;
width:100%;
height:70px;
padding:5px;
margin-left:-5px;
margin-top:10px;
}

Customize tutorial

You can change the IMAGE LINK

Demonstration

Technical problems

The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting. Thanks, the staff

For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...

Friendly,
The team of the Forum of Codes.