Creating a gradient background

Hello

I would choose a light pink color (color doesn't really matter, I just choose that color) at the top of my background and have a gradient vertical white finish. (Really block out the light pink)

This would be the bottom of my page for the site stand out a bit.

Can anyone help?

Thank you

Steve

So I choose your pink color and make that your background color for your body tag. Then create an image with a gradient that goes from this pink color to white (rose above, white below). That it is large enough (say 500 px in height by 3 px wide). Use it as your background image for your body tag, and then repeat on the whole of the x-axis. Also, make sure that the background image is fixed at the bottom.

The CSS code would be as follows:

{body

("bottom: bottom of #FF3FB3 url("/images/bggradient.jpg ") horizontal;

}

Tags: Dreamweaver

Similar Questions

  • Best way to continue the irregular gradient background

    Hello

    What is the best way to continue /create/ gradient background background irregular /studio / for any photo?

    I made a few attempts with content aware scale, but still I'm not able to achieve the best result.

    I know it is better to have pictures in the first place just with full history, but unfortunately this is not always possible.

    Here's a example with which I was suffering:

    I want to create smooth continuous background at the top of the photo/all here continuing lightning of down: /

    example_gradient.JPG

    Thank you

    t e - o .net

    I often use the Edit > command auto-merge layers to do this:

    1 unlock the background image in the window > layers panel.

    2. use the Rectangle (M) tool to select the area you want to remove the top of the photo.

    3. press BACKSPACE to delete (make transparent).

    4 choose a good gradient background article lasso near the deleted area.

    5 Cmd/Ctrl + J to copy to a new layer.

    6. use the move (V) tool and the position in the transparent box, overlapping slightly with the existing background.

    7 Cmd/Ctrl + Alt + A to select the 2 layers.

    8 edit > auto-merge layers command.

    9 Cmd/Ctrl + E to merge the result.

    10. repeat 4-9, with another section, up to the completion.

  • Gradient background.

    Opera-Background-Light-Blue.jpg

    I've been playing with gradient backgrounds and I tried to create this effect. You know, a gentle slope. How can I achieve this effect?

    two layer gradients: radial and linear.

  • Gradient background Image problem

    I created a gradient (a gray color that goes blank) and I use it as a background image. Everything is great, except for one page, which is very long. On this page, the gradient looks terrible b/c he jumps abruptly from white to dark gray.

    You can see what I'm talking about here: http://www.realestatepartnersadvantage.com/test/investorsearch.php
    (Choose 'National' in the drop down below and you will see how the gradient looks like once the search results are displayed.)

    How can I solve this problem? Do I have to make the gradient image as long as the length of the page? Or y at - it an easier way to handle this?

    1, your gradient is repeated. Assign the no repetition.

    2nd set the page background color for the background color of the
    gradient.

    --

    Walt

    "csbridges" wrote in message
    News:euhsji$LS$1@forums. Macromedia.com...
    > I created a gradient (a gray color that goes blank) and I use
    > as
    > a background image. Everything is great, except for one page, which is
    > very
    > long. On this page, the gradient looks terrible b/c of what it suddenly jumps
    > white
    > to dark gray.
    >
    > You can see what I'm talking about here:
    > http://www.realestatepartnersadvantage.com/test/investorsearch.php
    > (Choose 'National' in the menu drop-down and you will see how the)
    > gradient
    (> look once the 'National' search results is displayed.)
    >
    > How can I solve this problem? Do I have to make the gradient image as long
    > as
    > the length of the page? Or y at - it an easier way to handle this?
    >

  • Border Panel and gradient background

    Hello

    It's probably very easy so apologies if I missed something obvious.

    What I want to do is get a gradient background for the border of a Panel, then a different gradient for the background.

    I tried to create a SWC from Flash CS3 file. It seemed he would work but when I added content to the Panel he placed the content on the title area of the Panel in the content area.

    So I tried to create a graphical appearance using a box 26 x 26 pixels of padding in the appropriate color ramp, but it only would allow me to set the skin for the background and a border together and this isn't what I want.

    When I watched the video on Adobe TV to do skins graphic I also watched a programmatic skin topic that looked like, it might be useful, but it sounds very complicated and I was wondering if someone could help because I'm quite at this news.

    Also, if there is a simple passerby so please tell me I would be very grateful.

    Thank you

    Chris

    Hi again

    Just found another post on this forum for a slightly different question, but what it boils down to is that it a bug and Adobe will not remedy.

    The solution is to BorderTopPad the Panel to a value that takes the content in the header bar, and it works.

    Wish that they had set even if, as many people seem to have had the same problem and it does not lose much time (2 days in my case) try to solve a problem that doesn't really have a good solution.

    See the site:

    http://dougmccune.com/blog/2008/01/17/followup-about-Flex-Panel-bug/

    Hope that no one else lost too much time on this - if you did sorry and thank you.

    See you soon

    Chris

  • Linear gradient background to label?

    Hello..

    Its posible put a label on a gradient background? I try but does not work...

    It overrides just to change the color of the text, it's ok

    You should try to add 00 to your color int, like this:

    Bottom bgNaranja = BackgroundFactory.createLinearGradientBackground (0x00c14d02, 0x00c14d02, 0x00eb870e, 0x00eb870e);

  • How to create a transparent background

    Hello guys,.

    I want to create transparent image or background, could you please help me how to create a transparent background image my Web site name is Digi Shiksha I want to post pictures on facebook for this I want to create a transparent image if you know tell me how to create a transparent image?

    You will also need to save in a format that supports transparency - as PNG. JPEG does not work.

    Dave

  • Create a gradient to an object that goes from solid transparent

    Is there a way to create a gradient to an object that goes from solid transparent?

    Make sure that the cursor Opacity on the gradient tool Options toolbar is not set to a different number of 100%.

  • Create a gradient of the script.

    Create a gradient by scripts, the command stops and color.

    Do not understand in the document of reference Photoshop cs6 javaScript, how and where to access the gradient.

    Please help me, I can't do day after day...

    The principle of the script consists of scanning in black and white and the texture of the color of the pixel, registration of the colours in the painting.

    So in order to decompose the matrix of color from 0 to 255 black and white texture.

    Until you get the texture gradient.

    0 where blacks where 255 white. each color will be assigned a user ID and it will move to the color in the color gradient texture.

    Sorry for my English.

    Thank you!

    For a large a gradient with script, you must use scriptlistener. Then modify the variables in this code to match what you want. I use this method to create gradients on the forms which are sampled from a reference image.

  • How to create a transparent background in Adobe Illustrator?

    I am doing a logo and save it as a PNG with a transparent background. It's for a Web site.  How to create a transparent background? Thank you!

    The background is transparent, unless you draw something.

  • Creating a gradient in particular

    Hello

    How to create a gradient as the Attaché in Photoshop?

    Thank you!

    GRADIENT_QUESTION.jpg

    There are two ways you can do and the two are very similar.

    You can apply a foreground to transparent gradient on the image it self. (it's destructive)

    You can create a mask and apply a black to white gradient in the mask for this layer of (non-destructive) image

    The advantage of going the road of mask is that the color will be filled with color regardless of the layer below the image. (If no layer is there it simulate white but is actually transparent) The layer does not have to be a solid color, it could be a model, another gradient, or even an image. This allows you to explore styles of layer as shadows and glows.

    Make sure just that if you go the road of mask that you record in a format that supports masks, layers and transparency as psd or tiff. This is so that no matter when in the future you can change your mind and change or remove the mask. That at that time, you would see the original image.

  • Is it possible to create a transparent background with a cutout of jpeg?

    Is it possible to create a transparent background with a cutout of jpeg? I want to know how to cut an object in a jpeg file, so it can be used in a Web site.

    No jpeg file format does not support transparency. Try the PNG format.

  • Create a gradient with my own

    This may seem like a really stupid question, but how to create a gradient using my own colors? I've recently updated CS3 form where I could just drag a shade of color on the slider to set the color of gradient. Now I can not do. If I try with one of the default colors it works without problem, but if I create my own swatch and then I get a circle with a line through it, saying: I can't do it.

    I'm probably wrong but I can not work what and you'd be grateful for any help.

    Thank you

    Lucy,

    There may be something wrong with the prferences. Try the following (you may have tried / some of them already) and see if that helps you (the following is a general list of things, try when he's not in a file specific; 3) and 4) specifically may be corrupted preferences):

    (1) close Illy and open again.

    (2) restart the computer (maybe three times);

    (3) close Illy and press Ctrl + Alt + Shift / Cmd + Option + shift during startup (easy, but irreversible);

    4) to move the folder with closed Illy (more tedious but also more thorough and reversible);

    ((5) browse and try the relevant among the other options (point 7) is a list of the usual suspects among other applications which can disturb and confuse Illy);

    Even worse, if no other solution appears, you can:

    (6) uninstall, run the cleanup tool and reinstall.

    http://www.Adobe.com/support/contact/cscleanertool.html

  • Quick way to create a gradient of selected fill color?

    I create gradients all the time and I wonder if there is a quick way to create a gradient based on the fill color of the currently selected object. For example: I chose an area with a BLUE fill color. I'm going in the gradient panel and see that what the gradient will be if I click on it (which is usually based on a default gradient WHITE to BLACK, or it comes from the most recent gradiented object, I've touched). So I click on it and the gradient is enabled with the stops not being is not BLUE. What I want is... If I select a box with a BLUE fill and click on gradient - it will create a gradient with the two cases being the same BLUE as the fill color. It would be very convenient because instead of clicking on each stop, shift-eyedropping the blue color in an area of duplicated, it would begin immediately with the gradient of blue-blue for me to adjust (in the case below for a button I'd the superior light and lower darker stop).

    Screen Shot 2012-12-14 at 5.04.17 PM.png

    It is rather useful to select an object with a gradient to 'copy' this gradient, select a new object, click the gradient panel and have this new object to take on this exact gradient. But most of the time I'm not degraded copy but I'm creating new ones, and it makes more sense for me to create a gradient fill color. It would be helpful to someone else?

    This script is that it creates a gradient with both having the same color as the selected object

    var idoc = app.activeDocument;
    var sel = idoc.selection[0];
    
    var myGrad = idoc.gradients.add();
    myGrad.gradientStops[0].color = sel.fillColor;
    myGrad.gradientStops[1].color = sel.fillColor;
    
    var fillcolor = new GradientColor;
    fillcolor.gradient = myGrad;
    sel.fillColor = fillcolor;
    
  • in a photo on gradient background Gaussian blur

    Hello. Using PS CS4 on XP.

    I'll be back just a job with the company of printer & I notice some lines that do not appear on my impression here (on the printer color xerox machine) to compare. I didn't really catch on the evidence either, but they used a proof of epson and we printed on 100 # a text for the final.

    What I have going is a background gradient (using the shape layer and gradient layer style effect), white to a light tan. Up and down on a regular letter size sheet. In the upper right corner, I have a picture of a face that had light Tan even in the background. I fell this image in the background gradient using Gaussian blur. It is not very sensitive in the file, but I can tell it's there... you really focus your eyes to see, but there is a line that goes around the image where the Gaussian Blur is. I will attach a picture of the edge. I guess what I'm saying is not smooth - the edges of the image being blurred in the gradient background, but printed on a regular printer, it seems smooth. Is that what I can do to avoid this problem in the future?

    Thanks for any advice. I am considering Gaussian blurs no more...

    Untitled-1.jpg

    The TIFF makes all the difference - the problem became clear: the mask is not pure black right at the edge of the image of the man.

    A slight curves on the mask operation covers the edge.  Note that I moved the black point slightly.

    -Christmas

Maybe you are looking for

  • How to reset Apple ID security issues

    I wanted to buy music on my new iPod, but apparently, I need to verify my identity with security are issues that I wrote years ago and do not have a clue of what the answers. The site of Apple ID gives me an option to send an email to my email of res

  • A40 turns off after 2 minutes during unexpected recovery

    My A40 off unexpectedly after about two minutes, so I used the recovery disk to reinstall to factory settings. I changed the battery but no solution any that any idea what I can do or is this a return to the use of base.

  • P 780 2 problems I

    The UI should look often to open an app The quality of the camera is so boring after the 4.4.2 update I have the 4G version and memory has increased to more than 1 GB with 4.4.2 I have this phone for more than 15 months How can I add a local language

  • Can hard drive-can change, I use done records

    I need a new hard drive. If I want to use the same system of fact records? How can I find out if the drive is big enough but not oversize? I can do the job but don't want to software problems. This is due to the 4EOF:0244 error. I can't start mode wi

  • Installed a Win7 on a new disk of 1 TB recognizes only the 500 GB.

    Replace a 500 GB drive in a laptop with a new 1 TB drive. Reinstalled Win7 Home prem on the new drive. After reloading of programs and files, I noticed that there are only 500 GB available. Windows did not offer a partiton questions I assumed that it