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.
Last edited by Niko on Sat May 26, 2012 12:54 pm; edited 1 time in total