Today I'll bring you a copyright bar which will stay on the bottom of the page all the time. This will be visible on all pages of the forum.
Preview:
First we'll have to go to the following file:
AdminCP > Look & Feel > Manage Skin Sets & Templates > Select your skin > globalTemplate
Once inside, scroll to the bottom of the file. Look for the following bit of code:
</body>
</html>
Once found, before that add:
<footer>
<div id='copyright_bar'>
<div>
<if test="accessreports:|:$this->memberData['is_mod'] OR !empty($this->memberData['access_report_center']) || ($this->memberData['g_access_cp'] AND !$this->settings['security_remove_acp_link'])">
<div id='admin_bar_bottom'>
<if test="showacplink:|:$this->memberData['g_access_cp'] AND !$this->settings['security_remove_acp_link']">
<ul class='right'>
<li>
<a href="{$this->settings['_admin_link']}" title='{$this->lang->words['admin_cp']}' target="_blank">{$this->lang->words['login_to_acp']}</a>
</li>
</ul>
</if>
<ul class='left'>
<li style='border-left: 1px solid #000;'><a href="{parse url="app=core&module=modcp" base="public"}" title='{$this->lang->words['gbl_modcp_link_title']}'>{$this->lang->words['gbl_modcp_link']}</a></li>
<if test="rclink:|:$this->memberData['access_report_center'] && $this->memberData['_cache']['report_num'] > 0">
<li class='active'>
<a href="{parse url="app=core&module=reports&do=index" base="public"}" title='{$this->lang->words['view_reports']}'>{$this->memberData['_cache']['report_num']} {$this->lang->words['report_member_bar']}</a>
</li>
</if>
</ul></div>
</if>
</div>
<div class="text1"> Right Text </div>
<div class="text2"> Middle Text </div>
</div>
</footer>
Save and then open ipb_styles.css and at the bottom of the file add:
#admin_bar_bottom {
font-size: 11px;
line-height: 42px;
float: left;
overflow: hidden;
}
#admin_bar_bottom li{ float: left; border-right: 1px solid #000; }
#admin_bar_bottom li.active a { color: #fc6d35; }
#admin_bar_bottom a {
color: #fff;
display: block;
padding: 0 12px;
line-height: 20px;
outline: none;
height: 42px;
}
#admin_bar_bottom a:hover { background: rgba(255,255,255,0.05); }
footer {
width: 100%;
background: none;
position: fixed;
bottom: 0;
height: 22px;
z-index: 9998;
}
#copyright_bar {
font-size: 11px;
line-height: 18px;
padding: 0 12px;
overflow: hidden;
margin-bottom: 8px;
color: #E0E0E0;
text-shadow: 0 1px 0 #000000;
background: rgb(15,15,15);
background: rgba(15,15,15,0.8);
font-family: tahoma;
border-top: 1px solid #000;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.6) 0px 1px 5px;
}
#copyright_bar a { color: #3AAF3A; }
#copyright_bar a:hover { color: #3BD53B; }
#copyright_bar .text1 {
text-align: right;
width: 22%;
float:right; commentText
}
#copyright_bar .text2 {
text-align: center;
width: 44%;
margin: 0 auto;
}
Save and that's it. Enjoy