Background graphic instead of color supported in menu  widgets?

Hi, I am trying out spry in DM3, pretty cool so far, but as
far as design goes, it seems limited. for example, can u somehow
make the menu tabs graphical? I see you can change color, but how
do you instead use a gif/jpg? And can the a tab be transparent?
thanks!
BS

Hi There,
In my knowledge, there are two ways to do that.
1) Create a skin for your application(I guess this option is only for advanced users) and choose the background colour there
2) A trick which I found is take a border container and use a background image for this border container.
e.g.:-
<s:BorderContainer
  width="100%" height="100%" x="0" y="2" backgroundImage="@Embed(source='assets/images/nameofimage.jpg')">
//other components
</s:BorderContainer>
Hope, it helped>>>>

Similar Messages

  • Background image instead of color

    Hi, I have a Flex 4 application with this code:
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                   xmlns:s="library://ns.adobe.com/flex/spark"
                   xmlns:mx="library://ns.adobe.com/flex/mx"               
                   backgroundColor="#000000"
                   applicationComplete="appComp()"
                   width="1600" height="900"
    public function appComp():void{
        stage.scaleMode = StageScaleMode.SHOW_ALL;
        stage.align = StageAlign.TOP;
        //stage.align = StageAlign.LEFT;
    NOTE: In the index.template.html I have change all width and heights from the default "${width}" and "${height}" to "100%"
    The documentation says of SHOW_ALL : "Borders can appear on two sides of the application."
    I can change the color of these borders with backgroundColor in Application tag, but....   How can I put an image (or swf) instead of these Borders?
    THANKS.
    Raúl.

    Hi There,
    In my knowledge, there are two ways to do that.
    1) Create a skin for your application(I guess this option is only for advanced users) and choose the background colour there
    2) A trick which I found is take a border container and use a background image for this border container.
    e.g.:-
    <s:BorderContainer
      width="100%" height="100%" x="0" y="2" backgroundImage="@Embed(source='assets/images/nameofimage.jpg')">
    //other components
    </s:BorderContainer>
    Hope, it helped>>>>

  • Background image instead of color for each sliding panel

    I'm working with sliding panels and trying to add some style to the page.  I have figured out how to put a different background color on each slide and even how to put a background image on the whole thing, but  I cannot figure out how to use multiple images (one for each pannel). When I put the images in place of the colors it works fine in the Dreamweaver screen but totally disapears in a web browser.  Here is the url:    http://www.centerofdiscovery.com/the_center_of_discovery_home_page.html
    any help would be great!

    Regarding getting the tabs to sit on top of the content panel, speaking generally here, make the containing div for both the tabs and the content panel to have a margin: 0 auto; setting.This is for horizontal alignment.
    The blue rectangle can be belayed by setting border: none; on the specific rule that applies to the "a" links within that container. It is an indication that there is a link there.
    Please rename the images that have word-spaces in their file names. Some browsers react badly to word-spaces.
    I see that you have
    <p>
      </p><div class="slidingpanelandtab">
        <blockquote>
          <p><a onclick="sp1.showPanel(0); return false;" href="#"><img width="144" height="70" class="oneColFixCtrHdr" src="Images/panneltab.jpg"/></a><a onclick="sp1.showPanel(1); return false;" href="#"><img width="144" height="70" src="Images/panneltabb.jpg"/></a><a onclick="sp1.showPanel(2); return false;" href="#"><img width="144" height="70" src="Images/panneltaba.jpg"/></a><a onclick="sp1.showPanel(3); return false;" href="#"><img width="144" height="70" src="Images/panneltabc.jpg"/></a></p>
        </blockquote>
    Which sets off your "slidingpanelandtab" class div with an empty paragraph space <p></p> and then sets off the next section not only with <p></p> paragraph spacing but also with a <blockquote></blockquote>, which will by all rights indent that element.
    I suggest that you get rid of the spurious paragraph tags and the blockquote; that should tighten up your spacing.
    Beth

  • How can I change the background color of a menu ring?

    Hi
    Does anybody know how to change the background color of a menu ring??? (not the backround color of the first item, the background color of the list (remains always gray))
    thanks martin

    Try Preferences>>Colors>>Menu Background, but this will change ALL menu's background color.
    Hope this helps

  • [DW] el background se cambió a color blanco

    Hace algunos años hicimos el diseño y
    programación de un pequeño sitio web
    en Dreamweaver MX el mismo funciona bien.
    Sin embargo el inconveniente que ahora tenemos es que al
    modificarlo en
    Dreamweaver CS3 el background se cambió de azul a
    blanco, esto cuando se
    visuliza en en navegador (IE6).
    </head>
    <body bgcolor="#006699" text="#000000" marginwidth="0"
    marginheight="0"
    topmargin="0" leftmargin="0"
    onLoad="MM_preloadImages('graficos/menu_home_over.gif','graficos/menu_servicios_over.gif', 'graficos/menu_equipo_over.gif','graficos/menu_contactenos_over.gif',
    'graficos/imagenes_rollover/grua50t_over.jpg','graficos/imagenes_rollover/grua50t_big.jpg' ,'graficos/imagenes_rollover/techo_over.jpg',
    'graficos/imagenes_rollover/techo_big.jpg','graficos/imagenes_rollover/tanque_over.jpg','g raficos/imagenes_rollover/tanque_big.jpg',
    'graficos/imagenes_rollover/complejo_over.jpg','graficos/imagenes_rollover/complejo_big.jp g','graficos/imagenes_rollover/trabe_over.jpg',
    'graficos/imagenes_rollover/trabe_big.jpg','graficos/imagenes_rollover/salchicha_over.jpg' ,'graficos/imagenes_rollover/salchicha_big.jpg',
    'graficos/imagenes_rollover/plumas_over.jpg','graficos/imagenes_rollover/plumas_big.jpg',' graficos/imagenes_rollover/dos_gruas_over.jpg',
    'graficos/imagenes_rollover/dos_gruas_big.jpg','graficos/imagenes_rollover/300_over.jpg',' graficos/imagenes_rollover/300_big.jpg',
    'graficos/imagenes_rollover/salchicha2_over.jpg','graficos/imagenes_rollover/salchicha2_bi g.jpg','graficos/imagenes_rollover/armadura_over.jpg',
    'graficos/imagenes_rollover/armadura_big.jpg','graficos/imagenes_rollover/cuatro_ejes_over .jpg','graficos/imagenes_rollover/cuatro_ejes_big.jpg')"
    link="#FFFFFF" vlink="#CCCCCC">
    <table width="780" border="0" cellspacing="0"
    cellpadding="0" height="352">
    <tr>
    En Modify / Page properties / Background / está con el
    color correcto:
    #006699
    Que creen que pudiera estar pasando?

    Acrobat Reader 8  o Acrobat Professional 8.0 ?
    Si es el Reader, prueba a desinstalarlo e instala el actual.
    En el caso de Acrobat Pro 8, actualiza el programa desde el Menu>Ayuda>Comprobar actualizaciones.
    Qué versión exacta es del 8, 8.0, 8.1.4,.....?
    Mira en esta página las actualizaciones que puedes descargar:
    http://www.adobe.com/support/downloads/product.jsp?product=1&platform=Windows

  • How to edit graphic in muse menu widget

    I want to change the muse menu widget from the grey rectangle to a custom graphic. I have tried making the button see through by removing  the ill color and pasting the graphic into the background. This only affects the first button.
    Is there a way to affect this change to each automatically generated navigational button?

    You need a tick in edit all together and then look at the states panel… odds are you have a different format for one of the states.
    Example of a normal manu bar = Map | Tafe nsw
    Example of a manu bar with image background = http://chec-garry3.businesscatalyst.com/Muse_testing.html
    You can then adjust the states to fit your design… best to have at least some difference between them so people know what to press but that’s up to you.

  • Using a background image for the buttons in spry menu

    Hi All,
    Going nuts here.
    I'm using the vertical spry menu widget w DW CS3 and trying
    to alter the css style sheet, so that I can use a li class for each
    of the 14 links on this page, with an upstate and a hover state
    only. (the focus, and hover while down will be the same as the
    others, to keep it simple and not too distracting)
    The page is here that I will be replacing the entire
    background image in sidebar1 and sidebar2 with a custom spry menu
    with the 14 li classes for 2 seperate menus:
    http://audibleimagesav.com/blank_doc.html
    Has anyone used a background image in place of just using
    bkgrd colors and borders for the spry menu ?
    I am aware of the attributes that the help docs suggest that
    need to be altered as listed here :
    http://livedocs.adobe.com/en_US/Spry/1.4/help.html?content=WS0BB04E11-1BE3-4a67-BC94-BE7DA 93A0159.html
    I have been working on just an experimental page, that is now
    hacked up, however if you want to see that it is here with only the
    first list item coded:
    http://audibleimagesav.com/site%20theme%20ideas/sprymenu_exp.html
    The spry css menu widget for that page is here:
    http://audibleimagesav.com/SpryAssets/SpryMenuBarVertical.css
    So in short, has anyone done a bkgrd image for the main menu
    (not submenu) in a spry widget?
    Thanks in advance.
    Art
    Art Hansen
    Web Design & Marketing
    http://www.innova-techsolutions.com
    321.750.3852 - Cocoa Beach, Florida, USA

    http://meyerweb.com/eric/css/edge/popups/demo2.html
    Maybe

  • My background graphic dissapears after linking in IE 7!

    Just gotta love that IE! NOT! Sorry, just a little venting
    there. For some reason my background graphic disappears from my
    navigation list items after that page has been visited. This is
    only happening in IE. I am using IE 7. Could be happening in other
    versions of IE as well.

    We would need to see your page and its code. Can you post a
    link, please?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "earthenvessel67" <[email protected]> wrote
    in message
    news:f87i9h$slv$[email protected]..
    > Just gotta love that IE! NOT! Sorry, just a little
    venting there. For some
    > reason my background graphic disappears from my
    navigation list items
    > after
    > that page has been visited. This is only happening in
    IE. I am using IE 7.
    > Could be happening in other versions of IE as well.
    >

  • The colour picker is selecting the background colour instead of the foreground colour.

    You know how when you're painting, you can hold ALT and it will pick a colour from the canvas? Well, for some reason, mine still picks up the colour but it sets it to the background colour instead of the foreground colour. And when I actually select the colour picker tool, it will only select the background colour but when I hold Alt, it selects the foreground colour. Basically it's flipped where it's supposed to select. Do you know how to flip it back? It's driving me mad. Thanks.

    In the Color Palette (Window>Color) click on the foreground swatch. A "focus ring" will appear around it.

  • Background graphic question?

    Hello, I'm very new to using Dreamwaeaver and I'd like to create a background graphic that has text across it so that it is basically in the background at all times on my main web page. I've been looking at inserting the image file and playing with the transparecy feature in the properties of the file but I don't yet understand what I need to do to create this image file for the overall background of the page. Any help is greatly appreciated. Thanks!

    Using CSS code either in your external stylesheet (preferred) or between the <style> and </style> tags in your HTML document, you can repeat or tile the image across your page like so.
    body {
         background: url(some-bg-image.jpg) repeat;
    Or if you don't want the image to repeat, you can center the background image and add color to fill in the empty areas around it like this:
    body {
         background: #FFF url(some-bg-image.jpg) no-repeat center center;
    More on Background Images:
    http://alt-web.com/Backgrounds.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • [SOLVED] Sup email client 256 colors support

    I've installed sup email client (https://aur.archlinux.org/packages/sup-git) and wombat theme (https://github.com/mklinik/sup-colorscheme-wombat) for it. But everything become red-colored in the background and white-colored for text (I'm using rxvt-unicode and it has 256-color support so things should work find). I tried to google but found nothing.
    I though there is issue with support 256 colors in ncurses so I rebuild this package with necessary flags from pkgbuild: https://projects.archlinux.org/svntogit … es/ncurses and installed it. But due to version differences gem file didn't build after it with message "error while loading shared libraries: libncursesw.so.5: cannot open shared object file: No such file or directory" (and also really much stuff broke so I hardly restored original ncurses).
    Somebody know the way to use sup with 256 colors in terminal?
    Last edited by Shagabutdinov (2014-04-28 07:00:40)

    jasonwryan wrote:The correct way is to use terminfo: setting the variable in Xresources or anywhere else is an ugly hack that will likely cause other problems down the track...
    Not causing problems down the track is the exact reason given for why you should use Xresources to set TERM. The consensus seems to be that the terminal emulator should be the one to set it and using Xresources is one way to do that.
    However TERM is set - Xresources, arguments, .bashrc - all that matters is that the capabilities defined in the terminfo file match the actual capabilities of the terminal emulator. Having the terminal emulator do it at least gives it the chance to match capabilities. It also prevents TERM from getting set to the wrong value for other terminal emulators or virtual consoles.
    (Also, one does not "use terminfo" to set TERM. Terminfo uses TERM to tell terminal apps the capabilities of whatever they're outputting to.)

  • Gnome Login background graphic

    Does anyone know how to change the Gnome login window properties...like the background and login in window colors? I found a way to change the background graphic by copying the background I want over the previous original one....there has to be a better way.
    P.S. I googled around and couldn't find anything that worked, that's why I resorted to the above method.

    JackH79 wrote:
    Try this:
    http://wiki.archlinux.org/index.php/Gno … g_gdm_2.28
    Been there done that..

  • Installed graphics card does not support the opengl features recommended

    I've installed FCP6 on my PowerMac (PPC G4 DP 1.25GHz), and when I run it, I get a warning ("...installed graphics card does not support the opengl features recommended...") and the program ends. The graphics card is the ATI Radeon 9000 Pro (64MB)
    I'm looking for a definitive answer regarding my hardware compatibility with FCS2 (specifically, FCP6). I'm NOT looking for an answer along the lines of: your system is too old to run this.
    I've checked the minimum system requirements from the apple website (http://www.apple.com/finalcutstudio/specs/
    and http://www.apple.com/finalcutstudio/download/):
    * A Macintosh computer with a 1.25GHz or faster PowerPC G4, PowerPC G5, Intel Core Duo, or Intel Xeon processor
    * 1GB of RAM
    * An AGP or PCI Express Quartz Extreme graphics card (Final Cut Studio is not compatible with integrated Intel graphics processors)
    * A display with 1024-by-768 resolution or higher
    * Mac OS X v10.4.11 or later
    * QuickTime 7.3 or later
    * DVD drive for installation
    I have all that stuff. What I'd like is to know which component of my system is FCP6 complaining about (vis-a-vis the error message above), alternatively, if someone has had success with a similar configuration, I'd like to know anything they think might help.
    Thanks in advance for any helpful advice you may have.

    The minimum would probably be an nVidia Fx5200 or an ATI 9600...
    Patrick

  • How do I change the terrible background graphic behind the toolbars?

    Having a dark, visually annoying and distracting background graphic at the top of the browser window is difficult for me to understand. I have used Firefox since the beginning, but have used it only occasionally since the dark background graphic made its appearance. The browser functionality is great, but I need a plain, neutral or simple background graphic at the top, to not visually compete with what I am looking at in the browser. ''How can I change this? ''

    Sounds that you installed a Persona.
    You can uninstall your current Persona and revert to the Default theme (Tools > Add-ons > Themes).
    See:
    * [[Personas]]
    * [[Using themes with Firefox]]

  • Image with transparent background changes surrounding fill color when PMS...

    Hello.
    I have a .PSD image I'm using in InDesign CS3. It's a greyscale image with a transparent background. When I bring it into InDesign and set the background color of the image box to a Pantone and then print it, the PMS color within the area of the .PSD image size changes color compared to the rest of the page. But, when the same document is printed, but with "All Spot to Process" via the Ink Manager, the page prints fine. I get the same results on a number of different Canon and Xerox proofing printers. I have uploaded a PDF to my web server showing an example of the results I'm getting the PDF can be found here:
    http://theboyk.net/temp/PMSvsCMYK.pdf
    The first page is the document printed normally. You can see the color change in the green (Pantone Green). The second page is the same document printed with "All Spot to Process" via Ink Manager.
    Does anyone know why this happens when I leave it as printing a spot color?
    Any advice would be appreciated!
    Thanks,
    Kristin.

    I totally forgot to put that in my post.  Yes, I am putting logos with transparent backgrounds in front of colored rectangles.  That's how I noticed that this one logo is showing up with a white background.  The weird thing is that the other two logos are fine.  I did find a different version of this logo and this one works fine.  The one that works fine is a JPG and the one that shows up with a white background is a JPG.

Maybe you are looking for

  • How to connect Encore WT8-B-102 to the TV

    hi, I have toshiba encore wt8 b 102. I dont have micro hdmi, only micro usb. How can I connect my tablet to tv (no wifi) ? Message was edited by: kropek

  • Lumia 720: Power and camera button act weird

    Hi, My Nokia Lumia 720 is acting weird. The camera button doesn't work and so does the power button. However if I press the volume down and the power button simultaneously the button does work. Does anyone know how to fix this? I've already brought t

  • Dynamic Actions: background execution

    Hi here below the Dynamic Action that I have customized: 0000                   04     310     P     T001P-MOLGA='15' 0000                   04     315     P     PSPAR-MASSN='Z1'/X 0000                   04     316     P     PSPAR-MASSN='Z2'/X 0000  

  • Need some quick help with jbutton

    Hi, My first post so please be gentle! I currently have two buttons in my container. The first one when pressed calls another function that generates a set of coordinates (button = generate). I now have another button that wants to take those coordin

  • Mac App Store re-installation

    I did system restore for OSX 10.9.5 using Time Machine. Unfortunately, I did not back up the application, which end up no application was installed after restoration including the MAC App Store. I try to get it installed online, however, I cannot vie