Reply
how did this web designer do this background?
Old 09-07-2008, 01:20 PM how did this web designer do this background?
Skilled Talker

Posts: 59
hi, i go to this site and try to figure out how it was done, the images, but a lot of them cant be right clicked or saved, so i was wondering if they are even images. and when i do save some of the images. when i preview them they appear as a strip across the screen no matter what their shape is. and how the webmaster did this background if i cant right click and save the images. also if anyone has any idea of what kind of nice font that is. i was also wondering if the background is one giant image or in pieces. any help greatly appreciated. thanks . derek

here is the website.

http://arstechnica.com/index.ars

Last edited by silverglade : 09-07-2008 at 02:04 PM.
silverglade is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 09-07-2008, 02:53 PM Re: how did this web designer do this background?
andrei155's Avatar
CEO of BLD Hosting

Posts: 1,056
Name: Andrei
Location: Canada
Could you link us to an example of a few images you were referring to?

Also some images are not click-able because they could be saved as a background via CSS.
__________________
BLD Hosting - Shared Hosting: As low as $3.13! Reseller Hosting: As low as $4.20. Master Reseller Hosting: As low as $6.00. Now includes a Free Domain!
No Overselling Policy! Web Hosting | Web Hosting Blog
andrei155 is online now
Reply With Quote
View Public Profile Visit andrei155's homepage!
 
Old 09-07-2008, 04:29 PM Re: how did this web designer do this background?
Skilled Talker

Posts: 74
Name: marshal
their are now images like you are referring to.
walkingbird is offline
Reply With Quote
View Public Profile
 
Old 09-07-2008, 08:29 PM Re: how did this web designer do this background?
Extreme Talker

Posts: 225
That looks like a plain normal site without any exciting images to even try right click and save! Are you sure you linked to the right site?
alemcherry is offline
Reply With Quote
View Public Profile Visit alemcherry's homepage!
 
Old 09-08-2008, 02:02 AM Re: how did this web designer do this background?
Skilled Talker

Posts: 59
im not sure the anwers to those questions, but my main question now is, do you think that main page was made with one giant background image, or with several images. im trying to learn how to build a site with images like that. anyway, when i right click and save one of the background images, when i look at them in photoshop, they show up as a solid long line instead. i dont know why. any help greatly appreciated thanks. derek

Last edited by silverglade : 09-08-2008 at 02:13 AM.
silverglade is offline
Reply With Quote
View Public Profile
 
Old 09-08-2008, 06:17 AM Re: how did this web designer do this background?
chrishirst's Avatar
Super Moderator

Posts: 15,229
Location: Blackpool. UK
Ahh right!

It's a repeating background image, usually used for gradients.

You create the layout in an image editor with your gradient, vertically or horizontally then take a "slice" maybe 2 or 3 pixels wide (or high) and apply it to the background of the element, setting it to repeat in the "x" or "y" axis.

"x" axis is to repeat horizontally (a vertical image repeating Left - Right), "y" axis repeats vertically (a horizontal image repeating Top - Bottom)

Code:
body {
	background-image: url(/images/image.ext);
	background-repeat: repeat-y | repeat-x;
	
}
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 09-08-2008, 09:32 AM Re: how did this web designer do this background?
Skilled Talker

Posts: 59
ok thank you very much for explaining that. thanks. derek
silverglade is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to how did this web designer do this background?
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com | Text Link Brokers 


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.13545 seconds with 12 queries