Scheduled Maintenance: 10-11-2025 Electricity company maintenance between 09:00 and 15:00.

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

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

Re: Fixed footer navbar

Post by martin »

NavyRet wrote: 16 Sep 2017, 01:53 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
Just tested this on 3.2.1 and it works.
Image

User avatar

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

Re: Fixed footer navbar

Post by NavyRet »

That's really strange. Today it works. Oh well, just glad it does. Thanks.

Edit: It's bigger than the one on this forum. How can I make it smaller (shorter) - smaller text and the round color swatch symbol even with the square ones (on mine it's higher)?

Thanks

User avatar

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

Re: Fixed footer navbar

Post by Scanialady »

It works for me without problems under 3.2.1
-
If you want to get German translations for extensions: ask me.

User avatar

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

Re: Fixed footer navbar

Post by NavyRet »

Yes, mine works now too. But I would like to know where in the code to edit so I can change it's background color and it's height?

Thanks.

User avatar

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

Re: Fixed footer navbar

Post by NavyRet »

Anyone ?

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 »

Dmzx has no background color or text color in his fixedfooternavbar.css stylesheet. It should pick up your style's colors.

But if you want it changed edit the ext/dmzx/fixedfooternavbar/styles/all/theme/fixedfooternavbar.css
Or in my case with a custom style, copy the styles/all/ dir and name the new dir your style's name. Then edit that css file.

ext/dmzx/fixedfooternavbar/styles/stylename/theme/fixedfooternavbar.css

Code: Select all

#page-footer .navbar {
    position: fixed;
    background-color: #999999 !important;
    height: 35px !important;
    bottom: 0;
    left: 0;
    width: 99%;
}
Add what background color and height you want on new lines.
You can get rid of border-radius, box-shadow or anything you want by adding new lines to this stylesheet.
It looks like here dm could have got rid of his border-radius on his fixed footer.
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™

User avatar

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

Re: Fixed footer navbar

Post by martin »

Try this css file.

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
* 
*/

#page-footer .navbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 99%;
}

#nav-footer {
	display: none;
}

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

#footer-wrap {
    position: fixed;
    bottom: -2px;
    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;
    border-radius: 6px 6px 0 0 !important;
    animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#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;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: 0 0 20px #000000; 
}

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



@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
#wrap {
	margin-top: 2px  auto;
	margin-bottom: 24px;
   }
}
Demo it fades in f5 the page to see it http://www.martins.homelinux.net/forum/index.php

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 »

IMO I think these fixed footer navbars and fixed header navbars should have a border-radius: none !important; so it becomes part of the browser page. But each to his own of course.

And WoW your answer just blew my answer right out of the water. :lol: Leave it to you to go ALL OUT! :thumbup:

User avatar

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

Re: Fixed footer navbar

Post by NavyRet »

Thanks guys, but neither of those worked. In fact, I now have no footer bar and nothing I tried will bring it back. I disabled the extension, deleted the data, deleted the extension from the ext directory, purged the cache and re-uploaded it fresh, re-enabled it all to no avail. It won't show again. It's like the software has a mind of it's own and refuses to allow the extension now. Maybe it'll work later.

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 »

NavyRet wrote: 23 Sep 2017, 05:09I now have no footer bar and nothing I tried will bring it back.
:rolling: man you are having all kinds of problems. I'll send you a package.

User avatar

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

Re: Fixed footer navbar

Post by NavyRet »

Sniper_E wrote: 23 Sep 2017, 16:09
NavyRet wrote: 23 Sep 2017, 05:09I now have no footer bar and nothing I tried will bring it back.
:rolling: man you are having all kinds of problems. I'll send you a package.
Thank you :thumbup:

User avatar

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

Re: Fixed footer navbar

Post by martin »

You sure ? see here its only css and nothing else http://www.martins.homelinux.net/forum/index.php
dmzx_fixedfooternavbar_1_0_3.zip
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.

User avatar

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

Re: Fixed footer navbar

Post by NavyRet »

It's all good now. Thank you so much. :dance:

User avatar

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

Re: Fixed footer navbar

Post by martin »

There will be an update released soon for this (it's two extensions in to one ext) you have control over what navbar shows top/bottom and also breadcrumbs can also be shown.

Demo http://www.martins-phpbb.com/forum/ucp.php?i=179

Screenshot of settings.
Selection_006.png
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.

User avatar

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

Re: Fixed footer navbar

Post by martin »

https://www.youtube.com/watch?v=jR1uU1wZs48

For the vip members on my site you get a copy here http://www.martins-phpbb.com/forum/view ... 3169#p3169 for testing before it gets released.

Post Reply Previous topicNext topic