How do you make a fixed gradient background?

I want to make a background for my site that operates like the one on Newgrounds and many, many others ( http://www.newgrounds.com/portal/ ). The background outside of all the content in the center, that is. Where it starts as kind of an intricate design and then fades into a solid color, which continues all the way down.
How do I go about doing that?

I think the ZOOM feature in some web browsers may be giving you a false impression.
If you don't have it already, download Firefox.
Hit View > Zoom, text only.
All of the sites you mentioned are fixed-width, centered designs, not liquid.
Background images can be repeated vertically (repeat-y), horizontally (repeat-x) or both (repeat) to fill available viewport. Obviously the image needs to be seamless for this tiling effect to look good.
More on Background images:
http://alt-web.com/Backgrounds.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/

Similar Messages

How do you make a picture the background in Pages?

I have a photo from Google and I want to make it the background of my document on Pages, but I can't figure out how. How do you do it? Thanks!

One way is to create a text box. Then you can arrange the image to the back, text to front.
Another way is to convert from word processing to page layout mode (accessed through File > Convert to Page Layout). The image can then be sent to the back.

How do you make a realistic looking background blur to show behind a dialog?

I'm prototyping a Flex app in Fireworks CS4 & have some pop-up dialogs to display. When they show up the background should be blured. I know how to get them to show up, but I can't get a nice blur effect that looks like the one you see in Flash. I've tried a transparent layer with different blur filters, but none look that realistic. Any suggesions?

Simply go to the Filters section in the Property Inspector panel, select first your object on the canvas (for example, the background), then click the [+] sign in Filters > a small popup menu will open, select Blur > Gaussian blur, and edit the value (0 = zero blur, 4 or more = a lot of blur). Later you can edit or remove the effect, which is good.
I often use Gaussian Blur, especilly if I need to make a bitmap look blurred...
Hopefully this will help you!

How do you make a button's background invisible?

I'm trying to make a Jbutton in which you can only see the icon on it, nothing of the background to it. I can make the border dissapear, but when i set the background to null it comes out a nice shade of grey which doesnt compliment the image the buttons happens to be over at that time.
What do I need to do?

But that may not help, cuz if the panel under the button is gray, that'll just show thru also. ...
that should've been setOpaque(false) for transparent.

How do you make an image a background image if the menu option is dimmed?

I'm using the Cork Board template in a Pages layout document. I wanted to use the cork background in another page. Option dragging the cork image creates a copy in the new page. I can "Send it to back" but the Arrange->Send Object to Background command is dimmed. The problem is that "Send it to back" does not put it behind the header or footer so my page numbers are not visible.
Oddly, if I just drag the cork image from one page to another, it remains a background object in the new page. Copying it causes it to come out of the background.
Anybody have an idea why the Send Object to Background command is dimmed?

In fact, my guess is that the cork.pdf object is a background object because it is a template transferred from Pages '06 to Pages '08.
During the conversion, some properties are passed even if they aren't treated by the new version.
If some one wish to let some of these items in the true background, as far as I know, the only available soluce is:
create a new object from the delivered template
unlock some items if necessary
remove useless items
lock back the kept item
save the document as a template.
Never change the background property of the kept items.
As far as an item is a "true background" one,
trying to move an other item to the background will leave it above the "true background object".
Yvan KOENIG (from FRANCE mardi 9 septembre 2008 15:49:21)

How do you make background gradient?

Hey all,
How would you make the background color a gradient effect,
such as black at the top fading toward gray at the bottom?
And also, on top of that, how would you make a rectangular
main area as your website-content area? It would almost fill the
page, but not quite- so the leftover width would be the gradient
background. The rectangular area would have a background of all
black.
Thanks!

<mock><mock>
They are the same ones who have Flash on their site. Life is
too short to
worry about those tiny things....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Alec Fehl" <[email protected]> wrote in message
news:f88b1a$kec$[email protected]..
> You mock! Hey - I know developers who name their
subfolder "img" rather
> than "images" because it saves a few bytes in their
code. Everything is
> another brick in the wall and can add up to significant
savings if you get
> a lot of hits.
>
>
> --
> Alec
> Adobe Community Expert

How do you make the background of an object transparent in Adobe Illustrator?

Hello Forum.
How do you make the background of an object transparent in Adobe Illustrator?
I have been having issues with using the Magic Wand tool in Adobe Illustrator as well as the lasso tool.
Basically, I am trying to put a small graphic into a new Illustrator file.
The first thing I tried to do is to use the magic wand tool. But I found out that this did not work on a jpeg image since it did not have any individual objects to select.
So I tried something new. I opened the file in Adobe Photoshop and used the lasso tool to select an area. Then I coped this area. Then I tried to paste it into Adobe Illustrator. But the background was not transparent for the pasted image.
How do I make the background transparent.
I made this small video to show what I am talking about:
http://youtu.be/2LgMGEF6z10

Don't Copy/Paste the image.
Make it transparent in Photoshop, save a PSD and place it in Illustrator

In photoshop, how do you make a background a solid color?

In photoshop, how do you make a background a solid color?

Select all then edit fill is one way.
However if you mean the background behind a subject you need to separate the subject from its background the change just the background. Look for tutorials on replacing background and extracting subjects

TS2755 Is there a fix to deleting already deleted address book contact, from messages search? i.e. when you type in say letter c in messages search, all contact with a c, past already deleted and current all appear? How do you make the old deleted ones a

Is there a fix to deleting already deleted address book contact, from messages search? i.e. when you type in say letter c in messages search, all contact with a c, past already deleted and current all appear? How do you make the old deleted ones appear?

only way is to restore the phone as new. OR wait until IOS 7 comes out in the fall.

How would you make an effect like this?

Hi! I'm new to the forums, but hopefully it's ok if I start this new discussion. I'm very new to Photoshop as well (newbie).
Here is the image: http://sffbookreview.files.wordpress.com/2012/10/life-of-pi-banner.png
How would you make the image on the right - with the watercolor painting crop effect of the tiger? Also, how would you make the font on the left gradually turn to orange?
Thanks! Your help is much appreciated.

Hi there,
Here's a really quick tutorial on how to add the mask and gradient text over the image of a tiger.
Masking the Image
1) Open your image of the tiger. There should be two layers in your layers panel: the image and a white background.
2) With the tiger layer selected, click on the icon marked below in the layers panel to create a layer mask.
3) Being sure you have the mask you just created selected, paint with black using the brush tool to mask out the image. In your layers panel, if you look at the mask icon, you will see the areas where you were painting (on the canvas) change to black. Use a variety of brushes to recreate the effect in your example image.
Creating Text with a Gradient Effect
1) Use the Type Tool to create your basic text and reposition it on the page with the Move Tool.
2) In the layers panel, control click on the type layer and select Blending Options.
3) In the dialog box that opens, check the Gradient Overlay box and click on the "gradient overlay" text to move to the gradient options. Adjust the angle of the gradient, then click on the colored bar to select the colors you want. Click OK on each dialog to close them.
Final result:
I hope this helps, and please let me know if you need any more assistance.

