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: I Need Mybb Help Mr Elpee 0 30 02-05-2018, 09:47 PM
Last Post: Mr Elpee
  Pls Admin Help Needed On Mybb 9Jahype 14 330 01-29-2018, 08:27 AM
Last Post: major
  HELP: Help Me Install Mybb On My Hosting I Will Pay Jadonking042 2 149 12-09-2017, 08:31 PM
Last Post: Badooskid
  HELP: I Need Mybb Help prince 2 115 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 97 11-02-2017, 06:32 PM
Last Post: Otahumele
  How To Add A Beautiful Pagination On Mybb Pedro 1 284 10-31-2017, 05:16 PM
Last Post: Dhron
  How Can I Unforce Mybb Theme on Users donblade 0 153 10-20-2017, 02:56 PM
Last Post: donblade
  HELP: How To Edit Mybb Template prince 15 276 10-18-2017, 12:15 AM
Last Post: prince



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, samzkid, sholasunshine
How To Add 4 Column Footer On Mybb Forum00