cropping for background image

Hello

Given that I can't do my canvas have a color gradient in the FW CS3, I'm doing it with 2 layers. I have a long rectangle with a gray gradient in the layer 1. In layer 2, I have a small rounded rectangle of purple. I'm trying to cut in the same shape that the layer 2 layer 1 which is at the back of layer 2 except that the rounded edges to be squared so that when I put in my homepage the banner you won't be able to see the layer 1 because I associate with my bg homepage. So I guess I am trying to get the layer 1 is smaller, but each time I cultures, it loses its gradient.

Thank you

Thanks Lorraine for all your help.

I think what I'm going to just do is make a div and make a banner of size as a bg image, it will be easier.

Ed

Tags: Fireworks

Similar Questions

  • Opacity CSS for background images.

    Hey all,.

    I tried to make my image background on a little transparent Dreamweaver using the opacity function, just as I would just by doing the same thing to an image. Is there a reason why it works for a standard image and not a background image? Here is my code anyway incase I'm just wrong.

    {body

    background-image: url (.. / Images/Img2.jpg);

    background-repeat: repeat no.;

    background-size: cover;

    opacity: 0.6;

    filter: alpha (opacity = 60)

    }

    Thank you in advance.

    You can try:

    {body

    }

    {Body::after}

    content: "";

    Background: url (.. / Images/Img2.jpg);

    background-size: cover;

    background-position: Center;

    opacity: 0.6;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    z-index:-1;

    }

  • Safer CSS for background image rotation code?

    I currently used 4 images different legends corner rounded, and it occurred to me that I could just be one and turn it, if such a thing is possible.

    Is it?

    The images are in fact the origins of table cell, then it should be for a rotation of background, and she must be compatible will be all major browsers.

    If such a thing is possible.

    This would require working with CSS transform property and which, like the native property corner rounded CSS3, which however still does not work in all browsers, it is not safe. Of course, we could also be able to use jQuery, and others, but why complicate the source code? Stick with your images.

    Mylenium

  • Desktop become black after selecting a picture for background image

    original title: photo of the desk top

    After selecting a photo as a counter top he disappears after a short interval and replaced by solid black colored background. what procedure to follow to keep the photo

    Wallpaper,

    http://support.Microsoft.com/kb/2504610

    See also this,

    http://answers.Microsoft.com/en-us/Windows/Forum/Windows_7-desktop/Windows-7-Aero-disabled-how-can-i-enable-it-again/aa760f0f-EEC1-4a36-B212-c96130038d5c

    Enable Office Manager,

    http://answers.Microsoft.com/en-us/Windows/Forum/Windows_7-desktop/Aero-Troubleshooter-says-desktop-window-manager/82f1eb92-D371-407C-8118-bee158c3ccae

  • Background image in IE6 display problem

    I have another problem with my CSS. It includes background images don't display correctly in IE6. My navigation bar is an unordered list, and I use a technique of image replacement to replace the text for background images that serve as buttons. The height of each button is 12 pixels, and turnover is created by shifting the pixels of the image-12 to reveal the bottom of half of the image. So far so good. The images appear in all browsers but IE6 displays more than 12 pixels of the image, revealing part of the bearing underneath.

    Here is the page in question: http://www.colbydesign.com/redesign/index.html

    Here is a page of BrowserLab of the appearance of the page in IE6: http://www.colbydesign.com/redesign/images/ie6_screenshot.jpg

    The < ul > height and the height of the image are set to 12 pixels. I can't understand why IE6 has a problem with the CSS. Maybe there is a hack in IE6 that I can use? Any help would be appreciated.

    Thank you

    R Co

    I didn't have the chance to work through the problem set, but I think that the font size of your text in menu "off-screen" pushes down on the size of your ul and your li, as I see the contours 'spill over' into this div. specific

    Try those giving the #header h1 elements, specifically, set a smaller font size.

    Otherwise, try to apply a "overflow: hidden;" to the definition of hover.

    Beth

  • background images appear evil in the browser

    OK, his mercy, it's my first DW website. www.Bourne.GB.com/TestArea

    I put the two div in the container, one above the other downstairs, with a background image repeated on the Center to give a single image extensible backround page. "It appears correctly in DW, using live view and local files, but when I go to the page, the background image appears corrupt and won a comment alt, probably from the browser that says - 'image' http://www.bourne.gb.com/testarea/images/containermid.gif ' cannot be displayed, because it contains errors. »

    I tried with different image formats, jpg and gif and I checked the file on the host server and the image is fine as long as it is not part of a page. My guess is that I screwed up something in the div or the css somehow. But I just spent a few hours looking for clues and came up empty.

    If it is an old problem, my apologies for not finding a previous answers, if it is a new, then at least I was original!

    OK, I cracked, but maybe not in a good way.

    I had avoided using png for background images files because I heard that IE has problems with links that overlap png backgrounds, effectively breaking navigation. Unfortunately I can't test this reliably until my pc friends give it a try. But change the png format solves all problems display on my browser.

    If someone can advise on the wickedness of this method?

    Oh, and no one knows why opera has a display problem with shadows in swf animations. A soft shadow with an alpha of about 60% poster fine while he drives, but as soon as you get to the stop command, it turns solid and opaque.

  • How can I use a JPEG file as a background image for my vi to 8.5

    Im working on a vi that I intend to help as part of an alarm system.  I would use a JPEG file of my house as a background image for the vi, or possibly to just display in a window on the control panel.  I've seen people use their own images before, but never looked at what it was.

    Im trying to use the 'read JPEG' file vi and the flattened pixmap 'draw' vi to achieve this.  The vi works, but nothing shows up on the front panel.  If I try to create a "new image" flag out of the flattened pixmap 'draw' vi, I get a blank white window on the front panel.

    Any advice?

    Thank you

    The image could be there just not to come to the right place in the image control. What is the control relative to the image? Must be a JPEG file or can you just copy as a bitmap to the Clipboard and paste it on the front panel? Can you put a photo and the unworking VI?

  • Cascades: How to set the background image for the menu drop down and etc...

    Hello

    Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

    Thank you

    Tom.

    Welcome to the forums!

    This is currently not supported unfortunately.

    I encourage you to save a feature for this request:

    https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

    See you soon!

    Martin

  • With regard to setting background image for all blackberry screens

    Hello friends,

    I'm new to blackberry... Now I do same app for all blackberry devices...  I put a screen background image which has a size 360 * 480 pixels... But when I run this application in different simulators (i.e.) such as the 9000 and 9550 simulators it hold properly 9550 but doesn't fit in 9000...  Can u send me coding to avoid this problem.

    Thank you

    Lachkar

    You must manipulate programmatically.

    In my view, use different images according to the dimensions of the scren.

    Check the size of the screen of the device, and then set your BG image according to this.

  • Background images for differnet resolutions

    Hello

    Is there a way to define a single resource (background image) via styles or any other approach that will have definition for all taken screen resolutions supported (BB10 has 3 resolutions defined with portrait/landscape modes = 5 bitmaps)?

    So, I can use this asset without success all the stuff in a code trying to find what the resolution is now and where - and then only - get a correct picture of the assets.

    There are a lot of messages in this forum, but none seems to describe exactly the same problem.

    Thank you

    If you talk to a background image for the application, you have to manage yourself. If you are talking about the splash screen, then you would list each boot image in the XML file.

    You can resize the image to fit the scene, then you might have a rectangular and square and then resized image depending on the scene according to the needs. If you don't want to resize, then you need an image for each resolution device and a naming convention, you could load dynamically depending on the size of the stage (bg_720_720.jpg, etc.).

    CSS may be able to help, since you can load different CSS at startup, but this would require still allows you to define a CSS for each change that you want to support. CSS will be more important when BB10 is available on the PlayBook, since the density of the screen is very different.

    Does that help?

  • set a background image for a text box or label?

    Hey gang,

    I would like to put a background image for a text box or label.

    is there a way to do this?

    also if I put the bottom level of the container root and do the rest orders slightly transparent (opacity: 0.8 or something), the background appear through?

    Thank you

    J

    for your text box, define backgroundVisible: false & and/or upgrade the opacity to the low enough that you can see through it and place your background image behind the text box. (I belive opacity changes will affect the text as well).

    for labels, I used the method of the container as you described.

  • Background image for the Drawing Application

    Hi all

    I'm trying to understand the following: how to add a background image to my drawing application. I have a drawing application that is based on the example of gesture application.

    What is done currently is:

    case GESTURE_SWIPE: {
                gesture_swipe_t* tap = (gesture_swipe_t*)gesture;
    
                int bg[] = { SCREEN_BLIT_DESTINATION_X, swipe->coords.x,
                SCREEN_BLIT_DESTINATION_Y, swipe->coords.y,
                SCREEN_BLIT_DESTINATION_WIDTH, 10,
                SCREEN_BLIT_DESTINATION_HEIGHT, 10,    SCREEN_BLIT_COLOR, 0xffffff00, SCREEN_BLIT_END };
                screen_fill(screen_ctx, screen_buf[0], bg);
                screen_post_window(screen_win, screen_buf[0], 1, rect, 0);
    
                fprintf(stderr,"Tap x:%d y:%d",swipe->coords.x,swipe->coords.y);
                break;
            }
    

    Whenever a movement is recognized, I simply 'draw' a box in this area. Given that the gesture is wide, many boxes are then created after another, therefore, create a line.

    My question is, since I am that based on the example of application of gesture, where only one screen is used (I intend to leave it as a screen), why my "design" does not appear on the background image already in place?

    The sample application gesture used this function to load the image:

    int
    load_image(screen_window_t screen_win, const char *path)
    {
        img_decode_callouts_t callouts;
        img_lib_t ilib = NULL;
        img_t img;
        int rc;
    
        rc = img_lib_attach(&ilib);
        if (rc != IMG_ERR_OK) {
            return -1;
        }
    
        memset(&img, 0, sizeof(img));
        img.flags |= IMG_FORMAT;
        img.format = IMG_FMT_PKLE_XRGB8888;
    
        memset(&callouts, 0, sizeof(callouts));
        callouts.setup_f = decode_setup;
        callouts.abort_f = decode_abort;
        callouts.data = (uintptr_t)screen_win;
    
        rc = img_load_file(ilib, path, &callouts, &img);
        img_lib_detach(ilib);
    
        return rc == IMG_ERR_OK ? 0 : -1;
    }
    

    Where decode_setup and decode_abort are:

    static int decode_setup(uintptr_t data, img_t *img, unsigned flags)
    {
        screen_window_t screen_win = (screen_window_t)data;
        screen_buffer_t screen_buf;
        int size[2];
    
        size[0] = img->w;
        size[1] = img->h;
        screen_set_window_property_iv(screen_win, SCREEN_PROPERTY_BUFFER_SIZE, size);
        screen_create_window_buffers(screen_win, 1);
    
        screen_get_window_property_pv(screen_win, SCREEN_PROPERTY_RENDER_BUFFERS, (void **)&screen_buf);
        screen_get_buffer_property_pv(screen_buf, SCREEN_PROPERTY_POINTER, (void **)&img->access.direct.data);
        screen_get_buffer_property_iv(screen_buf, SCREEN_PROPERTY_STRIDE, (int *)&img->access.direct.stride);
    
        img->flags |= IMG_DIRECT;
        return IMG_ERR_OK;
    }
    
    static void decode_abort(uintptr_t data, img_t *img)
    {
        screen_window_t screen_win = (screen_window_t)data;
        screen_destroy_window_buffers(screen_win);
    }
    

    To the help of my function above (from case Gesture_Swipe), should not "boxes appear on the background image because it replaces the buffer by the loading of the image? What I see is the location of the image and the x and y as messages form the debugging process.

    Previously, that used to work, is another loading image, I would create a fill of WHITE screen by hand (like a whiteboard for example). It's used to work. However, with fiasca image I don't see anything. Can someone help me with what I do?

    Thank you

    A27med

    Apparently, all I did was fill the screen with a WHITE background and then load the image in the main. This solved the problem for me

  • Background image for the ObjectListField

    Hey all:

    I am trying to use a background image on a custom ObjectListField. The image is for each line, and in the method of substitution of drawListRow, I had graphics.drawBitmap (...). However, only the first line in the area is drawn, and him still ignored the code. So I was wondering if there is a way to make the background of the line drawn for each line. Why graphics.drawBitmap in drawListRow affects only the first line?

    Any help is appreciated, thanks in advance!

    Looking at the signature of drawListRow:

    drawListRow (ListField listField, graphics card graphics, int index, int y, int width)

    I suspect that you do not use this setting are in your call drawBitmap.  If you use this call:

    drawBitmap(int x, int y, int width, int height, Bitmap bitmap, int left, int top)

    Make sure you spend the fourth parameter (is) of drawListRow as the second parameter (y) drawBitmap.

  • Background image with scrolling not for the screen

    Hi all.

    I use the following code to make the background dropdown not image, and it works for all BlackBerry Storm2 (OS 5.0) except (I tried it on a simulator):

    public class MyScreen extends MainScreen{
    
    ...
    
        public MyScreen() {
           super(NO_VERTICAL_SCROLL);
           bitmap=loadBG();       super.add(mContainer = new BGVerticalFieldManager(bitmap));
        }
        public void add(Field field){        mContainer.add(field);    }...
    
    }
    
    public class BGVerticalFieldManager extends VerticalFieldManager {
        Bitmap mBgBitmap = null;
        int mBgWidth = -1;
        int mBgHeight = -1;
        int mBgX = -1;
        int mBgY = -1;
    
        public BGVerticalFieldManager(Bitmap background) {
            super(USE_ALL_WIDTH | USE_ALL_HEIGHT | VERTICAL_SCROLL
                    | VERTICAL_SCROLLBAR);
            mBgBitmap = background;
            mBgWidth = mBgBitmap.getWidth();
            mBgHeight = mBgBitmap.getHeight();
            mBgX = (Display.getWidth() - mBgWidth) >> 1;
            mBgY = (Display.getHeight() - mBgHeight) >> 1;
    
        }
    
        protected void paintBackground(Graphics graphics) {
            paintBackgroundBitmap(graphics);
        }
    
        protected void sublayout(int maxWidth, int maxHeight) {
            mBgX = (Display.getWidth() - mBgWidth) >> 1;
            mBgY = (Display.getHeight() - mBgHeight) >> 1;
            super.sublayout(maxWidth, maxHeight);
        }
    
        private void paintBackgroundBitmap(Graphics graphics) {
            if (null != mBgBitmap) {
                int x = mBgX
                        + getHorizontalScroll();
                int y = mBgY
                        + getVerticalScroll();
                graphics.drawBitmap(x, y, mBgWidth, mBgHeight, mBgBitmap, 0, 0);
            }
        }
    
    }
    

    The Storm2 scrolls the background image, looks that getVerticallScroll() does not work.

    Can someone help me with this?

    Thank you.

    also have glance at this:

    http://supportforums.BlackBerry.com/T5/Java-development/use-a-background-image-in-application-screen...

  • How can I change the background image for the lock screen?

    Hi, I just bought a new laptop and I got Windows 7 installed in the store, and I would like to change the background image for the lock screen.  When I went to activate my account, I found out that it has already been activated, but I can't find the settings-> settings more PC in the lower corner on the right.  Thank you!

    Lock screen?

    Are you referring to the login screen?

    Or wallpaper?

    Right-click on your desktop and select Personalize.

    Office link is at the bottom left and use a win-7 theme.

Maybe you are looking for

  • Google and other Web sites does not work after installing Bitdefender Internet Security.

    After that installation of the version of Bitdefender Internet Security offered to the 60-second-anti-virus plugin for Firefox of Bitdefender, a number of sites have stopped working. First of all, I cannot change my homepage, because the connection h

  • How to remove usernames unwanted from appearing when you start to enter the user name?

    When I start to enter a user name, a drop-down list of names is displayed. How can I remove a name in this menu?

  • Zero DAQ reset

    Can someone tell me how to reset a diagram LabVIEW data acquisition card without using MAX Program? After the failure of a test, LabVIEW will leave the reverse PIN. Then, when I run the test again, it will continue to fail unless I have manually clic

  • Track of the position of a specific color using the webcam

    Hey guys, I'm desperately need assistance. I am extremely new vision LabView module and have found dealing with the last part of my main project. I am using a Microsoft lifecam to follow a green circle that is attached to an object. My goal is to be

  • Cannot find library ansi_c.h

    Although my problem is eerily similar to this topic, my install CVI already knows where the include file. I try to use the functions of e/s open/close/read/write ANSI_C.  Here is an example of project... #include #include #include "ANSI_C copy.h" sta