How do you make items on the search result list a different colour after viewing as Explorer does.

How do you make items on the search result list a different colour after viewing as Internet explorer does?

Hi and welcome -
Start with fixing this missing semicolon (in red)
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
          background-color:#1A1A1A;
          background-repeat: no-repeat;
          background-position: 95% 50%;
You will find you will get faster, more accurate help from us if you upload your test page and any dependent files to your server and post a link here. That way we can examine ALL your code

How do you make adobe X open the "combine pdf" window in the foreground?

This may not be the correct forum for this question, but considering that I simply
have not been able to get a reply in any other Adobe forum, I decided
to just post this question to ALL Adobe forums until I get a response.........
How do you make adobe X open the "combine pdf" window in the foreground?
I am using a "Windows 7" computer at work with "Acrobat X Pro" and I'm constantly combining
pdf's and tiff's in Acrobat.
It would be nice if when I select 30 or 40 files to combine, the *******
"Combine Supported Files in Adobe Acrobat" window would open in the
foreground, not behind the 10 or so windows already open.
I have been researching this for some time now with no solution.
If the answer is that "IT CAN'T BE DONE", then that's fine. At least
I will have an answer and can stop searching. If (as I suspect) it can
be done, then kindly supply me with "step by step" instructions.
Michael Jones

