Discoloration of the background image on a site

Hello

Not sure if this is technically a question of Dreamweaver, but...

I saw a site where they use an image for the background, but it melted smoothly upward after a few seconds. they use a University background, when the first load of the page.

Can someone point me in the direction on how to proceed?

Thank you

Hello

Without javascript or a such thing used on this site for the effect, it's a simple jpg file with the progressive download for the image file.

If you go into your program, image editing (e.g. Fireworks) and select 'export Assistant', the option will be in the "preview image" as "Progressive browser display", select this option, (and then export/save) and the file will be configured to display "progressively" as in the example you give.

PZ

Tags: Dreamweaver

Similar Questions

  • 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

  • How to make the background image for a site

    Hello.

    First of all, thank you for reading this.

    I intend using a gradient image as background on a new site of black on the sides gradiating to blue in the Middle I created in Photoshop. The site is designed for 1024 (955) and upward. How the background image would handle so that no matter what the resolution above 1024, the visitor sees the gradient correctly, which means that Blue will be always exactly in the center of the page and the image not horizontal mosaic? (I don't want to repeat from left to right when the resolution someone is really high)

    I saw a couple of sites that use strong images that seem to stretch the background image according to the resolution, but were not able to understand the CSS code. In my case, I have a single image that has say 5 pixels high, how wide I need for the (reasonable) maximum resolution, and let repeat from top to bottom.

    Thank you.

    MFitz721

    To do what you ask would require CSS3.  This is because that the CSS3 added support for multiple background images.  What you would do, is to set a gradient to the left and the other to the right with a background color that arise in a vacuum.    Basically use you the abbreviation of "substance" and separate the different environments with a comma ","  See this example ( http://www.css3.info/preview/multiple-backgrounds/ ).  I think it's possible the long way as well (for example: position of background, background image, etc.), but you would need to write the values and who is 1 and 2 in order when you do this.

  • IE does not show the background image?

    I want to change the background image of my site and changed only one page so far, but the image is not displayed in IE but shows in safari, why would it be?

    http://www.milesfunerals.com/advice%20and%20info.html

    OMG! The image you are trying to load in "advice and info.html" is 16 MB.

    Gold - field2.jpg December 24, 2012 16:18 16 M

    As shown in your list of directories.

    Firstly the resize - about 200K is tops for any html background.

    In addition, standardize your file names - remove spaces and reserved for lowercase. Your current page has spaces that is not an acceptable standard.

    -ST

  • Change the background Image on a Page of a Site.

    CSS of my site has a background image set. I need to change the background image on a page, which has a feedback form.

    I tried a number of different positions for the insertion of the image, but nothing helped. I tried to go in the rule for div id = 'background', and change is here, but it affects all pages. So, I guess that I must write a new rule?

    Here is the code:

    < div id = 'background' >

    < div id = "items" >

    < h2 > Heard! < / h2 >

    < p > < a href = "index.php? status = pending" > waiting for < /a > < a href = "index.php? status = planned ' > under < /a > < a href =" index.php? status = declined "> refused < /a > < /p >" "

    < ol >

    <? PHP {? >}

    < li > < strong > <? PHP echo $row_Getclan ['title'];? > < / strong > < br / >

    <? PHP echo $row_Getclan ['content'];? > < br / >

    by

    <? PHP echo $row_Getclan ['author_name'];? >, to <? PHP echo $row_Getclan ['created_at'];? > < /li >

    <? PHP} while ($row_Getclan = mysql_fetch_assoc ($Getclan));? >

    < /ol >

    < p > < a href = "<?" PHP printf ("%s? (pageNum_Getclan = %d %s", $currentPage, max (0, $pageNum_Getclan - 1), $queryString_Getclan);? > "> previous view < /a > <?" PHP echo ($startRow_Getclan + 1)? >... <? PHP echo min ($startRow_Getclan + $maxRows_Getclan, $totalRows_Getclan)? > on <? PHP echo $totalRows_Getclan? > < a href = "<?" PHP printf ("%s? ("pageNum_Getclan = %d %s" %s "$currentPage, min ($totalPages_Getclan, $pageNum_Getclan + 1), $queryString_Getclan);? > "> Next < /a > < /p >"

    < / div >

    < div id = "crΘer" >

    Speak < h2 > < / h2 >

    < do action = "<?" PHP echo $editFormAction;? ">" method = "post" name = "form1" id = "form1" >

    < table align = "center" >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > title: < table >

    < td > < input type = "text" name = "title" value = "" size = "32" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" valign = "top" > content: < table >

    < td > < textarea name = "content" cols = "50" rows = "5" > < / textarea > < table >

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > votre_nom: < table >

    < td > < input type = "text" name = "author_name" value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > Your_email: < table >

    < td > < input type = "text" name = 'author_email' value = "" size = "30" / > < table > "

    < /tr >

    < tr valign = 'of basic">

    < td nowrap = "nowrap" align = "right" > < table >

    < td > < input type = "submit" value = "Insert file" / > < table >

    < /tr >

    < /table >

    < input type = "hidden" name = "MM_insert" value = "form1" / >

    < / make >

    < / div > < / div >

    Thank you.

    div id = 'background' will work for all pages related to a style sheet.

    The best way to do what you want is to re-register your stylesheet with another name. So for a page, link to this new stylesheet. Then, in the style sheet, change the background image. It was easy.

    The only way to do and keep a style sheet is change the designation of the div tag that has your training, to something like the div id = 'backgroundCommon' and then create another div for just one page as div id = "backgroundSpecial".

    Then in your style sheet, copy the description of div and rename it backgroundSpecial and then call on just the single page, with the other pages making up the backgroundCommon.

    Make sense?

  • footer on the background image

    I have a site with a large different background behind each page image. I want to be stick to the bottom of the browser window, the background image going behind the footer footer.

    Muse pushes the footer below this background image.

    Suggestions?

    Jeff

    Hello, I see 2 ways to address them.

    1 use this browser fill background image and it will stay behind the footer. Second, half of the video below explains how.

    Add a picture to the background of the page or the browser. Adobe Muse CC tutorials

    2. you can also use the tab layers in muse.

    • Create a new layer in the tab layers
    • Move the new layer under the existing layer (drag / move).
    • Select the footer items and move them to the lower layer of right click > move to layer > select the bottom layer. Make sure that the footer is below the layer that contains the background image. Check more info on similar layers: Adobe Muse Help | Working with layers

    Concerning

    Vivek

  • Why States don't work not on view of Tablet for blocks of text on the background image?

    I have a Macbook Pro with Top high S/W config everything up to date.

    With the help of Muse.

    View the site of the tablet.

    Simple text box buttons with States on a picture background full width - WORK only!

    The buttons of the text frame are in the UPPER layer.

    Visible but do not respond to touch everything. At least I have remove the background image.


    Cannot understand the days.


    Help, please.


    Thank you


    Eli @.

    MUSE STAFF!

    I found a major bug that should be fixed:

    For the Tablet:

    A button image or text-related State should be in the upper layer to meet the States.

    If a composition menu is opening and covering the button when triggered - THE BUTTON WILL NOT RESPOND EVEN IF THE COMPOSITION IS CLOSED!

    Only if the button is PLACED over the composition of the layer and becomes the OBJECT absolute TOP in the layer - THEN ONLY he will answer.

    PLEASE LET ME KNOW IF YOU GOT IT.

    I tested it on a few projects and the bug is consistent.

    [email protected]

    Thanks to its fixation in the near future

    Eli

  • Expand the background Image to cover across the region title

    I have a region title that contains an image and it has a height of 2 rows, but the background image (blue image) is not growing in the region (the css contains repetition for background). The application uses the theme 2. Can anyone help?

    CSS:
    .rc-title {
        background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
        float: left;
        width: 100%;
    }
    div.rc-blue-top
    {
        background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
        float: left;
        width: 100%;
    }
    I created the application on the APEX. ORACLE.COM:
    Workspace: RGWORK
    User: TESTER
    Password: test123
    Application: CSRSR (33558)

    Select view from the menu (only choice).

    You will see that the tabular forms a dog tags and an image, another tabular form has a picture but no text (nameplates), even if it is there. I live blue to cover the image and the text.

    Help, please

    DB: 10g
    APEX 4.1

    4.2 APEX (APEX. ORACLE.COM) works the same way.

    Robert
    http://apexjscss.blogspot.com

    sect55 wrote:
    fac586,
    I would like to try the second option:
    >
    Another option would be to eliminate the problem by moving images of the nameplate on the titles of the region. There is a horizontal space within the regions that will allow these images to be rotated to the left of tabular form, that would look OK. But how to refer to the horizontal space within the regions? I looked at the model for the region:

    #TITLE#
    #CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
    #BODY#

    and could not put the image in horizontal space.

    Can you please help me by providing the details?

    There are two options, depending on the role you see images of the plate by playing on the page. I used the two regions to give an example of each.

    * 1. Nameplate as eye-candy: * If there is sufficient information on the region, contained region title and labels of items to make the images of the nameplate of the superfluous by providing information to the user and you are just using them to improve the appearance of the page, then they can only be applied using CSS.

    /* Nameplate image as CSS eye-candy */
    #nameplates-ndc div[id$="catch"] {
      min-height: 36px;
      padding-left: 113px;
      background: transparent url(#WORKSPACE_IMAGES#nameplate_ndc.gif) top left no-repeat;
      background-size: 103px;
    }
    

    Note the use of the CSS3 background-size property to resize the image. If the application needs to work in browsers that do not support this so you will have to drop it and create an image of the exact size required for use in the bottom rule.

    * 2. Nameplate as content: * If the plate images are necessary to provide information to the user, then they should be included in the region (and they must have an alt attribute, providing an alternative representation of the information contained in the image).

    Put the image in the header area:

    Nameplate (name only)
    

    and it floats so it sits next to the form:

    /* Nameplate image as page content */
    #nameplates-name .rc-content-main img {
      float: left;
      margin-right: 10px;
    }
    
  • You can change the background image to a variable?

    I'll be honest, I don't expect really a yes answer to this, but I thought I might as well see if I can save me some work.

    I'm creating a module of e-learning training of personnel who must show a slightly different content depending on the region of the user (there are three). For the moment, I have the legend and click boxes conditional use actions to understand what the user selected region, but the capture system uses specific sites in the region with different flags etc.. I was wondering: is it possible for me to change the background image of a slide in the value of a variable, or I just have three separate slides for different pages?

    Hello

    You will not be able to change the background image. What should be possible, but it will drastically increase the size of your file is to put 3 images with the dimensions of the blade and entering in the slide show, the appropriate image based on the chosen variable. I don't know if everything has to change in the background, or perhaps only in certain areas? In this case, try to have it be flying image as small as possible.

    Lilybiri

  • How can you save the background image contained in a Thunderbird e-mail message

    How can you save the background image contained in a Thunderbird e-mail message

    Have you read the instructions which preceded the right click? What of their suite?

  • How to change the background image of a newtab

    Hello

    I'm looking for a simple addon that will allow me to change the background image for my new tab page. I still want the empty bar url and the new tab to say "new tab". Just the simple ability to change the background image without changing anything else.

    Thanks in advance
    Niels

    Here's an add-on which may help! https://addons.Mozilla.org/en-us/Firefox/addon/customize-aboutnewtab/

  • How can I change the background image of an album?

    I'm trying to figure out how to change the background image of the album. I'm not trying to change the picture of the official album, but the background image for the album. Is there a way I can change it?

    Your screenshot is the section of the iTunes store. None of the graphics or text on the iTunes Store are under your control. You cannot change them.

  • Why change the background image of the dashboard of data crash the app?

    I'm changing the background image of my dashboard (on a third generation iPad).  Whenever I try to make the change, the data dashobard app breaks down just.  Even if I try to change to a color, the application crashes.  I can insert a picture without problem.  I guess it's just a bug or something but has anyone else seen this problem?

    I was able to reproduce this crash with the following steps:

    -Set up a background image of a page

    -Copy the dashboard somehow. You can reproduce the dashboard, share by email, export and re - import OR clouds, etc.

    -Open the copy of dashboard

    -From the copy, change the background image (for a solid color or another image)

    If you set a background image of a page, close and reopen your dashboard and then try to change the background to something else, you will encounter this error.

    Solution: If you have the original background image in your Camera Roll, you can fall as an image on the same page (Photo Palette, select in the library). Then you can remove this image and change the background also image.

    If you do not have the original image, you may need to start with a new dashboard. (For each page on the old dashboard, you can tap the bottom, select all, copy / paste on another dashboard).

    There is a similar problem with images removed, if you shared the dashboard and you work on a copy. In this case, the solution is to copy and paste the image before deleting. (Otherwise, you'll get a dialog error instead of an accident, but the image is not clear).

    I deposited cars for these issues internally. Sorry for the inconvenience.

  • Set the background image of a cluster? [LV 2013]

    Hello-

    Researcher, said, "why don" t you turn the image on the front panel and then decorate the image with the controls? See? Problem solved. "And the door closes.

    So, I take the picture, scaling properly and voila! It is now the background image.  Then add controls.

    The horizontal and vertical scroll bars to move controls... but the background image is not followed.  So if someone touches the scroll bars (they are required) then controls and image are aligned.  Worse yet, their modified track manually is a pain in the eye-hand control.

    I could put in a button titled "realign" and have it reset the position of the scroll bar. Or have the scrolling screen VI bar position (look at the FP zero spot) and some treatment to shift the image of the picture.  What is its painful.  Is there another way around the problem?

    HM. A cluster? Clusters follow the scroll bars. But I can't seem to put a background image a cluster. The background color can be changed... but I don't see a way to paste a picture.  I tried customizing the cluster control and attempted to use the same method to add an image as on the front panel (with the right button of the scroll bar, follow the instructions). This has changed the background of the typedef would control.  Saved.  Tried to use it. LabVIEW will > BEEP<  and="" nothing="">

    I really want to avoid building this complex picture of decorations.  Especially when the image has chemical compounds in the boxes: how to index and the letters and numbers?   That... and the image is one of these steps 'it's refinement... ».

    Thank you for your time.

    Mark

    You don't give enough information on how this actually looks like and I don't have any experience with background images, but I would simply say, you drag the image file in the public Service and use the command menu in the toolbar to move backward (Ctrl + Shift + J) and then it must maintain position relative to other objects. You can then use the same menu to lock, so that it is not moved accidentally. You can also place an image control in the back and load the image in the code if it changes a lot, but this isn't a recipe for positioning the elements properly.

    I also generally agree with Martins that scrolling is a flag. If you need to scroll, you look and see if there is a problem and other solutions.

  • Windows xp monitor does not display the background image

    My windows xp screen does not show the background image. Started when I changed the photos there twice. Now, the background image is only 1/4 of the image on the left 1/4 of the screen. The rest is white for 3/4 on the right side.

    Other images, all jpg files, are the same.

    Hi edwardo418,

    Check that your post office is set to stretch. Perform the following steps.

    1. Right-click on an empty space on the desktop.
    2. Select Properties.
    3. Select the Desktop tab
    4. Change the setting to Stretch under Position
    5. Click on apply
    6. Click OK

    Let us know if that helps.

Maybe you are looking for