Jump to content

Download: ProMenu Basic


Robert Simons

Recommended Posts

Posted

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
  • Created
  • Last Reply
Posted

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;

Posted

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:



:) :) :)
Posted

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.
Posted

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)

Posted

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
Posted

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:
Posted

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

Posted

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
Posted

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.

Posted

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.

Posted

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?
Posted


%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?
Posted

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
Posted

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.
Posted

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

Archived

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

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...