Hi ,
I guess that was a bug in that version .
It does not happen in Acrobat XI and Acrobat DC .The window comes right in front of everything else .
I wonder that was a bug and that was fixed the other versions.
You could upgrade to the latest Acrobat version ,i.e Acrobat DC and you would not experience this anymore .
Regards
Sukrit Dhingra

How do you make imessage work? The icon is there. You can type in the recipient but are not allowed to hit the send button

How do you make imessage work? We upgraded to verision5. The icon is there. You can type the message but the send button is not available.

There is some instability in iMessage. It is a versatile and confusing app even though there are so few options in its use.
I had issues trying to get iMessage work on both my iPads and my iPhone.
ON the iPhone, turning off WiFi service and then trying iMessage fixed the problem.
On the iPad 2, same thing. Turning off WiFi service fixed it.
On the iPad 1, I took a suggestion from zoomzoom and changed the WiFi network configuration on the iPad to use 8.8.8.8 as a DNS server and then use iMessage. That fixed it. Now I put the DNS back to default and it still works.
I suspect the iPod Touch will have the same fix as the iPad.
If you have a WiFi and 3G iPad or iPhone, try turing off WiFi and see if that fixes it.
Why? (beware, some of this is guesswork)
iMessage can talk SMS to cellphones and smartphones (that are using the cell-network). It can also talk Apple iMessage format to iPhones and iPads whether they are on cell-network or on WiFi. If you are talking to an SMS cellphone, iMessage figures that out and blindly sends your message. If you are talking to a iOS5 device, iMessage figures that out too, checks to see that they are on-line, and then does something different if they are or are not on-line. If you type in an email address, and not a phone number, I think iMessage attempts to see if the email address is registered with Apple (or iCloud or whatever) and if it is not, it does something to let you know, possibly by making the Send button not light up.
In order to register iMessage and an email, you have to let the iOS device see whatever service it is that iMessage uses. That is where the problem happenes. zoomzoom suggested manually setting the WiFi DNS to google's 8.8.8.8 IP address, then run IMessage, and that seemed to fix the problem. Setting the iOS device to use 3G-only (by turning off WiFi) also fixed the problem. I suspect going down to StarBucks or McDonalds and using their WiFi would also fix the problem. Once the problem is fixed, it doesn't seem to come back so I can't test these 'fixes'.
To change the DNS on your iPad find your WiFi networks configuration, click on the blue arrow, touch DNS, backspace over the number that is shown, type in 8.8.8.8 Then click on the WiFiNetworks button at the top of the screen. Now go run iMessage. After that, you can delete the DNS entry again and leave it blank. Your iPad will fill it in from the WiFi router when it needs it.

How do you make photos vertical in iPhoto calendar?

When making a calendar in iPhoto, and you choose 6 or 7 photos to be displayed on that month, how do you make the 4 little photos vertical?

You can't change the frame. But you can Control-click on the photos and select Fit Photo to Frame Size and it will reduce the size of the photo so the entire portrait photo will display in the frame. The excess background will be the same color of the page's background.
Happy Holidays

How do you make images transparent in inDesign?

How do you make images transparent in Adobe InDesign CS5.5?

Dittco wrote:
It IS possible: Select the image. Open effects (Window > Effects). Switch from "normal" to "multiply". Viola! White background is gone.
That only works with a white background. In addition, it introduces a transparency effect, with its associated problems.
With a rather light background: Select the image. Open clipping path (Object > Clipping Path > Options). Select Type > Detect Edges; use Threshold and Tolerance to get as close as possible to the edge of your image. This may be difficult because of a too low resolution image, or too much fringe on the edge -- if all fails, use the Inset Frame value to force the mask "into" the image. Click OK, and the background is gone.
But that's not the only way: you can always create a clipping path manually, and then you are in total control, not limited by transparency side effects, auto-edge detection, and busy backgrounds.

How do you make a fixed gradient background?

Similar Messages

Maybe you are looking for