Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
Tags
to column mybb footer add 4 forum how

How To Add 4 Column Footer On Mybb Forum
#1
Hi guys, here's a very simple tutorial on how to add beautiful column footers on MyBB Forum. 

1. FIRST ADD GLOBAL CSS

This is the first step. Go to global css and add this css code below. 

#foot *{
    box-sizing:border-box;
}

#foot {
width: 100%;
height: 250px;
background: #111;
}

.col {
    background: #111;
    float: left;
    padding: 5px 15px;
    width: 25%;
}

h3 { 
    background: none;
    color: #FFF;
    font: bold 18px Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    margin: 0 0 20px 0;
    padding: 9px 0 0 19px;
    height: 33px;
    color:#E04006;
}

div.col ul{ 
    list-style: none;
    margin: 0;
    padding: 0;
}

div.col li { 
    height: 35px;
    margin: 3px 0;
    padding: 0;
}

div.col li a { 
    color: #FFF;
    display: block;
    font: normal 12px Verdana, Geneva, sans-serif;
    padding: 10px 0 0 19px;
    text-decoration: none;
}

div.col li:hover { 
    background: #212121;
}



2. Edit the templates



Now go to footer template  and find this code


<div class="bottommenu">
<div class="float_right">{$lang_select}</div>
<div>
<span class="smalltext">links here 
</div> </div>

Now replace the above code with this one

<div id="foot">
<div class="col">
<h3>Navigation 1</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 2</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
    
<div class="col">
<h3>Navigation 3</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
<div class="col">
<h3>Navigation 4</h3>
<ul>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>
</div>

Now click save. That's all.
#2
Which one is 4 column footer
#3
(07-26-2017 11:30 AM)Otahumele Wrote: Which one is 4 column footer

its for splitting your footer into four columns, so you can add different features on the footer.... like about us..... pages..... logo......and sponsors (if you have any) or you can add anything you wish to be there
#4
(07-26-2017 01:00 PM)Life Wrote:
(07-26-2017 11:30 AM)Otahumele Wrote: Which one is 4 column footer

its for splitting your footer into four columns, so you can add different features on the footer.... like about us..... pages..... logo......and sponsors (if you have any) or you can add anything you wish to be there

Exactly. Thanks
Do you want to purchase credits? Click here!
  


Possibly Related Threads...
ThreadAuthor Replies Views Last Post
  HELP: Help Me Install Mybb On My Hosting I Will Pay Jadonking042 2 90 12-09-2017, 08:31 PM
Last Post: Badooskid
  HELP: I Need Mybb Help prince 2 61 11-07-2017, 07:33 PM
Last Post: prince
  I Need The Premium Version Of Mybb Plugin For Moving Threads To Front Page Otahumele 0 45 11-02-2017, 06:32 PM
Last Post: Otahumele
  How To Add A Beautiful Pagination On Mybb Pedro 1 190 10-31-2017, 05:16 PM
Last Post: Dhron
  How Can I Unforce Mybb Theme on Users donblade 0 63 10-20-2017, 02:56 PM
Last Post: donblade
  HELP: How To Edit Mybb Template prince 15 192 10-18-2017, 12:15 AM
Last Post: prince
  How To Code A Simple Jquery Drop Down Login Form For Mybb James 3 162 10-16-2017, 10:44 AM
Last Post: kharlm
  HELP: Mybb Mydownloads Plugin Cybersky 5 108 10-16-2017, 01:02 AM
Last Post: Cybersky



Users browsing this thread:
1 Guest(s)

List of Users who browsed this thread: ayodelesegun, Bigga, daweb, donblade, Drinosblog, James, kayce, Life, major, Otahumele, patrick, Pedro, phax, policer, sholasunshine
How To Add 4 Column Footer On Mybb Forum00