Copyright bar on bottom of page

[MordeK]

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&amp;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&amp;module=reports&amp;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

Edited October 17, 2014 by MordeK

[homerjsimspson]

great ... thnks 

[daNN1eL]

Thanks you

[frederik]

Thanks, helped!

[ceostoyas]

thanks 

[Mr Chambers]

Bookmarked this thread! I'll definately be using this tutorial for my community!

 

Thanks,

Mr. Chambers

[Popeye]

Thanks

[Technologx]

Awesome thanks

[KareraHekku]

Thanks for the Tutorial!

 

I think I should go ahead and try this out.

[Snaehild]

Wow. Thanks for this