/    Sign up×
Community /Pin to ProfileBookmark

Coding in photoshop

Copy linkTweet thisAlerts:
Jan 06.2009

Does anybody know how to code a two-color background in photoshop? I have a document that I’m making into a web file and know how to use one color if the background needs to be filled in so that you don’t have a white screen. However, I composed a new document with the top third blue on the right edge and the bottom 2/3 black. Any help would be appreciated.

to post a comment
Full-stack Developer

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@aj_nscJan 06.2009 — I composed a new document with the top third blue on the right edge[/QUOTE]

I can't really picture what you mean, but stay away from photoshop if it's such a simple solid colour background. Use CSS. Use a div with a blue background colour and position it in "the top third on the right edge" of your page and then set the regular background colour of your document to black. Bottom line: no photoshop is necessary unless you need textures.
Copy linkTweet thisAlerts:
@dreadingjsauthorJan 06.2009 — The top third was done in photoshop using a linear gradient. The left side is red, the right side is blue. I tried to simplify it for coding by having it go across the document. Imageready helps me with javascript since that's an area I need more knowledge on.
Copy linkTweet thisAlerts:
@FangJan 06.2009 — Maybe an image would help explain the problem better.
Copy linkTweet thisAlerts:
@dreadingjsauthorJan 06.2009 — Here is a link of the example I was trying to make. It's for a design contest I was entering and it's hard to enter using pure coding, so I do mockups in photoshop first.

Thanks you guys.

dreadingjs

http://99designs.com/contests/15671/entries/1194150
Copy linkTweet thisAlerts:
@FangJan 07.2009 — html {background:#000 url(gradient.png) top no-repeat;}
body {margin:5em;}
The slight offset of the menu to the bottom of the gradient is 'irritating'.
Copy linkTweet thisAlerts:
@dreadingjsauthorJan 13.2009 — Thank you fang.

Sorry it took me so long to respond. I got tied up this week.

I was thinking I could separate the top area and bottom area as a div, but then it wouldn't be centered. I guess an image is the only way then.
Copy linkTweet thisAlerts:
@FangJan 13.2009 — Possible, but not so logical as a layout.
×

Success!

Help @dreadingjs spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...