Image Fill for Menu

I would like to know if there is any way to fill a menu widget (in active state) with an image instead of a colour / gradient.
This is really (like most things in Muse) far more complicated than it should be, if it does exist at all. I've tried filling the inside part where the text is, but it only shows the image in a small area and it does not look as intended.
If anyone knows how to do this, please advise. Thank you.

BobInIndy1 wrote:
Here is some clarification...
question 1) How do you get an iPhoto image to be an inspector, graphic, fill, image fill? You cannot drag and drop (from media or iphoto) and you cannot use the choose button in inspector, graphic, fill, image fill to find it in the iphoto folder (it will not let you access it). So how? By dumby photo I meant any you CAN access via choose button (cannot be in iphoto)
Please don't make up words, they don't help explain the problem.
I do not know why you are using Image fill when it appears you want to use the shape as a mask.
If you must use the image fill you can drag the image from the *Media Chooser* to the square in the Inspector and have 5 options to how that fits or scales in the Inspector.
Question 2) What is layout mode vs word processing mode? How do you switch back and forth?
When you started the document you were offered a list of templates divided into *Word Processing* and Layout. You chose one or the other. That sticks, you can't change it after.
*Word Processing mode* has a fixed main body of text set between your margins. When text overflows a page it forms a new page after. WP mode also allows T.O.C., bookmarks, footnotes, outline view, full page view, background objects, master objects, sections and some other features.
*Layout mode* is more freeform. You need to individually place images and text boxes and every page stands on its own. I consider it the poor cousin of the 2 but it does get rid of some of the clutter of WP mode.
I think Pages use of the 2 modes is a very bad design decision.
Question 3) Image fill and object placement in background are two completely different things (two different tabs in inspector). I am talking about image fill only. Image fill has no mask and you cannot drag around the image like you can in a mask.
Yes and that is why you want to chose the one that does what you want. You will only want to use image fill if you also want to have text in the same shape.
Peter

