[ABD] Fixed Menu for Prosilver

[HiFiKabin]

Fantastic extension. Even my wife likes it, so it must be good

Hope its ready for release soon, as I want it NOW

[Boardtalk.net]

Even my wife likes it, so it must be good :

Us girls know what we like

[martin123456]

Added a css fade in. you can trim it down a bit i had to adjust the margin as it was over to the right a little.

Code: Select all

.fixed-nav { 
	z-index: 9999; 
	position: fixed; 
	top: 0; 
	width: 95%;
	border: 5px solid transparent;
	border-radius: 0 0 7px 7px;
	max-width: 1133px;
	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);
	margin: 0 -12px !important;
	padding: 2px 5px !important;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
} 

.fixed-nav:hover { 
   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);
	
}

/* Fix for Mobile Devices 
----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
	.fixed-nav {
	border-radius: 0;
	}
}

[dmzx]

Added a css fade in. you can trim it down a bit i had to adjust the margin as it was over to the right a little.

Code: Select all

.fixed-nav { 
	z-index: 9999; 
	position: fixed; 
	top: 0; 
	width: 95%;
	border: 5px solid transparent;
	border-radius: 0 0 7px 7px;
	max-width: 1133px;
	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);
	margin: 0 -12px !important;
	padding: 2px 5px !important;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
} 

.fixed-nav:hover { 
   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);
	
}

/* Fix for Mobile Devices 
----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) {
	.fixed-nav {
	border-radius: 0;
	}
}

nice martin123456

[Boardtalk.net]

Added a css fade in. you can trim it down a bit i had to adjust the margin as it was over to the right a little.

Lovely effect Martin, I had toyed with CSS fade after the jQuery fadeIn/Out wasn't coming together for me. Also a touch of CSS transparency for the background colour can be nice also, depending on users theme's.

I gave your CSS a whirl and its impressive, thanks for the share

Hopefully over the next few weeks I'll get some uninterrupted free time here at home and will investigate what options I can bring to the Extension.

[doenwenu]

nice one!!

[martin123456]

I should have posted the css with prosilver default colours but i rushed the post as i was called out and thats the colours i use

May be add the same effects the the footer nav bar too ?

[dmzx]

I should have posted the css with prosilver default colours but i rushed the post as i was called out and thats the colours i use

May be add the same effects the the footer nav bar too ?

Yes footer would be also nice !!

[Boardtalk.net]

I should have posted the css with prosilver default colours but i rushed the post as i was called out and thats the colours i use...

No worries, have much the same here (a 9 year old with magic tricks that HAVE to be seen )

...May be add the same effects the the footer nav bar too ?

That's also an idea worth investigating as an option, that is of course if I can manage adding the ACP settings. If not, it could be done as a stand alone Extension very easily.

[Sshadow]

I am using this plus Martin's little tweak(adding my own colors) and so far it's pretty nice. I am still working on positioning(especially for smaller windows) but overall great extension. Check my sig for the link if you want to see. Thanks for the extension

[Holger]

No worries, have much the same here (a 9 year old with magic tricks that HAVE to be seen )

LOL! They seem to be the same all over the world!


This header should have been standard for phpBB 3.1 in my opinion!

[Boardtalk.net]

I am using this plus Martin's little tweak(adding my own colors) and so far it's pretty nice. I am still working on positioning(especially for smaller windows) but overall great extension. Check my sig for the link if you want to see. Thanks for the extension

Looks great Sshadow and thanks for the thanks

...This header should have been standard for phpBB 3.1 in my opinion!

Nice if it was would have saved me a bit of work

[TWEagle]

is it also possible to put also the headerbar in the fixed menu?

[Boardtalk.net]

is it also possible to put also the headerbar in the fixed menu?

I don't quite understand, when you say the headerbar do you mean to say the logo area?

[TWEagle]

is it also possible to put also the headerbar in the fixed menu?

I don't quite understand, when you say the headerbar do you mean to say the logo area?

yep

that is the thing that I mean