|
| |||||||
| Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read |
|
Welcome to the Photoshop Gurus Forum forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! If you have any problems with the registration process or your account login, please contact contact us. |
 |
| | LinkBack | Thread Tools | Display Modes |
02-20-2008, 01:43 AM
| |||
| |||
| Variable width layer for web use? Hi. I'm taking my very first shot at site building using Photoshop CS3, and finding it quite easy and useful in getting the exact look I want. There's just one remaining task....getting the background layer (just a plain solid color) to have a variable width for anyone using a screen res wider than 1024. Currently, if I look at the page on a larger screen, the color stops at 1024 and the space to the right is just plain white. I want that color layer to fill the browser window, no matter how wide. Do I need to somehow convert that layer to "CSS" (which I know nothing about) to get that variable width? Is CS3 capable of getting this result? [Before you reply...I realize that Photoshop is not the best tool for web design, but please don't suggest that I purchase new software or learn html. I am just building one site for my own personal use, and that's it. I'm not yearning for a career in web design, and once this site is done, I'll likely never do it again. Besides, this site is about 95% finished, and it looks beautiful...just the way I was hoping it would turn out. Once this last little detail is solved...case closed.] Many thanks! Fred      |
|
04-27-2008, 08:21 AM
| |||
| |||
| Piece of cake Fred. What you've ended up doing is slicing/saving your Ps document's background colour as part of the images that make up your site's look. Generally that's not done, but it's an easy fix. Not that it matters much to you now, but the option in Ps's '"Save For Web" options window to "save a copy of the background colour/layer" might or might not help you, depending on what you're trying to achieve. None-the-less... your solution now is a simple one. Put this code within the <body> tag in all of your html pages (it's near the top of the code): bgcolor="#put your color number here". For example: bgcolor="#4e6b2a". To get this specific hex number, simply use the Eye Dropper tool and click on the background colour in your Photoshop web page document. This will assign your foreground colour to the toolbar. Click on that colour in the toolbar and at the bottom middle-right of the colour editor window that opens you'll see the hex code for that colour. (See the sample image attached) Copy&Paste that hex code to your html page's BODY tag the way i explained. Just open your html document with Note Pad (or the Mac equivalent). The <BODY> tag is easy to find. Hope this helps. 
__________________ The lessons to be learned, are found along the Path to your destination... not at your destination. |
|
| Thread Tools | |
| Display Modes | |
| |
Linear Mode