Similar Messages

  • Spry Menu Bar - Different Background Image Wanted for menu items

    Hi, I've looked everywhere for help with this and just haven't found any answers yet ...
    I want my Dreamweaver CS5.5 menu to look like this design I've done in PhotoShop ...
    It's a simple one level list with no sub-levels.
    Everything is good, except I can only set one background image for all the menu items at this level.
    I want the first, last, and all the middle, menu items to use different background images.
    I have no idea where or how to insert the code to set a different background image for each individual menu item ...
    I know I could use images set one on top another in a column with rollover image swop, but the spry menu opens the door for dynamic content so I'm keen to get it working.
    Manchester city council has a great example of this style of menu design working at - http://www.manchester.gov.uk/
    They've got funky indenting of the text as well.
    ~~~~~~
    This is the code for my menu list ...
      <div class="sidebar1">
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#">Home</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Groups</a></li>
          <li><a href="#">Events</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
             <li><a href="#">Help</a></li>
        </ul>
      </div>
    This is how I set the background image (but I can only define one image) ...
    I set the image background to "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg" through ...
    CSS Styles
    SpryMenuBarVertical.css
    ul.MenuBarVertical a
    I then select the background category
    and browse to the image file.
    doing this changes my CSS code as follows ...
    ul.MenuBarVertical li
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 170px;
        margin-top: 4px;
        margin-bottom: 4px;
        background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
    ul.MenuBarVertical ul
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: absolute;
        z-index: 1020;
        cursor: default;
        width: 170px;
        left: -1000em;
        top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 95%;
        background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
    ul.MenuBarVertical a
        display: block;
        cursor: pointer;
        padding: 0.5em 0.75em;
        color: #0000;
        text-decoration: none;
        font: normal 12px Verdana, Geneva, sans-serif;
        background: #EEE url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
    ~~~~~~
    These are the three images I want to apply to the top middle and bottom menu items :
    Top menu item background image - "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg"
    Middle menu items background image - "Menu-Nav-Bar-Pic-Mid-v1-w170px-h32px.jpg"
    Bottom menu item background image - "Menu-Nav-Bar-Pic-Bot-v1-w170px-h32px.jpg"
    ~~~~~~
    As I am unable to set the menu items individually, this is how the menu looks like on my website at the moment ...
    ~~~~~~
    So near yet so far ! I'm hapy with the verdana font, the image size and spacing, but the background images I just can't set them right.
    I'd really appreciate any help on this as I'm out of ideas.
    Thank you.

    The easiest way is to use pseudo elements.
    To style the first and last menu items ifferently to the rest, merely add :first-child and :last-child respectivly as follows
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
    <style>
    ul.MenuBarVertical li:first-child a {
        background-color: red;
        color: white;
    ul.MenuBarVertical li:last-child a {
        background-color: green;
        color: yellow;
    </style>
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a></li>
      <li><a href="#">Item 4</a></li>
      <li><a href="#">Item 5</a></li>
    </ul>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    In your case, in liue of the background colour, you would have an image.
    Gramps

  • Where does apple put the background image fills for each theme on the HD?

    Any help with answering this question would be greatly appreciated!

    Welcome to the discussions, tk_mac.
    They appear to be inside the Keynote application. At this point, I always say make a backup copy of your application before going inside the package (in case something goes wrong).
    Now, right click (or control-click) on the Keynote application, and choose "Show Package Contents". Then, double-click on
    Contents,
    Resources,
    Themes, and finally
    Shared.
    The images you find in that folder are all the ones used by all the Keynote themes (including images used for placeholders). You can copy those out of that folder into another folder so that they're easier to get to, OR you can import all of them into iPhoto (name the album "Keynote Assets") so that they're available from the media browser whenever you need them.

  • Menu Background Images - distorted for some reason...??

    Hi again,
    posted this problem a while ago, thought i had discovered a fix, but haven't had time to work on it in a few weeks. i have a high quality .tif image file 720x576 in size to use for my background image on a menu, but when it is placed in, the diagonal lines become jagged as if DVDSP was stretching the image in some way. i have tried a number of different dimensions (going by what i found in the help files) and nothing seems to work. the 720x576 .tif seems to be the closest so far...
    any ideas why this is happening? the aspect ratio is set to 16:9 anamorphic and the image is the exact size of the canvas, so i don't understand why it is distorting.
    any help much appreciated.
    thanks
    Harry

    Glad you got it sorted...
    But that actually makes no sense based on the information you gave.
    If you are creating PAL menus then you can either use the latest versions of Photoshop which use Pixel ration Compensation (or something like that) to show you in Photoshop what a 16x9 menu would look like at 1024x576 when the actual file is really 720x576. If it's a 4x3 menu it will appear as 768x576 when it's actually 720x576
    The other alternative is to create your menu at 1024x576 (as you said you had it as 16x9) then save out the menu from Photoshop as a 720x576 file and bring it into DVD-SP and flag it as 16x9 - which is what you said you had done...
    So I am intrigued how you have now fixed it... when you started with a 720x576 file

  • I used to be able to right click on an image, a pop menu would show an option for properties. Where is the properties click option?

    I used to be able to right click on an image, a pop menu would show an option for properties. Where is the properties click option?
    Why did they change the pop-up menu? How can I revert Firefox to previous version?
    == version update

    To get that right-click menu item back use the extension at https://addons.mozilla.org/en-US/firefox/addon/14228/

  • Image file used for "Image Fill"

    Hi,
    In the "Road Trip" iWeb template there is a wood background.
    I want to create a square shape and use "image fill" to make
    it look like wood. Where do I find the image they are using
    for this fill?
    , Jonathan
    Power mac G5   Mac OS X (10.4.6)  

    Control-Click on the IWeb application to Show Package Contents. Then go to Contents/Resources/Shared. In that folder, again Control-Click and Show Package Contents for any of the Road Trip webtemplate packages. That's where you'll find background.jpg.
    [ Visit here for iWeb Tips, Tricks and Hacks ]

  • What's the best method for a nav menu with image rollover for all visitors?

    Hi.
    First, thanks for reading this.
    What's the best method for a nav menu with image rollovers for all visitors, including PDAs? I've used JavaScript rollovers for years because the majority of my customers' visitors use some version of IE (past 7.0) but I'm building a new site that has to display properly for the widest range of visitors imaginable. (I also know that I need to use a more modern method for everyone and this is my excuse to start).
    Finally, using images is critical. I apologize ahead of time to anyone I offend, but I have never seen a nav menu without images that doesn't look just plain terrible.
    Thanks.
    Fitz21

    If you want the best menus possible for Dreamweaver look no further than Project Seven:
    http://projectseven.com/
    They have all kinds of menus and other extensions available for purchase.  Easy to use and they work as advertised.  I personally use Pop Menu Magic and Tab Panel magic myself.  I could go on and on, but I guarantee that if others respond they will echo the same sentiment for Project Seven.

  • Excellent tutorials for anyone using iWork.  Colors and Image Fills!

    Have a look at the 12 part series I posted on YouTube, all about the iWork Colors inspector and the Graphic Inspector's Image Fills option.
    http://www.youtube.com/watch?v=ERC_9eiX-Ek&feature=channel
    I hope you find these useful!
    Pete

    I'm a big partisan of Sg (yea, like ... no cr*p ) and it's one of my favorite programs not just to work in (yes, I do this for professional purposes) but to play in just because ... it's dang fun. Unfortunately it's not a big enough part of my business that I can spend all day in it but oh well. That said ... you have an interesting workflow. Intriguing.
    And combining DNG files, tiffs, and a ton of key-framing I'm wondering if Sg really is your best bet, or if AfterEffects might not serve better. I think it has better ability in some of the formats and it's key-framing tracking is vastly better than Sg's is currently. You might post this also over in the Ae forum and see what gets suggested there.
    Neil

  • Copy or extract an image from image fill

    It's pretty frustrating that Numbers puts images into Image Fill, so you can't easily copy/paste an image in a cell.
    But it's extra frustrating that I can't seem to find a way to copy or otherwise extract an image that is an image fill in a cell.
    That means that the only way to extract the image to use in something else is to expand it as big as possible and then do a screen capture (command-shift-control-4) of that image. A total inefficient hack, sadly.
    Suggestions are very welcome.
    Note: comments like "Numbers isn't a database" and "an image is not a formula" are not only unhelpful, but don't actually answer the questions. We're required to use it.

    Start Numbers.
    Open the worksheet with the image fill.
    Select the (Numbers) cell with the image you want to copy.
    Open Inspector from the Numbers toolbar.
    Click on either Table Inspector tab or the Fill Inspector tab. For this specific task, there is no difference.
    Click on the thumbnail image displayed. The outline should turn blue.
    Command key + C (or from the menubar, Edit, Copy) to copy the image to the clipboard.
    Now open Preview. If Preview is not already open, clicking on any image listed in Finder (.jpg, .png) will open it.
    Now in the Preview menubar, select File, New from Clipboard.
    When you click Save, you can save the image in your choice of graphic formats from the dropdown menu.
    Message was edited by: kostby

  • I am looking at online tutorials about parallax scrolling websites but I have a fully updated version via Adobe Cloud. I'm on Windows 8.1 but my Muse doesn't have the 'fill/scroll' menu. Why? Is it only a Mac option?

    I want to create and offer a scrolling website for a restaurant client but I am confused by online tutorials that show a drop down menu with either fill or scroll.  I have checked for updates but I am fully up to date.  Does anyone know why I cannot access this scrolling menu please?

    Hi Vivek,
    Thank you for your kind advice which I greatly appreciate.  However, I think I have solved most of my problems by signing up with Train Simple on a $9 per month technical learning course.  Within a few minutes I was able to locate the fill - scroll menu by simply clicking on the actual text of fill - which for some reason I didn't know about!.  I stayed with the Muse fundamental course all day today and covered everything to do in Muse in great detail.  I am now looking forward to the single page website learning experience with scrolling!

  • I would like to be able to size images by kilobytes instead of pixels--is this possible?  I use I-Contact which requires a maximum of 70kb per image.  For best quality I want to make the images as close to 70 as possible.  Currently I choose a size of 300

    I would like to be able to size images by kilobytes instead of pixels--is this possible?  I use I-Contact which requires a maximum of 70kb per image.  For best quality I want to make the images as close to 70 as possible.  Currently I choose a size of 300 pixels on the shortest side but sometimes this gives me an image of slightly greater than 70kb and sometimes the image is just 30-40kb.  Is there a way to be more precise in reaching but not exceeding 70 kb?

    That is not a feature of iPhoto - suggest to Apple - iPhoto Menu ==> provide iPhoto feedback.
    You can opnly resize using the available options and file size is not one of them
    LN

  • Problems with Image Capture for Epson Scanner

    When using image capture for my Epson scanner, at the Image Correction, when I select Manual I get no menu options.

    There is no Epson scanner utility for Mountain Lion, it appears. Even Epson's FAQ defers to Image Capture and says it only provides software for image modification.
    http://www.epson.com/cgi-bin/Store/support/supDetail.jsp?BV_UseBVCookie=yes&info Type=FAQ&oid=207953&foid=214278&cat=214269&subcat=214264
    Unfortunately Image Capture completely fails to provide the service it should be expected to. The 3rd party software VueScan seems like it would be adequate once I learned how to manipulate it a little more, but ultimately the only decision I can justify is to hook up the scanner to my Windows PC and use the TWAIN-based scan utility there.
    If there's anywhere I can make an official plea to Apple to get Image Capture in a workable state, feel free to point the way.

  • Full browser window placeholder that acts like background image fill?

    I want to be able to set full browser window placeholder that acts like the background image fill function, but be able to then build in a multi-anchored horizontal parallax.  The effect is like we have a background image fill, but can slide horizontally between pages as if they are in a slide show.  Simultaneously, content inside the placeholder such as longer paragraphs of text can scroll down - on top of the image layer, but inside the borders of the image placeholder.  For a clear example of this, see this website: http://argonautinc.com/
    I've read and searched but to no avail.  I'm only about one week into Muse, so please forgive me if this is  super simple!   Thanks, Nico

    Hi Nico_Cineaste,
    You can achieve the design by using Fullscreen Slideshow in MUSE as object.
    Open any page in MUSE , click on the "Object" >> Slideshow >> Fullscreen.
    Click on your blank web page.
    This will give you a full screen slideshow.
    You can now design as per your requirement.
    Thanks
    Prabhakar Kumar

  • Scroll motion on image fill resets itself...

    When I set the scroll motion for a rectangle with an image fill, it resets the vertical final motion to 1 after I set it to 0.

    Hi penserv,
    Please check if it is with one file or with all the files.
    If the issue is occurring on all the files, then please contact support as we are not able to recreate this issue on our end :
    http://helpx.adobe.com/contact.html
    Regards,
    Akshay

  • When images appear for a search in safari, you must continually scroll by finger to keep the images loading. Is this a bug?

    When images appear for a search in safari, you must continually scroll by finger to keep the images loading. Is this a bug?

    Tried that but no change. Details - open up safari and go to yahoo - for the main search at the top, I put in Bears. It shows pages of thumbnail pics. tapping once on a thumbnail gets you that image and then tap again to get added info. At that point, it fills the screen. But in  order to see more info I have to drag a finger upward to reveal more of the details. I then have to continually do that in order to reveal more details for the searched item. It then pops up to the top each time and repeating that process many times in order to see more of the image data. Don't know how to fix this.
    Thanks

Maybe you are looking for