Your first subject

Take some time to read this information before starting to use the administration of your forum:

How to access your administration panel ?
In the top menu, click on Log In, a new page is displayed. Fill in the username "admin" and the password you have choosen during your registration. If you have lost or forgot it, click here. Once you are logged in, click on the link "Administration Panel" at the bottom of the page.

How to modify your board's appearance ?
You can modify your board's appearance by choosing a theme (each theme displays different pictures, colors and icons). To do that, go to the administration panel, then click on Management in the Styles Admin menu and choose one of the displayed themes. You can later change it or choose another one.

How to manage the categories and forums ?
You can add, modify and delete the categories and forums that you have created anytime and without limit. To do that, go to the administration panel, in the management part of the Forum Admin, and click on "Add a link" (a forum or a category). In a first time, we advice you to create test categories and test forums that you will delete later, in order to understand how this tool works.

Code:

<div id="menu">
                                                                         
      <ul>
                                                                            
         <center>
                                                                               
            <li>
                                                 <a href="/h1-homepage"><img src="http://icons.iconarchive.com/icons/franksouza183/fs/16/Actions-home-icon.png" />  Homepage</a>                                 
            </li>
                                                                               
            <li>
                                                 <a href="/h2-testimonials"><img src="https://2img.net/i/fa/prosilver/quote.gif" />  Testimonials</a>                                 
            </li>
                                                                               
            <li>
                                                 <a href="/h3-our-work-gallery"><img src="https://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-draw-brush-icon.png" />Work Gallery</a>                                 
            </li>
                                                                               
            <li>
                                                 <a href="Link">Link 4</a>                                 
            </li>
                                                                               
            <li>
                             <a href="Link">Link 4</a>                                                   
            </li>
                                                                               
         </center>
                                                                            
      </ul>
                                                                         
   </div>

<center>
<style type="text/css">
.picshow { z-index:444; position: relative; background-color:#ffffff; width: 500px; height: 550px}
.picshow_main { position: relative; width: 160px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 220px; height: 172px}
.picshow_change {
position: absolute;
text-align: left;
bottom: -50px;
height: 30px;
right: 0px;
left: 11px;
}
.picshow_change img {width:12px; height: 12px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; display: inline}
a.axx { border-color: #000}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style><script language="javascript">

var counts = 3;

img1 = new Image();

img1.src = 'https://i.servimg.com/u/f30/17/00/71/83/captur12.png';

img2 = new Image();

img2.src = 'https://i.servimg.com/u/f30/17/00/71/83/captur14.png';

img3 = new Image();

img3.src = 'https://i.servimg.com/u/f30/17/00/71/83/captur13.png';



var smallImg = new Array();

smallImg[0] = 'https://i.servimg.com/u/f60/12/10/25/45/index_10.gif';

smallImg[1] = 'https://i.servimg.com/u/f60/12/10/25/45/index_11.gif';

smallImg[2] = 'https://i.servimg.com/u/f60/12/10/25/45/index_12.gif';



url1 = '#';

url2 = '#';

url3 = '#';



alt1 = new Image();

alt1.alt = 'TOP THEME 1';

alt2 = new Image();

alt2.alt = 'TOP THEME 2';

alt3 = new Image();

alt3.alt = 'TOP THEME 3';

var nn = 1;

var key = 0;

function change_img() {

if (key == 0) {

key = 1;

} else if (document.all) {

document.getElementById("pic").filters[0].Apply();

document.getElementById("pic").filters[0].Play(duration = 2);

}

eval('document.getElementById("pic").src=img' + nn + '.src');

eval('document.getElementById("url_theme").href=url' + nn);

eval('document.getElementById("pic").alt=alt' + nn + '.alt');

if (nn == 1) {

document.getElementById("url_theme").target = "_blank";

document.getElementById("url_theme").style.cursor = "pointer";

} else {

document.getElementById("url_theme").target = "_blank"

document.getElementById("url_theme").style.cursor = "pointer"

}



for ( var i = 1; i <= counts; i++) {

document.getElementById("xxjdjj" + i).className = 'axx';

}

document.getElementById("xxjdjj" + nn).className = 'bxx';

nn++;

if (nn > counts) {

nn = 1;

}

tt = setTimeout('change_img()', 7000);

}

function changeimg(n) {

nn = n;

window.clearInterval(tt);

change_img();

}

function ImageShow() {

document.write('<div class="picshow_main">');

document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');

document.write('<div class="picshow_change">');

for ( var i = 0; i < counts; i++) {

document.write('<a href="javascript:changeimg(' + (i + 1)

+ ');" id="xxjdjj' + (i + 1)

+ '" class="axx" target="_self"><img src="' + smallImg[i]

+ '"></a>');

}

document.write('</div></div>');

change_img();

}

</script> <script language="javascript" type="text/javascript">

ImageShow();

</script>
</center><br /><br />

Posting