Jump to content

Download: ProMenu Basic

Featured Replies


if your looking to make the backgrounds transparent .. you have to edit the css .. were I have it marked to change the background colors .. change the color to "transparent" .. if you need further assistance tweaking it just let me know


Don't correctly put. You need to make the background submenu semi-transparent (i.e. define the degree of transparency).

Add the tag transparency but the background is not transparent:



background: #000; /* Change this to alter your background color */

opacity: 0.7;filter:alpha(opacity=70);

           border-radius: 0px 0px 4px 4px !important;

           -moz-border-radius: 0px 4px 4px 4px !important;

           -webkit-border-top-left-radius: 0px !important;


font-size: 0.95em !important;

min-width: 180px; /* Change this to alter the minimum width of submenus */

position: absolute;

z-index: 10000;

margin: 0;

padding: 0 !important;


Maybe something is not done correctly?

  • Replies 858
  • Views 33.6k
  • Created
  • Last Reply
  • Author

Don't correctly put. You need to make the background submenu semi-transparent (i.e. define the degree of transparency).



Add the tag transparency but the background is not transparent:





background: #000; /* Change this to alter your background color */

opacity: 0.7;filter:alpha(opacity=70);

		   border-radius: 0px 0px 4px 4px !important;

		   -moz-border-radius: 0px 4px 4px 4px !important;

		   -webkit-border-top-left-radius: 0px !important;


font-size: 0.95em !important;

min-width: 180px; /* Change this to alter the minimum width of submenus */

position: absolute;

z-index: 10000;

margin: 0;

padding: 0 !important;

Maybe something is not done correctly?

ah ok..misread what you asked ... it should be more like


		   background-color: #000; /* Change this to alter your background color */

		   opacity:0.7;

		   alpha(opacity=70);

		   border-radius: 0px 0px 4px 4px !important;

		   -moz-border-radius: 0px 4px 4px 4px !important;

		   -webkit-border-top-left-radius: 0px !important;

		  font-size: 0.95em !important;

		  min-width: 180px; /* Change this to alter the minimum width of submenus */

		  position: absolute;

		  z-index: 10000;

		  margin: 0;

		  padding: 0 !important;

  • Author

might even have to add in something like


-moz-opacity: 0.70;

-webkit-opacity: 0.70;



as well

pretty obvious its a popular mod :)


pretty obvious its a popular mod :smile:



8 pages in 3 days... ye thunk? LOL. :drool:

k .. was just curious ... let me know when you do




it was a lot easier to verify after I removed the htaccess redirect LOL


8 pages in 3 days... ye thunk? LOL. :drool:



:) :) :)
  • Author

it was a lot easier to verify after I removed the htaccess redirect LOL




lol

I take it that worked then :P

lol



I take it that worked then :tongue:



so far so good :smile:
the url shown on hover shows as /index/ but, iirc, thats more due to the actual board install and the way I am running ipcontent for domain home w/o it being the default app.
and most people would not even see it, its not the promenu hover but the browser hover.

here is one for your future whiteboard - how about an API to create drop down menu "sheets" ?

Kind of like this:
post-149125-0-74710000-1324579808.png

Also even:
Context Aware Tabs & Menus/Sub Menus - they only appear in certain pages (apps)

  • Author

here is one for your future whiteboard - how about an API to create drop down menu "sheets" ?



Kind of like this:


post-149125-0-74710000-1324579808.png

Also even:





If I follow you..what your referring too is a mega menu .. and I'm already tossing that idea around...

though not sure if I can make it within this app .. might end up being its own application

far as menus per page .. that could be quite a task .... would have to look into what that would take b4 I'd commit

ah ok..misread what you asked ...



it should be more like




		   background-color: #000; /* Change this to alter your background color */

		   opacity:0.7;

		   alpha(opacity=70);

		   border-radius: 0px 0px 4px 4px !important;

		   -moz-border-radius: 0px 4px 4px 4px !important;

		   -webkit-border-top-left-radius: 0px !important;

		  font-size: 0.95em !important;

		  min-width: 180px; /* Change this to alter the minimum width of submenus */

		  position: absolute;

		  z-index: 10000;

		  margin: 0;

		  padding: 0 !important;

might even have to add in something like


-moz-opacity: 0.70;

-webkit-opacity: 0.70;



as well


Amended, but unfortunately achieve transparency is not possible. :unsure:
  • Author

ok..what exactly are we trying to make translucent ... the parent .. or submenus .. if its the parent your seeking..that would be in the styles.css .. though we could build something within the promenu.css to accommodate


ok..what exactly are we trying to make translucent ... the parent .. or submenus .. if its the parent your seeking..that would be in the styles.css .. though we could build something within the promenu.css to accommodate



this.
top-level likely uses #primary_nav li
  • Author

this.


top-level likely uses #primary_nav li




I would agree .. I do believe thats the one to edit .. or add into the promenu style and have it do an override with the !important tag

I would agree .. I do believe thats the one to edit .. or add into the promenu style and have it do an override with the !important tag



hrmm... all they seek is transparency not color shift?


#primary_nav li {

opacity:0.7;

alpha(opacity=70);

}

#primary_nav li:hover, #primary_nav li.active {

opacity:1;

 alpha(opacity=100);

}


could do in the promenu css.

  • Author

indeed .. and if it already has a opacity setting in the style side .. throw in the override

I mean the drop-down menu. If you change the transparency in the #primary_nav li in ipb_styles.css, together with a drop-down menu transparent becomes the parent menu.

  • Author

I mean the drop-down menu. If you change the transparency in the #primary_nav li in ipb_styles.css, together with a drop-down menu transparent becomes the parent menu.



have a link so I can see exactly what you mean?

Of Course. Sent the link in a PM.


%7Boption%7D

Dmacleo, on 22 December 2011 - 07:46 AM, said:



what determines the opening speeds on hover?


nothing wrong with it, just want to tweak (break) it a bit :smile:


it would be in the js file .. second line .. s=6 ... increase this number to slow the display



can you add this as a global setting?
  • Author

can you add this as a global setting?




I don't believe so .. as its within the js file ... can't really parse php within a js file .. though as I said before ... js is NOT my strong suit .. I can definitely look into it though

I don't believe so .. as its within the js file ... can't really parse php within a js file .. though as I said before ... js is NOT my strong suit .. I can definitely look into it though




don't worry then, sounds like more trouble than it's worth.
  • Author

don't worry then, sounds like more trouble than it's worth.




well I'll still give it some thought while I rebuild ... on that note ...

I'm working an new angle ... MT suggested the idea of having "groups" of menus .. this way you can have different sets for different groups ... or one one set as a primary...another as a sideblock ... maybe another as a header...etc .. and I agree it would be something that would really increase its flexibility ...

I still haven't committed to it as of yet, but its definitely something I'm considering

FYI, ProMenu and Fusion header menu work fine together, though i would prefer that ProMenu had it's own header menu ;)

was wondering about that, with fusion

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.