PhotoshopForums.com Home
Navigate Contact FAQ Search Members
How do I create a web background that's 1x1 pixel?
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Manipulation
Goto page 1, 2  Next
 See a User Guidelines violation? Please contact us.
Author Message

ocalagirl

Joined: 30 Jun 2004
Posts: 6



PostPosted: Wed Jun 30, 2004 8:07 pm    Post subject: How do I create a web background that's 1x1 pixel? Reply with quote

Many of the website are now using a background which looks like 1 pixel small lines running across the page, or dots, etc.
I have tried to replicate this in many ways, but can't seem to get it right.
I have made the image in a larger version and then reduced it down to 1x1 picels, but that only blends everything together.
Does anyone know the trick for this.
I have attached a sample of what I'm talking about. This is larger than 1x1, but most of the ones I have "lifted" are 1x1 and barely visible, but when you add them to a webpage and they tile they become fine lines.
Please help! :-?



stripegreen.gif
 Description:
this is an example of a 1x1 in green. Needs to be placed into a webpage to see the effect.
 Filesize:  15.75 KB
 Viewed:  4271 Time(s)

stripegreen.gif



goldstripe.gif
 Description:
 Filesize:  149 Bytes
 Viewed:  4271 Time(s)

goldstripe.gif


View user's profile Send private message

White Warlock

Joined: 02 Mar 2004
Posts: 75



PostPosted: Thu Jul 01, 2004 3:24 am    Post subject: Reply with quote

to understand how they did it, right click on their page and click View Source.

There are quite a few different ways of doing it, but i'm thinking you're talking about the use of tables.
View user's profile Send private message

ocalagirl

Joined: 30 Jun 2004
Posts: 6



PostPosted: Thu Jul 01, 2004 7:10 am    Post subject: Reply with quote

Thanks for your reply.
I have checked the "Source" and even if a .css sheet was used it is still a made graphic rather than code.
As seen in the examples I posted, these are graphics not code. These images were "lifted" from the pages I was interested in but going to the code and then bringing up the graphic in the address.
There must be a way! :brow:
View user's profile Send private message

White Warlock

Joined: 02 Mar 2004
Posts: 75



PostPosted: Sun Jul 04, 2004 11:51 am    Post subject: Reply with quote

How about providing the url of one of the websites you're referring to?
View user's profile Send private message

ocalagirl

Joined: 30 Jun 2004
Posts: 6



PostPosted: Sun Jul 04, 2004 12:01 pm    Post subject: Reply with quote

thanks for your trouble.
One is
http://www.sbpolo.com/club/club.htm
This is the gold stripe above that I already posted. (not 1x1, but larger) and it appears as part of the background below the frames.

Another is:
http://www.lanierbb.com/
and this is the pink background which shows as 1x1 in the source.

There are many more that are using this method, but these are good examples.

Thanks so much!
Confused
View user's profile Send private message

White Warlock

Joined: 02 Mar 2004
Posts: 75



PostPosted: Sun Jul 04, 2004 12:43 pm    Post subject: Reply with quote

Ahh, okay. the 1x1 pixel gif is only a 'clear' one pixel placeholder for the 'cell' in the table. The graphic you see is the tiled background within that cell. Without the clear placeholder, the cell background doesn't display and you are unable to redimension the cell.

Here's a page that may help you understand it. Look into the table row and table cell elements. If you still don't understand after reading that, i'll walk you through it the slow way. :P
View user's profile Send private message

ocalagirl

Joined: 30 Jun 2004
Posts: 6



PostPosted: Sun Jul 04, 2004 4:32 pm    Post subject: Reply with quote

Hi, Warlock,
you forgot include the url to the site you referred me to.
Thanks a lot. Brow
View user's profile Send private message

White Warlock

Joined: 02 Mar 2004
Posts: 75



PostPosted: Mon Jul 05, 2004 5:26 am    Post subject: Reply with quote

lol, indeed i did.

http://www.w3.org/TR/REC-html40/struct/tables.html
View user's profile Send private message

ocalagirl

Joined: 30 Jun 2004
Posts: 6



PostPosted: Mon Jul 05, 2004 6:21 am    Post subject: Reply with quote

Hi, Warlock,
thanks for the site. Most helpful.
I do understand about the "clear" spacers as holders, but what I am interested in is the background that displays in the cells.
this is where the 1x1 pixels are used and then they tile.
It's the graphic itself I am looking to duplicate.
Obviously one can't work with a 1x1 canvas and then fill, etc. So one must start out with a larger canvas, select the colors, and in most cases, there are two colors used to get the striping effect in two-tone, such as in the greenstripe.gif I sent earlier. If placed on a webpage, this becomes a green/black strip after it tiles.
However, when starting with a larger canvas and then reducing it down to a 1x1 at the end, the colors don't display correctly anymore and the striping seems to dissappear.
How is this done so it looks like what you see on the pages?
Bawling
View user's profile Send private message

Sk3TcH

Joined: 19 Jul 2004
Posts: 45
Location: Australia


PostPosted: Wed Jul 21, 2004 10:46 am    Post subject: Reply with quote

hey I'm pretty drunk so I don't relly understand what your talking about but hve you tried save to web?
it might not mess with the colours then...
View user's profile Send private message Send e-mail MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> Manipulation All times are GMT - 6 Hours
Goto page 1, 2  Next
Page 1 of 2
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com