• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Adding some custom side bars

#1
Hello,

I wish to add a side bar to my forum, this is the HTML:

Code:
    <head>
        <title>Dancraft Minecraft Server - Factions, KitPvP, Skyblock & OPGames</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
        <link rel="stylesheet" href="css/fullcalendar.css" />   
        <link rel="stylesheet" href="css/unicorn.main.css" />
        <link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
    </head>
    <body>
       
       
        <div id="header">
            <h1><a href="./dashboard.html">Dancraft</a></h1>       
        </div>
       
        <div id="search">
        </div>
           
        <div id="sidebar">
            <a href="#" class="visible-phone"><i class="icon icon-home"></i> Home</a>
            <ul>
                <li class="active"><a href="index.html"><i class="icon icon-home"></i> <span>Home</span></a></li>
                <li class="submenu">
                    <a href="#"><i class="icon icon-th-list"></i> <span>Servers</span> <span class="label">3</span></a>
                    <ul>
                        <li><a href="factions.php">Factions</a></li>
                        <li><a href="kitpvp.php">KitPvP</a></li>
                        <li><a href="skyblock.php">Skyblock</a></li>
                        <li><a href="opgames.php">OPGames</a></li>
                    </ul>
                </li>
                <li><a href="buttons.html"><i class="icon icon-tint"></i> <span>Buttons &amp; icons</span></a></li>
                <li><a href="interface.html"><i class="icon icon-pencil"></i> <span>Interface elements</span></a></li>
                <li><a href="tables.html"><i class="icon icon-th"></i> <span>Tables</span></a></li>
                <li><a href="grid.html"><i class="icon icon-th-list"></i> <span>Grid Layout</span></a></li>
                <li class="submenu">
                    <a href="#"><i class="icon icon-file"></i> <span>Sample pages</span> <span class="label">4</span></a>
                    <ul>
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="chat.html">Support chat</a></li>
                        <li><a href="calendar.html">Calendar</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                    </ul>
                </li>
                <li>
                    <a href="charts.html"><i class="icon icon-signal"></i> <span>Charts &amp; graphs</span></a>
                </li>
                <li>
                    <a href="widgets.html"><i class="icon icon-inbox"></i> <span>Widgets</span></a>
                </li>
            </ul>
       
        </div>
</body>
I tried adding this is my header but there was no change. I also tried adding this in index.php but it just returned errors.

Does anyone know where I would add this code?

The nav bar example can be found at http://serversfor.me/dancraft/

Thanks.
 

borbole

Well-known member
#3