943,788 Members | Top Members by Rank

Ad:
You are currently viewing page 1 of this multi-page discussion thread
Feb 15th, 2009
0

Adding Photoshop Content Box and Background

Expand Post »
Hey all,

I am a newbie to this forum and web-design and hope this has not been asked a hundred times.

I have created a content box in Photoshop CS2. I have made it a transparent png. I am curious to see if I can add text to it in CSS or do I need to do it in photoshop? Also, I would like to add images to this content box, is this possible?

I added this as an image as an attachment.

Finally, should I add this as an image in my html file or css?

Best,
Erek
Attached Thumbnails
Click image for larger version

Name:	box.png
Views:	29
Size:	6.2 KB
ID:	9241  
Reputation Points: 10
Solved Threads: 0
Light Poster
Erek4 is offline Offline
34 posts
since Feb 2009
Feb 15th, 2009
0

Re: Adding Photoshop Content Box and Background

addin Png in html causes white background sometimes. and also png takes more space then all other images. if u want to add some content over an image @ html. use the image as background.
i used 3 gif images as my background on my site. i could use png also. but for keep speed flow most of the designers use gif and jpeg.
Reputation Points: 10
Solved Threads: 0
Light Poster
rockbd is offline Offline
29 posts
since Mar 2007
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

Rockbd,

Thanks for your reply.

Erek
Reputation Points: 10
Solved Threads: 0
Light Poster
Erek4 is offline Offline
34 posts
since Feb 2009
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

Hi Erek4,

First things first. Read up on the link below, it will explain how to create rounded corners (too lazy to type it out for you)
Click here.

You can use PNG or Gif, only older browsers don't support png transparency, but if you really wanted to use them, you could use a pngFIX. but GIFs usually do the trick. Take a look at yet another link below to get an idea of what file formats do what:
http://www.corda.com/docsource/Cente...t_features.htm
Reputation Points: 46
Solved Threads: 48
Posting Pro in Training
macneato is offline Offline
410 posts
since Jun 2007
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

Thanks for the input. I was curious, can I save the image as a gif in photoshop. In photoshop, I thought I was limited to what format I could save an image to. Also, when I added text to the image I was unable to save it in any format except: .psd

I will check this out again.

Thanks for the links and the comparison chart.

Best,

Erek
Reputation Points: 10
Solved Threads: 0
Light Poster
Erek4 is offline Offline
34 posts
since Feb 2009
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

Photoshop allows you to save as specific web formats. Not sure what version you are using, but to save for web do the following:

FILE > Save for web and devices
or alternatively use the shortcut;
ctrl+alt+shift+s
Reputation Points: 46
Solved Threads: 48
Posting Pro in Training
macneato is offline Offline
410 posts
since Jun 2007
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

WELLL!! macneato. i thinkg he do know how to save!!! [no offence]
Reputation Points: 10
Solved Threads: 0
Light Poster
rockbd is offline Offline
29 posts
since Mar 2007
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

Click to Expand / Collapse  Quote originally posted by Erek4 ...
In photoshop, I thought I was limited to what format I could save an image to. Also, when I added text to the image I was unable to save it in any format except: .psd
Read the post probably... then re-think what you just said to me.
Reputation Points: 46
Solved Threads: 48
Posting Pro in Training
macneato is offline Offline
410 posts
since Jun 2007
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

sry!! i didnt saw that!!
Reputation Points: 10
Solved Threads: 0
Light Poster
rockbd is offline Offline
29 posts
since Mar 2007
Feb 16th, 2009
0

Re: Adding Photoshop Content Box and Background

Macneato,

Thanks, I am new to Photoshop (CS2) and wanted to make sure I was doing it right.

Erek
Reputation Points: 10
Solved Threads: 0
Light Poster
Erek4 is offline Offline
34 posts
since Feb 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in Graphics and Multimedia Forum Timeline: Background Images
Next Thread in Graphics and Multimedia Forum Timeline: how to make a flash menu bar without using a flash software?





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC