MyBB Community Forums

Full Version: Make a Footer Like This
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
[Image: rPcDu.png]

Thank You!
This is just a small tut.
I show how to make 3 column footer,but u need to edit the code according to your need.
1.add this to your theme global.css at bottom

 .col {
background: #efefef;
float: left;
padding: 30px 0 0 30px;
width: 310px; 
} 

.col:first-child {
padding: 30px 0 0 50px;
} 

.bmf {
background: #efefef;
width:100%;
height:300px;
margin:0;
padding:0; border:1px solid #F6F6F6;
} 


Now go to templates and find footer templates> footer

Replace the following code in it with the code below

Find :

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


Replace with :

<div class="bmf"> 
<div class="col">
<h2 style="color:#0097fb;">Quick Links</h2>
<ul style="font-size:15px;">
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>

 <div class="col">
<h2 style="color:#0097fb;">other links</h2>
<ul style="font-size:15px;">
<li><a href="link 1">link 1</a></li>
<li><a href="link 2">link 2</a></li>
</ul>
</div>

 <div class="col">
<h2 style="color:#0097fb;">About Us</h2>
Forum Source is the ultimate forum owner and addict community that provides high </div>
</div>



This is just a raw code replace the links 1 or 2 with ur links and it's description.

I hope this helps.
Regards,
Envira