breadcrums dropdown scheme
Locked
 
|
A question from one of my customers:
the dropdown menu, is it possible to make this transparent so you can see the underlying screen? Thanks in advance for your answer, regards, Hans -- Antwebsystems.com: Quality OFBiz services for competitive rates |
|
To make the dropdown menu transparent go to style.css of bizznesstime theme
and on line 556 change the css of #header-nav to ; background:transparent none repeat scroll 0 0; If we look at the particular applications menu in bizzness time theme it will be shown as transparent. May need to do some more fixes in css to better show it on UI. So it is possible but should not recommended as the underlying screen text overlapped on the menu links, in turn it will be a pain for user to select on the correct menu item. Rishi Solanki Enterprise Software Developer HotWax Media Pvt. Ltd. On Wed, Jan 6, 2010 at 7:53 AM, Hans Bakker <[hidden email]>wrote: > A question from one of my customers: > > the dropdown menu, is it possible to make this transparent so you can > see the underlying screen? > > Thanks in advance for your answer, > > regards, > Hans > > > -- > Antwebsystems.com: Quality OFBiz services for competitive rates > > |
|
|
Sorry, I see you are asking for breadcrubs dropdown, for that I'm not able
to figure out how it can be achieve. Rishi Solanki Enterprise Software Developer HotWax Media Pvt. Ltd. On Wed, Jan 6, 2010 at 10:59 AM, Rishi Solanki <[hidden email]>wrote: > To make the dropdown menu transparent go to style.css of bizznesstime theme > and on line 556 change the css of #header-nav to ; > background:transparent none repeat scroll 0 0; > If we look at the particular applications menu in bizzness time theme it > will be shown as transparent. May need to do some more fixes in css to > better show it on UI. > So it is possible but should not recommended as the underlying screen text > overlapped on the menu links, in turn it will be a pain for user to select > on the correct menu item. > > Rishi Solanki > Enterprise Software Developer > HotWax Media Pvt. Ltd. > > > > On Wed, Jan 6, 2010 at 7:53 AM, Hans Bakker <[hidden email] > > wrote: > >> A question from one of my customers: >> >> the dropdown menu, is it possible to make this transparent so you can >> see the underlying screen? >> >> Thanks in advance for your answer, >> >> regards, >> Hans >> >> >> -- >> Antwebsystems.com: Quality OFBiz services for competitive rates >> >> > |
|
|
Hi Hans,
breadcrumbs dropdown's style.css line 1080 of #main-navigation ul li ul, #app-navigation ul li ul make its background to transparent will solves the transparent background problem. But for sure it should not be recommended. Rishi Solanki Enterprise Software Developer HotWax Media Pvt. Ltd. On Wed, Jan 6, 2010 at 11:32 AM, Rishi Solanki <[hidden email]>wrote: > Sorry, I see you are asking for breadcrubs dropdown, for that I'm not able > to figure out how it can be achieve. > > > Rishi Solanki > Enterprise Software Developer > HotWax Media Pvt. Ltd. > > > On Wed, Jan 6, 2010 at 10:59 AM, Rishi Solanki <[hidden email]>wrote: > >> To make the dropdown menu transparent go to style.css of bizznesstime >> theme and on line 556 change the css of #header-nav to ; >> background:transparent none repeat scroll 0 0; >> If we look at the particular applications menu in bizzness time theme it >> will be shown as transparent. May need to do some more fixes in css to >> better show it on UI. >> So it is possible but should not recommended as the underlying screen text >> overlapped on the menu links, in turn it will be a pain for user to select >> on the correct menu item. >> >> Rishi Solanki >> Enterprise Software Developer >> HotWax Media Pvt. Ltd. >> >> >> >> On Wed, Jan 6, 2010 at 7:53 AM, Hans Bakker < >> [hidden email]> wrote: >> >>> A question from one of my customers: >>> >>> the dropdown menu, is it possible to make this transparent so you can >>> see the underlying screen? >>> >>> Thanks in advance for your answer, >>> >>> regards, >>> Hans >>> >>> >>> -- >>> Antwebsystems.com: Quality OFBiz services for competitive rates >>> >>> >> > |
|
|
Thank you very much for your help, that is what i was just looking
for... Regards, Hans On Wed, 2010-01-06 at 18:44 +0530, Rishi Solanki wrote: > Hi Hans, > breadcrumbs dropdown's style.css line 1080 of #main-navigation ul li ul, > #app-navigation ul li ul > make its background to transparent will solves the transparent background > problem. But for sure it should not be recommended. > > > Rishi Solanki > Enterprise Software Developer > HotWax Media Pvt. Ltd. > > > On Wed, Jan 6, 2010 at 11:32 AM, Rishi Solanki <[hidden email]>wrote: > > > Sorry, I see you are asking for breadcrubs dropdown, for that I'm not able > > to figure out how it can be achieve. > > > > > > Rishi Solanki > > Enterprise Software Developer > > HotWax Media Pvt. Ltd. > > > > > > On Wed, Jan 6, 2010 at 10:59 AM, Rishi Solanki <[hidden email]>wrote: > > > >> To make the dropdown menu transparent go to style.css of bizznesstime > >> theme and on line 556 change the css of #header-nav to ; > >> background:transparent none repeat scroll 0 0; > >> If we look at the particular applications menu in bizzness time theme it > >> will be shown as transparent. May need to do some more fixes in css to > >> better show it on UI. > >> So it is possible but should not recommended as the underlying screen text > >> overlapped on the menu links, in turn it will be a pain for user to select > >> on the correct menu item. > >> > >> Rishi Solanki > >> Enterprise Software Developer > >> HotWax Media Pvt. Ltd. > >> > >> > >> > >> On Wed, Jan 6, 2010 at 7:53 AM, Hans Bakker < > >> [hidden email]> wrote: > >> > >>> A question from one of my customers: > >>> > >>> the dropdown menu, is it possible to make this transparent so you can > >>> see the underlying screen? > >>> > >>> Thanks in advance for your answer, > >>> > >>> regards, > >>> Hans > >>> > >>> > >>> -- > >>> Antwebsystems.com: Quality OFBiz services for competitive rates > >>> > >>> > >> > > Antwebsystems.com: Quality OFBiz services for competitive rates |
|
|
I think what your customer might be looking for (and consequently, what you are looking for) is not transparent, but semi-transparent. If you make the background completely transparent, you won't be able to see the menu and it will be completely useless. However, you could make the background color semi-transparent/opaque, allowing you to see the menu and also see what is underneath it (like a lightbox type effect). Here is a cross-browser CSS transparency solution:
.transparent_class { background-color:#333; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } This will result in a 50% gray opaque background. Hope this help Hans. Ryan Foster HotWax Media 801.671.0769 [hidden email] On Jan 6, 2010, at 6:17 AM, Hans Bakker wrote: > Thank you very much for your help, that is what i was just looking > for... > > Regards, > Hans > > On Wed, 2010-01-06 at 18:44 +0530, Rishi Solanki wrote: >> Hi Hans, >> breadcrumbs dropdown's style.css line 1080 of #main-navigation ul li ul, >> #app-navigation ul li ul >> make its background to transparent will solves the transparent background >> problem. But for sure it should not be recommended. >> >> >> Rishi Solanki >> Enterprise Software Developer >> HotWax Media Pvt. Ltd. >> >> >> On Wed, Jan 6, 2010 at 11:32 AM, Rishi Solanki <[hidden email]>wrote: >> >>> Sorry, I see you are asking for breadcrubs dropdown, for that I'm not able >>> to figure out how it can be achieve. >>> >>> >>> Rishi Solanki >>> Enterprise Software Developer >>> HotWax Media Pvt. Ltd. >>> >>> >>> On Wed, Jan 6, 2010 at 10:59 AM, Rishi Solanki <[hidden email]>wrote: >>> >>>> To make the dropdown menu transparent go to style.css of bizznesstime >>>> theme and on line 556 change the css of #header-nav to ; >>>> background:transparent none repeat scroll 0 0; >>>> If we look at the particular applications menu in bizzness time theme it >>>> will be shown as transparent. May need to do some more fixes in css to >>>> better show it on UI. >>>> So it is possible but should not recommended as the underlying screen text >>>> overlapped on the menu links, in turn it will be a pain for user to select >>>> on the correct menu item. >>>> >>>> Rishi Solanki >>>> Enterprise Software Developer >>>> HotWax Media Pvt. Ltd. >>>> >>>> >>>> >>>> On Wed, Jan 6, 2010 at 7:53 AM, Hans Bakker < >>>> [hidden email]> wrote: >>>> >>>>> A question from one of my customers: >>>>> >>>>> the dropdown menu, is it possible to make this transparent so you can >>>>> see the underlying screen? >>>>> >>>>> Thanks in advance for your answer, >>>>> >>>>> regards, >>>>> Hans >>>>> >>>>> >>>>> -- >>>>> Antwebsystems.com: Quality OFBiz services for competitive rates >>>>> >>>>> >>>> >>> > -- > Antwebsystems.com: Quality OFBiz services for competitive rates > |
|
|
Hi Ryan,
thanks for your reply, saves me a lot of time. Regards, Hans On Wed, 2010-01-06 at 09:46 -0700, Ryan Foster wrote: > I think what your customer might be looking for (and consequently, what you are looking for) is not transparent, but semi-transparent. If you make the background completely transparent, you won't be able to see the menu and it will be completely useless. However, you could make the background color semi-transparent/opaque, allowing you to see the menu and also see what is underneath it (like a lightbox type effect). Here is a cross-browser CSS transparency solution: > > .transparent_class { > background-color:#333; > filter:alpha(opacity=50); > -moz-opacity:0.5; > -khtml-opacity: 0.5; > opacity: 0.5; > -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; > } > > This will result in a 50% gray opaque background. Hope this help Hans. > > Ryan Foster > HotWax Media > 801.671.0769 > [hidden email] > > > > > On Jan 6, 2010, at 6:17 AM, Hans Bakker wrote: > > > Thank you very much for your help, that is what i was just looking > > for... > > > > Regards, > > Hans > > > > On Wed, 2010-01-06 at 18:44 +0530, Rishi Solanki wrote: > >> Hi Hans, > >> breadcrumbs dropdown's style.css line 1080 of #main-navigation ul li ul, > >> #app-navigation ul li ul > >> make its background to transparent will solves the transparent background > >> problem. But for sure it should not be recommended. > >> > >> > >> Rishi Solanki > >> Enterprise Software Developer > >> HotWax Media Pvt. Ltd. > >> > >> > >> On Wed, Jan 6, 2010 at 11:32 AM, Rishi Solanki <[hidden email]>wrote: > >> > >>> Sorry, I see you are asking for breadcrubs dropdown, for that I'm not able > >>> to figure out how it can be achieve. > >>> > >>> > >>> Rishi Solanki > >>> Enterprise Software Developer > >>> HotWax Media Pvt. Ltd. > >>> > >>> > >>> On Wed, Jan 6, 2010 at 10:59 AM, Rishi Solanki <[hidden email]>wrote: > >>> > >>>> To make the dropdown menu transparent go to style.css of bizznesstime > >>>> theme and on line 556 change the css of #header-nav to ; > >>>> background:transparent none repeat scroll 0 0; > >>>> If we look at the particular applications menu in bizzness time theme it > >>>> will be shown as transparent. May need to do some more fixes in css to > >>>> better show it on UI. > >>>> So it is possible but should not recommended as the underlying screen text > >>>> overlapped on the menu links, in turn it will be a pain for user to select > >>>> on the correct menu item. > >>>> > >>>> Rishi Solanki > >>>> Enterprise Software Developer > >>>> HotWax Media Pvt. Ltd. > >>>> > >>>> > >>>> > >>>> On Wed, Jan 6, 2010 at 7:53 AM, Hans Bakker < > >>>> [hidden email]> wrote: > >>>> > >>>>> A question from one of my customers: > >>>>> > >>>>> the dropdown menu, is it possible to make this transparent so you can > >>>>> see the underlying screen? > >>>>> > >>>>> Thanks in advance for your answer, > >>>>> > >>>>> regards, > >>>>> Hans > >>>>> > >>>>> > >>>>> -- > >>>>> Antwebsystems.com: Quality OFBiz services for competitive rates > >>>>> > >>>>> > >>>> > >>> > > -- > > Antwebsystems.com: Quality OFBiz services for competitive rates > > > Antwebsystems.com: Quality OFBiz services for competitive rates |
«
Return to OFBiz - Dev
|
1 view|%1 views
| Free forum by Nabble | Edit this page |