3.1 & 3.2 Extensions Database 3.1 / 3.2Fixed footer navbar

<span class="qte-attr qte_31_32-qte">3.1.x &amp; 3.2.x</span>
User avatar

Topic Author
dmzx
Founder
Founder
Posts: 6466
Joined: 13 Jan 2014, 21:45
    Windows 10 Chrome

Fixed footer navbar

Post by dmzx »

Extension Name: Fixed footer navbar
Author: dmzx

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

dmzx/Fixed-footer-navbar


Code update, validation version.

Screenshot:
Fixednavbar.png
Demo:
Dmzx-web.net

Extension Download:
Download-link
Fixed footer navbar v1.0.3
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.
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.

User avatar

Topic Author
dmzx
Founder
Founder
Posts: 6466
Joined: 13 Jan 2014, 21:45
    Windows 8 Firefox

Re: Fixed footer navbar

Post by dmzx »

Customise you .css to whatever you like.

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

User avatar

martin
Admin
Admin
Posts: 5105
Joined: 06 Apr 2014, 16:12
    Windows 8 Chrome

Re: Fixed footer navbar

Post by 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
Last edited by martin on 20 Jun 2015, 12:56, edited 1 time in total.
Image

User avatar

cristian
Users
Users
Posts: 31
Joined: 12 Jun 2015, 21:16
    Windows XP Firefox

Re: Fixed footer navbar

Post by cristian »

Plisss
gives me the white page?

:sad:
bar.png
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.
Last edited by cristian on 20 Jun 2015, 12:52, edited 1 time in total.

User avatar

martin
Admin
Admin
Posts: 5105
Joined: 06 Apr 2014, 16:12
    Windows 8 Chrome

Re: Fixed footer navbar

Post by martin »

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

User avatar

cristian
Users
Users
Posts: 31
Joined: 12 Jun 2015, 21:16
    Windows XP Firefox

Re: Fixed footer navbar

Post by 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?
Last edited by cristian on 20 Jun 2015, 14:03, edited 1 time in total.

User avatar

martin
Admin
Admin
Posts: 5105
Joined: 06 Apr 2014, 16:12
    Windows 8 Chrome

Re: Fixed footer navbar

Post by martin »

Sorry dont understand what your saying here.

User avatar

TWEagle
Users
Users
Posts: 74
Joined: 23 Nov 2014, 20:38
    Windows 10 Opera

Re: Fixed footer navbar

Post by TWEagle »

How have you made the fixed navbar header??
Image

User avatar

martin
Admin
Admin
Posts: 5105
Joined: 06 Apr 2014, 16:12
    Linux Chrome

Re: Fixed footer navbar

Post by martin »

It's an ABD ext on phpbb.com

phpBB • [ABD] Fixed Menu for Prosilver
Last edited by martin on 22 Dec 2015, 21:40, edited 1 time in total.

User avatar

Sniper_E
VIP
VIP
Posts: 1157
Joined: 14 Oct 2014, 19:01
    Windows 10 Firefox

Re: Fixed footer navbar

Post by 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)
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™

User avatar

1nv1s1bl3
Users
Users
Posts: 3
Joined: 30 Jan 2017, 10:56
    Windows 10 Firefox

Re: Fixed footer navbar

Post by 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.

User avatar

Scanialady
Users
Users
Posts: 310
Joined: 06 Apr 2015, 18:04
    Windows 10 Chrome

Re: Fixed footer navbar

Post by Scanialady »

+1 :smile:
-
If you want to get German translations for extensions: ask me.

User avatar

martin
Admin
Admin
Posts: 5105
Joined: 06 Apr 2014, 16:12
    Ubuntu Chrome

Re: Fixed footer navbar

Post by 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.

User avatar

Topic Author
dmzx
Founder
Founder
Posts: 6466
Joined: 13 Jan 2014, 21:45
    Windows 10 Chrome

Re: Fixed footer navbar

Post by dmzx »

First post updated.

User avatar

NavyRet
Users
Users
Posts: 8
Joined: 09 Jul 2015, 23:43
    Windows 10 Firefox

Re: Fixed footer navbar

Post by 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

Post Reply Previous topicNext topic