3.1 & 3.2 Extensions Database 3.1 / 3.2 ⇒ Fixed footer navbar

[dmzx]

Extension Name: Fixed footer navbar
Author: dmzx

Extension Description:
phpBB extension that will make your navbar (footer) fixed to your board.

[travis]dmzx/Fixed-footer-navbar[/travis]


Code update, validation version.

Screenshot:

Fixednavbar.png

Demo:
Dmzx-web.net

Extension Download:
…

Installation:

1. Download the latest release.
2. Unzip the downloaded release, and change the name of the folder to `fixedfooternavbar`.
3. In the `ext` directory of your phpBB board, create a new directory named `dmzx` (if it does not already exist).
4. Copy the `fixedfooternavbar` folder to `/ext/dmzx/` if done correctly, you'll have the main extension class at
   (your forum root)/ext/dmzx/fixedfooternavbar/composer.json
5. Navigate in the ACP to `Customise -> Manage extensions`
6. Look for `Fixed footer navbar` under the Disabled Extensions list, and click its `Enable` link.

[dmzx]

Customise you .css to whatever you like.

Go to ext\dmzx\fixedfooternavbar\styles\all\theme\fixedfooternavbar.css

[martin]

Code: Select all

#wrap {
	margin-top: 5px auto;
}

and

Code: Select all

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
	margin-top: 5px  auto;
	margin-bottom: 24px;
   }
}

is good for me small gap at the top of forum and on mobile allows acp link to be see.

Code: Select all

/*
*
* @package Fixed footer navbar
* @author dmzx (www.dmzx-web.net)
* @copyright (c) 2014 by dmzx (www.dmzx-web.net)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
* 
*/

#nav-footer {
	display: none;
}

#wrap {
	margin-top: 5px auto;
}

#footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

#footer-container {
    height: auto px;
    background: -webkit-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
        background: -o-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
        background: -moz-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
        background: linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
		box-shadow: 0 0 20px #000000;
   border: 1px solid #999999;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

#footer-container:hover {
    height: auto px;
    background: -webkit-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   background: -o-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   background: -moz-linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   background: linear-gradient(#F6F4D0, #FFFFFF, #FFFFFF, #F6F4D0);
   border: 1px solid #999999;
   box-shadow: 0 0 20px #000000;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

#footer {
    width: auto px;
    margin: 0 5px 0 5px;
    padding-top: auto px;
    color: #536482;
    position: relative;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
	margin-top: 5px  auto;
	margin-bottom: 24px;
   }
}

Edit added whole css file

Demo yourdomain.com - Index page

[cristian]

Plisss
gives me the white page?

bar.png

[martin]

What does the ext oe edit ? and purge the boards cache.

[cristian]

Pliss change directori instalations old dzmx new change barfix
How do I change?



I want to change the directory name to another name at dmzx how can I do?

[martin]

Sorry dont understand what your saying here.

[TWEagle]

How have you made the fixed navbar header??

[martin]

It's an ABD ext on phpbb.com

phpBB • [ABD] Fixed Menu for Prosilver

[Sniper_E]

Just added this ext...

fixedfooternavbar.css

Code: Select all

#page-footer .navbar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 99%;
	background: -webkit-linear-gradient(#B6BFC4, #FFFFFF, #FFFFFF, #B6BFC4);
	background: -o-linear-gradient(#B6BFC4, #FFFFFF, #FFFFFF, #B6BFC4);
	background: -moz-linear-gradient(#B6BFC4, #FFFFFF, #FFFFFF, #B6BFC4);
	background: linear-gradient(#B6BFC4, #FFFFFF, #FFFFFF, #B6BFC4);
	border-radius: 6px 6px 0 0 !important;
}

body {
	padding-bottom: 35px;
}

http://mobiletest.me/iphone_5_emulator/ ... iper-e.com

I'll have to look up that [ABD] Fixed Menu for Prosilver - (notice my bottom left and bottom right border radius)

[1nv1s1bl3]

Any plans of maxing a "header" version?
Something like this -> https://www.phpbb.com/community/viewtop ... &t=2270616

Extension Description: Add's a fixed menu to prosilver. We take the existing upper menu, excluding the breadcrumbs, and let the menu scroll down the page with the reader.

[Scanialady]

+1

[martin]

Why not just use the same ext as every one else and that started out on first 3.1 ? yes its marked as ABD but that does not mean it dont work it means the author has not visited i see alot of sites using it.

[dmzx]

First post updated.

[NavyRet]

Has this been updated to work with 3.2.1? I can't get it to work with that version, so either I did something wrong or it doesn't work with 3.2.1.

Thanks