Color changing background image

Hello

I make a flyer, and I want to have a background like that.

I have tried to search for tutorials but can't find what I'm looking for.

How do you do that? Or where can I find a tutorial for this ?

Amber

Unknown.jpg

This background is an image. You can do the same thing by adding an image to the page to serve as background, or you can use a frame filled with a solid color or a gradient.

Tags: InDesign

Similar Questions

  • I have photoshop 7. How can I change background images?

    I have photoshop 7 I want to change the background images. can someone pls tell me the step by step process how to do this?

    In fact, I'm running a niche entertainment site: Movies of Punjabi and I want to learn this function because I want to download wallpapers HD in my site.

    Hi jagjeets,

    Please see the tutorial below.

    How to change the background of the Photo in Photoshop - YouTube

    How to change the background of a Photo in Photoshop

    Let us know if that helps.

    Kind regards

    Mohit

  • Why my colors and background image disappear when I saw my site?

    When I check the preview I got the warning saying that some files in my being incorrect or missing on the server. I've been using hexadecimal codes for colors, and my background image does not load. The rest of my content loads perfectly well. Help?

    Hello Monicagrace,

    At what stage you get this error?

    When you click Preview with Muse, on file > Site overview in the browser?

    Are you the same error when publish you on BC? To check this you can publish British Colombia by clicking file > publish to Business Catalyst.

    So what is happening locally (preview or preview in the browser page) then I you advise to clear cookies and cache of the browser and then try to preview.

    Kind regards

    Vivek

  • Canvas change background image

    Hi Experts

    I put a background image to a Web: -.

    I'm the trandform of color that apply now on the evolution of the hslider.

    Please go through the code: -.

    var ct:ColorTransform = new ColorTransform();
    ct.redOffset = BrightnessSlider.value;
    ct.blueOffset = BrightnessSlider.value;
    ct.greenOffset = BrightnessSlider.value;
    var imageSnap:ImageSnapshot = ImageSnapshot.captureImage (AppCanvas);
    var imageByteArray:ByteArray = imageSnap.data as ByteArray;
    _image = new Image();
    _image. Load (imageByteArray);
    _image.maintainAspectRatio = true;
    _image. Transform.ColorTransform = CT;

    After that, I have image in the object _image

    Now I want to apply it to the background image canvas

    AppCanvas.setStyle ("backgroundImage",?);

    Another approach that came to mind was to create a 0 byte test.png image in my application and then write the byte array generated to it.but failed to do... because my i creates a web application... and has not been able to import: -.

    flash.filesystem import. *;

    Please tell me how can achieve this...

    Thank you

    Well, it's kinda hackier I thought it would be, mostly because the backgroundImage of the canvas skin is not

    directly accessible.


    http://www.Adobe.com/2006/mxml"layout ="vertical">
       
            Import mx.core.mx_internal;
    Import mx.events.SliderEvent;
               
    Use namespace mx_internal;
               
    protected function hsRed_changeHandler(event:SliderEvent):void
    {
    var ct:ColorTransform = new ColorTransform();
    ct.redOffset = hsRed.value;
                   
    var bi: DisplayObject = main.rawChildren.getChildAt (main.rawChildren.getChildIndex (DisplayObject (main.border)) + 1);
                   
    If (bi)
    bi.transform.colorTransform = ct;
    }

    ]]>
       
       
       
       
       
           
           
                   
       

       

    -Jason

  • Change background image in the background of the next slide

    I received cela captivate 4 file from a colleague so I don't know what might have occurred before, but he is behaving strangely.

    For some of the slides, when I scrub the timeline, the background changes to what appears to be the background image for the slide that comes after it.  It is not a slide of motion capture.  Remove all of the buttons and keys/guests of the slide is fixed not.

    The only way I can fix this is by inserting a new slide and copy and paste the background image and the elements in the new slide.

    Someone has seen something like this before?  No idea why it happens or easier difficulty?

    Thank you!

    -Jeff

    Hello

    I guess you see what is described in the note below.

    Click here to see

    Maybe try the actions referred to in the note?

    See you soon... Rick

    Useful and practical links

    Captivate wish form/Bug report form

    Certified Adobe Captivate training

    SorcerStone blog

    Captivate eBooks

  • Color change to image saved and exported

    Hi all

    I hope someone can help.

    I kept different images for a client, saved as CMYK and color from the client, other laptops, printers and phones is extremely different, almost like a RAW unedited image. I have checked through all the color settings and read all the forums, but nothing. The image I see in PS CS6 is very different from those printed and read by others, the skin is red and image has a very strong purple tinge. I'm going crazy...

    The suggestions will be extremely beneficial as contact for Adobe is good, does not exist!

    Kind regards

    There are several potential problems here. If you want to send clients, check first convert them to sRGB files.

    To go more in depth:

    • There is no such thing as 'generic' CMYK or RGB 'generic '. You have to study and work, specific CMYK and RGB icc profiles. Image > command Mode can be very misleading and lead to disastrous results, if you don't know that. What it does, is to refer to any CMYK or RGB profiles that you configured as your workspaces, in the Photoshop color settings.
    • To CMYK, you must have the right profile. The profile is one that describes in fact offset press and the papers that will be used for printed documents. Get this printer profile (or they tell you that you use). The default value of Photoshop's us Web Coated (SWOP), but it is actually not used anywhere outside America.
    • All CMYK and RGB profiles differ widely in range, otherwise said, what colors can be contained in this color space. Saturated colors that lie in the range in a single space, may be out of gamut in another. Then it just gets cut and may not be reproduced.
    • A line right profile conversion, so RGB > CMYK, RGB > RGB or something else, will keep the colors as much as possible. But out-of-range colors are lost and replaced by the closer in the range.
    • Photoshop is color managed will properly manage all these profiles and really show you what the file looks like. It will convert between them and preserve the appearance of the color. Many the most other viewers the picture are not the color management and don't know what an ICC profile. They cannot be trusted and will probably wrong colors displayed. Poor/lack of CMYK support in these viewers make it even worse.
  • How to allow visitors to change the background image of my site?

    Hello.

    I wanted that my visitors to be able to change the background image to another image. Already, I know how to do it with the colors but doesn't seem to work wih images. You are able to do this on Google, but can not seem to find it anywhere online. I just want it to change while the visitor is on the site. for example

    1 visitor - context changes to-myarea.jpg

    2 visitor - context changes to-my cat.jpg

    and so on...

    This would not change the site forever, just at the point where the visitor is about it.

    Concerning

    Leon

    Here are a few ways to do this:

    Option #1:

    You'll need a JavaScript script and an array on the page background images.

    An example of work below.  View source in the browser to see the code.

    http://ALT-Web.com/BG-img.html

    Option #2:

    Create more than one style sheet with different colors and background - images of the body.

    Create a selector of stylesheet like this with jQuery

    http://www.kelvinluck.com/assets/jQuery/styleswitch/toggle.html

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

    http://Twitter.com/ALTWEB

  • 25 color change question in Internet Explorer theme

    I changed the 4_2.css to theme 25 so that the header is # 671 17 color and the navigation bar is color #333333 to match our color scheme of institutions. This makes perfectly in Firefox and Chrome, but IE 9 shows this under the standard blue colors. I narrowed down it to what follows in the definition of the page header template:

    <!-[If HTML5] > <! [endif]-->
    <! doctype html >

    If I comment <! doctype html > colors will make correctly in IE however images only is more visit and the theme is more sensitive. My question is that I have to make these changes to work properly for IE?

    Thank you

    Ed

    Problem solved, and now works in IE9, 8, 7 and ff & chrome. Focusing on the header of the solution was in the base64 encrypted background-image: url('data:image...) During the decryption of the code there are references to #4276 b 5 & 5a92d9 #. I changed my colors and it works now. The complete code is:

    / * Start the background color header changed all references to #4276 b 5 & 5a92d9 # #631919 & 6 A 1918 # * /.

    background-color: #631919; background-image: url)

    /*

    'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNzZiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhOTJkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

    */

    'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNzZiNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhOTJkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

    background-size: 100%; background-image: - webkit - gradient (linear, 50% 0%, 50%, 100%, color-stop(0%, #631919), color-stop(100%, #6A1918));background-image:-webkit-linear-gradient(#631919,#6A1918);background-image:-moz-linear-gradient(#631919,#6A1918);background-image:linear-gradient(#631919,#6A1918);)

    / * End header background color * /.

  • How to have a background image transparent web page to the browser

    I used a color gradient background image on my scene for my Web site.

    Managed to load the same background on the background of the browser.

    However, the result is not satisfactory that I can see the limits of background image site against the background of the browser.

    How can I get around this? Or y at - it a code that allows me to change my transparent Web site background so that I do not have a background of the browser?

    Tried to post using the window Mode: Transparent windowless, but does not work.

    Pls help...

    Thank you!

    You can try to remove the background image on the Flash file, and then will the WMODE = transparent route.

  • Nav background image does not display in some browsers...

    Hello

    I am trying to build a model of Web site - still ironing a few bugs, but just found out that the information in my navigation bar image does not appear on some browsers (including certain versions of Internet Explorer). It works in IE8 where my first test (on both my drive local and temporary 'live' server, but in most other browsers, does not appear...

    Here is a link to my test page:

    and here's the css with the code in red:
    / * Menu external Wrapper * /.
    {.p7PMMh04}
    Width: auto;
    height: 20px;
    margin: 0 auto;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    make-weight: bold;
    background-image: url (img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
    }
    / * Hide the submenu in Design view
    Compensate for the LI padding on doors sliding themes * /.
    .p7PMMh04 ul div {}
    display: none;
    }
    /*
    TOP LEVEL MENU
    */
    .p7PMMh04 ul {}
    margin: 0;
    padding: 0;
    }
    .p7PMMh04 li {}
    list-style-type: none;
    float: left;
    Width: 120px;
    }
    / * Hide IE5 Mac * /.
    .p7PMMh04 li {}
    Width: auto;
    }
    / * High level links * /.
    .p7PMMh04 a {}
    display: block;
    text-decoration: none;
    padding: 2px 14px 3px 14px! important;
    color: #ffc42a! important;

    / * border-right: 1px solid #8184e6;  */

    text-align: left;
    }
    / * Link stationary when a drop-down list is not present * /.
    .p7PMMh04 a: hover {}
    color: #df8f04! important;

    / * background-color: #DFDFDF; * /
    }
    /*
    Syntax of the special classes programmatically assigned to the first and last links and also read
    See the guide the user for more information
    .p7PMMh04 ul a.pmmfirst {}
    border-left: 1px solid #df8f04;
    }
    .p7PMMh04 ul ul {a.pmmfirst}
    border-left: 0;
    }*/
    .p7PMMh04 ul a.pmmlast {}
    }
    .p7PMMh04 ul li.pmmfirst {}
    }
    .p7PMMh04 ul li.pmmlast {}
    }
    / * First void / level * /.
    .p7PMMh04 ul ul {}
    z index: 10000;
    background-color: #333;
    Width: 150px;
    background-image: url(img/pmm_carbon_subs.jpg);
    background-repeat: repeat-x;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    }
    .p7PMMh04 ul ul li {}
    float: none;

    background-color: #000;
    background-image: none;
    }
    .p7PMMh04 ul ul a {}
    padding: 4px 12px! important;
    color: #ffc42a! important;
    border-right: 0;

    text-align: left;
    overflow: hidden;
    }
    / * tread on 1st level transfer * /.
    .p7PMMh04 ul ul a: hover {}
    background-color: #333;! important;
    color: #df8f04! important;

    }
    / * Third level (launchers in the horizontal menu) * /.
    .p7PMMh04 ul ul ul {}
    border-top: 1px solid #df8f04;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #df8f04;
    }
    /*
    THE IMAGE-ORIENTED SPECIAL RULES
    */
    .p7PMMh04 img {}
    border: 0;
    }
    .p7PMMh04 .p7PMM_img {}
    padding: 0px;
    border: 0;
    background-image: none;
    background-color: transparent;
    }
    /*
    TRIGGERS and the RULES of MARK CUURENT
    The Closed state is related to the trigger elements when their kids meals are not displayed
    The open State refers to the trigger components when their kids meals are displayed
    Selectors added with _left automatically change the orientation and position of the arrow
    If additional levels are set to fly to the left
    */
    / * Void / level * /.
    .p7PMMh04 ul a.trig_closed .p7PMMh04 ul a.trig_closed_left {}
    background-image: url(img/pmm_south_medium.png);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul a.trig_closed_up {}
    background-image: url(img/pmm_north_medium.gif);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul a.trig_open .p7PMMh04 ul a.trig_open_up {}
    Color: #000! important;

    background-color: #DFDFDF! important;   / * It's background color of rolling main drop-down list *.
    }
    .p7PMMh04 ul ul {a.trig_closed}
    background-image: url(img/pmm_east_dark.png);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul ul {a.trig_closed_left}
    background-image: url(img/pmm_west_dark.gif);
    background-repeat: no-repeat;
    background-position: left Center.
    }
    .p7PMMh04 ul ul {a.trig_open}

    color: #FFF! important;
    background-color: #424242! important;
    }
    / * The current marker (you're here) links * /.
    .p7PMMh04 .current_mark {}
    make-weight: bold;
    color: #60c3d1! important;
    }
    .p7PMMh04 ul ul {.current_mark}
    color: #FFF! important;
    }
    /*
    Rule the utility used for floats in the horizontal Menus
    */
    {.p7pmmclearfloat}
    Clear: both;
    height: 0;
    line-height: 0;
    do-size: 0;
    }
    ---------------------------------------------
    Thanks in advance for any advice,
    Jesse

    Add overflow: hidden; (as shown below) for the class selector in your stylesheet p7PMMh04.css .p7PMMh04

    {.p7PMMh04}
    Width: auto;
    height: 20px;
    margin: 0 auto;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    make-weight: bold;
    background-image: url (http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
    overflow: hidden;

    }

  • Adding the portlet title bar background image

    Hello
    Anyone know how to add a background image of the portlet title bar. I tried to use the editor of LAF, but nothing seems to work. The image will be static and not change.
    Any help appreciated.

    Hi Chris
    You must edit the .css file according to the type of skin you use as 'default' or "bighorn sheep" if 10.x and 9.x etc. Is better to install Firebug for Firefox and inspect the title bar of firebug. That should say exactly what .css file and which element in the .css file is used to make the Portlet title bar.

    For a 'default' skin, the file is window.css and the element of this file is '.bea-Portal-window-titlebar"with background-color: #XXXXXX. Replace or add another field as background-image: url (your image path). This window.css file is located under WebContent\framework\skins\default\css\window.css. Don't forget that in 9.x and 10.x to see this file from the IDE of the workshop, you will need to change the display to the mergers and select this file and copy this to your project to see. BUT, I do not recommend to change all off .css file box. Instead, create a new custom.css file and add entries in this file that you want to replace. This is the standard way to customize everything outside skins appearance. So in your custom.css file will have an entry like this:

    . BEA Portal window title bar {}
    background-image: url (your image path)
    }

    For the skin "bighorn" introduced in 9.x and 10.x, items in .css files are slightly different, but the concept is the same. I've customized out-of-area bighorn skin to change the background color of the portlet title bar. The location of .css in the title bar of the portlet for bighorn sheep skin is: WebContent\framework\skins\bighorn\css\colors.css and the element is ".wlp-Bighorn-titlebar. For the quick test of Firebug, inspect this element and change the background color to something else and see if it reflected in Firefox. Then, you can create file custom.css under the same folder structure in your web portal project and write this element and this single field with the background image you want something like:

    {} .wlp-Bighorn-titlebar
    background-color: #FF0000;
    background-image: url (your image path);
    }

    It is strongly recommended to have any customizations go into custom.css only file. Please make sure that you have this entry in custom.css file in the skin.xml file (in the case of bighorn) or skin.properties (in the case of old skin inherited by default). You will find this file .xml or .properties under the same folder as structure: WebContent\framework\skins\yourSkin. For the new bighorn skin.xml file, this entry in custom.css file is already there. But for the old legacy skin by default, you need to add this entry.

    HTH
    Ravi Jegga

  • change pdf or text color change photo in black and white

    Can I change a text color change the image or pdf in black and white? It cannot be put into iPhoto.

    You can in GraphicConverter 9. Not sure about other graphics programs.

  • I messed up the code 'Background-Image '?

    Sorry for my newbie (obviously), Dreamweaver CS4 question...

    Here's my "background-image" code page.  It DOES not work... but I noticed that I have included a long url path and full image.

    Since the background image is in the same folder by default (... .images/blends/) with the REST of the site images, I don't think that it is necessary to put the ' http: etc "stuff in the path", is?

    Can some kind soul please CORRECT this line for me... so we can get rid of the ' http: etc. "text of the URL in the path?  (in other words, just see the normal mixtures location pictures in the folder)

    {body
    Police: 100% Verdana, Arial, Helvetica, without serif.
    margin: 0;
    padding: 0;
    text-align: center;
    Color: #000000;
    background-image: url (http://cheapfastresumes.com/images/blends/blegtext.gif);
    }

    You wrapped each of the paths in url(). right?

    background-image: url ("img src="/images/blends/blegtext.gif ' {};)

    "" background-image: img src = "... / images/blends/blegtext.gif";

    background-image: "/ images/blends/blegtext.gif";

    background-image: /images/blends/blegtext.gif;

    background-image: '.. '. "/ images/blends/blegtext.gif";

    background-image: ;

    --

    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • Div background image clipping

    Hi guys,.
    I have a div on my page which I use as the main body, and I put the color of white background, but then put on a background image (a gradient of grey to white). In design mode, this has the desired effect - i.e. it seems to be a long gradient, but when you preview in Firefox and IExplorer top of the background image is cut off. Any suggestions?
    Here are the relevant CSS:

    > background-attachment: fixed;

    Delete this.

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    ==================

    "DECLARED" wrote in message
    News:fp7nje$NKA$1@forums. Macromedia.com...
    > Hi guys,.
    > I have a div on my page which I use as the main body, and I put the
    > white background color, but then put on a background image (a gradient
    > of
    (> gray to white). In design mode, this has the effect desired - that is, it
    > seems
    > be a long degraded, but when the top Preview in Firefox and IExplorer
    > of
    > the background image is cut off. Any suggestions?
    > Here is the relevant CSS:
    >
    >
    > background-attachment: fixed;
    > background-color: #FFFFFF;
    > background-image: url(Images/background.png);
    > background-repeat: no-repeat;
    > background-position: top center;
    >

  • Why my background image color changes when I place an image?

    Hello world

    I would like to make a presentation in InDesign. I put a background image in another layer that I called 'Background' and then I create a new layer that I called 'Images' and place an image with a layer of transparency. When I put this image on the image of the Images layer color in background layer changes. I can't understand why it changes color. I would be grateful to anyone who can help me solve this problem?

    Concerning

    CEM

    Edit > merger of transparencies... space and set on corresponds to the color of the background image mode.

Maybe you are looking for