Latest topics
» Mp3/Audio + Lyrics: Davido – 2020 Letter To You
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 9:14 pm by Adminkunlex

» Gospel Music: Elijah Godsent – Chukwu Di Mma
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 9:08 pm by Adminkunlex

» Davolee – Pepper
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 9:06 pm by Adminkunlex

» Main roles of lawn tennis officials
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 8:35 pm by Adminkunlex

» How to become a WWE referee?
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 8:32 pm by Adminkunlex

» What is a sitemap? Why do we have to create one for our website?
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 6:21 am by Adminkunlex

» How to divert someone else's calls to your phone number?
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 6:08 am by Adminkunlex

» How to disable call forwarding on Android devices?
How To Add 4 Column Footer On MYBB Forums EmptyYesterday at 6:06 am by Adminkunlex

» Benefits And Effects Of Drinking Garri
How To Add 4 Column Footer On MYBB Forums EmptyMon Jan 20, 2020 7:35 pm by Adminkunlex

» Difference between div and span tags
How To Add 4 Column Footer On MYBB Forums EmptySun Jan 19, 2020 9:17 am by Adminkunlex

» Difference between "div id" and "div class" in HTML
How To Add 4 Column Footer On MYBB Forums EmptySun Jan 19, 2020 9:15 am by Adminkunlex

» Three most popular plugins for adding a sitemap to a WordPress site
How To Add 4 Column Footer On MYBB Forums EmptySun Jan 19, 2020 9:13 am by Adminkunlex

» Types/Examples of sitemap
How To Add 4 Column Footer On MYBB Forums EmptySat Jan 18, 2020 7:47 pm by Adminkunlex

» What is SD card?
How To Add 4 Column Footer On MYBB Forums EmptySat Jan 18, 2020 9:01 am by Adminkunlex

» Lil Kesh – Kowope
How To Add 4 Column Footer On MYBB Forums EmptySat Jan 18, 2020 4:35 am by Adminkunlex

» [Music] Unique Ft. Flex B – Poka
How To Add 4 Column Footer On MYBB Forums EmptySat Jan 18, 2020 4:34 am by Adminkunlex

» Selebobo Ft. Tekno – Ova
How To Add 4 Column Footer On MYBB Forums EmptySat Jan 18, 2020 4:32 am by Adminkunlex

» What Is <! Doctype> And Why is it necessary to use in HTML5?
How To Add 4 Column Footer On MYBB Forums EmptyFri Jan 17, 2020 5:40 pm by Adminkunlex

» Wapkiz Best BreadCrumb Code For Download Page
How To Add 4 Column Footer On MYBB Forums EmptyFri Jan 17, 2020 5:39 pm by Adminkunlex

» Wapkiz Advance Download Page code
How To Add 4 Column Footer On MYBB Forums EmptyFri Jan 17, 2020 5:37 pm 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 : 1026
Join date : 2019-06-08
Age : 20
Location : Osun State, Nigeria

https://9jabaze.forumotion.com

Back to top Go down

Back to top


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