Latest topics
» Download Music/Audio: Skiido Ft. Lil Frosh – Hot Hot
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 7:28 am by Adminkunlex

» [Music + Video] Magnito Ft. Prophetiic Poet x Sufayo x Juwhiz – Ginger
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 7:27 am by Adminkunlex

» Download Music/Audio: Erigga – Fear Life
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 7:25 am by Adminkunlex

» Download Music/Audio: Mohbad Ft. Oladips – Oja
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 7:24 am by Adminkunlex

» Download Music/Audio: Ice Prince – A Verse For Jabba
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 7:23 am by Adminkunlex

» Download Music/Audio: Terry Apala Ft. CDQ – No Sege
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 7:22 am by Adminkunlex

» Download Music/Audio: Reminisce – OGB4IG
How To Add 4 Column Footer On MYBB Forums EmptyWed Sep 18, 2019 8:46 pm by Adminkunlex

» How does Zinoly Works? The first Instant Payment Income program in Nigeria
How To Add 4 Column Footer On MYBB Forums EmptyWed Sep 18, 2019 8:13 pm by Adminkunlex

» 5 Banks In Nigeria With High Savings Interest Rates Account
How To Add 4 Column Footer On MYBB Forums EmptyWed Sep 18, 2019 8:13 pm by Adminkunlex

» How to create a Facebook phishing site on WAPKIZ and WAPELF platform
How To Add 4 Column Footer On MYBB Forums EmptyWed Sep 18, 2019 8:11 pm by Adminkunlex

» PES 2019: Download Pro Evolution Soccer 2019 .jar
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 8:06 pm by Adminkunlex

» Download Real Football 2019 by Gameloft Android, apk, Java or Jar
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 8:04 pm by Adminkunlex

» Download Music/Audio: Ayusongz Ft. Diamond Jimma – No Do
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 7:14 am by Adminkunlex

» Download Music/Audio: Big Timy – Feelings (Prod. by Cracker Mallo)
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 7:13 am by Adminkunlex

» Download Music/Audio: Joel Amadi – Rawa
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 7:12 am by Adminkunlex

» Download Music/Audio: Honey – To Se Daada
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 7:11 am by Adminkunlex

» Download Music/Audio: Segun Abimbola Ft. Dami – Jehovah Sabaoth
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 7:10 am by Adminkunlex

» Wpforo Q&A Layout Documentation
How To Add 4 Column Footer On MYBB Forums EmptyTue Sep 17, 2019 7:07 am by Adminkunlex

» Top 10 Biggest Forums On The Internet And What They Earn
How To Add 4 Column Footer On MYBB Forums EmptyMon Sep 16, 2019 7:00 pm by Adminkunlex

» Mobile Antivirus java.jar
How To Add 4 Column Footer On MYBB Forums EmptySun Sep 15, 2019 6:33 am by Adminkunlex


How To Add 4 Column Footer On MYBB Forums

Go down

How To Add 4 Column Footer On MYBB Forums Empty How To Add 4 Column Footer On MYBB Forums

Post by Adminkunlex on Mon Sep 09, 2019 5:21 am

1. Adding the Css :
Add this css at the bottom of your theme's global.css and save the theme.
Code:
#foot *{<br />
box-sizing:border-box;<br />
}<br />
#foot {<br />
width: 100%;<br />
height: 250px; background: #111;<br />
}<br />
.col {<br />
background: #111;<br />
float: left;<br />
padding: 5px 15px; width: 25%;<br />
}<br />
h3 {<br />
background: none;<br />
color: #FFF;<br />
font: bold 18px Arial, Helvetica, sans-serif; font-variant:
small-caps;<br />
margin: 0 0 20px 0;<br />
padding: 9px 0 0 19px;<br />
height: 33px;<br />
color:#E04006;<br />
} div.col ul{<br />
list-style: none;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
div.col li { height: 35px;<br />
margin: 3px 0;<br />
padding: 0;<br />
}<br />
div.col li a {<br />
color: #FFF; display: block;<br />
font: normal 12px Verdana, Geneva, sans-serif;<br />
padding: 10px 0 0 19px;<br />
text-decoration: none;<br />
}<br />
div.col li:hover { background: #212121;<br />
}
2. Editing the templates :
Now go to templates and find footer
templates>
footer
Replace the following code in it with the
code
below
Code:
<div id="foot">
<div class="col">
<h3>Navigation 1</h3><br />
<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><br />
<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>
Save the templates.
This gives you a 4 column footer for #MyBB.
Please retain original credits to the author if you are posting this on any other site.

https://developement.design/forum/Thread-seo-increase-the-traffic-of-your-mybb-forums

Adminkunlex
Admin

Posts : 767
Join date : 2019-06-08
Age : 19
Location : Osun State, Nigeria

View user profile http://9jabaze.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum