1. 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

Discussion in 'Styling and Customization Questions' started by DansTooGood, May 22, 2013.

  1. DansTooGood

    DansTooGood Member

    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.
     
  2. DansTooGood

    DansTooGood Member

  3. borbole

    borbole Well-Known Member

    Shelley likes this.

Share This Page