how to do a background image with line?

Stephen3 · 07-13-2006, 06:42 AM

How to do a background image have line on image? like this image~

LeetPCUser · 07-13-2006, 07:55 AM

You need CSS

Code:

#line
{
 background-image:url(http://wac.658e.edgecastcdn.net/80658E/namepros/images/line.gif);
 background-repeat:repeat-x;
 height:xxpx;
 width:xxpx;
}

Stephen3 · 07-13-2006, 10:10 AM

err... I know the coding, I mean how to design the images have line on it.

monaco · 07-13-2006, 10:22 PM

What do you mean? Like, how to create the line image that repeats? That's just a matter of opening up something like paint and creating an image that's only 1px tall (or wide, if it's a vertical span).

Stephen3 · 07-14-2006, 02:52 AM

I've reupload the larger images so can see more clear...
I want to know how to do the /////////////////// line on image

LeetPCUser · 07-14-2006, 05:19 AM

You just did it...

Stephen3 · 07-14-2006, 08:05 AM

The image not do by me.. i get it from other website

LeetPCUser · 07-14-2006, 08:16 AM

Oh that is photoshop. You have to make a brush.

http://www.webdesign.org/web/photosh...ines.1078.html

Here is a tutorial which explains it a bit better.

StudioWorks · 07-15-2006, 04:58 AM

It's very easy. You just create a link and use the background-repeat function in CSS..

07-13-2006, 07:55 AM	#2 (permalink)
LeetPCUser Account Closed Join Date: May 2005 Location: Whitewater, WI Posts: 3,710	You need CSS Code: #line { background-image:url(http://wac.658e.edgecastcdn.net/80658E/namepros/images/line.gif); background-repeat:repeat-x; height:xxpx; width:xxpx; }

07-13-2006, 10:22 PM	#4 (permalink)
monaco NamePros Regular Join Date: Jul 2005 Location: Tucson, AZ Posts: 689	What do you mean? Like, how to create the line image that repeats? That's just a matter of opening up something like paint and creating an image that's only 1px tall (or wide, if it's a vertical span). __________________ My Website \| My Blog

07-15-2006, 04:58 AM	#9 (permalink)
StudioWorks no one lives forever Join Date: Apr 2004 Location: NamePros Posts: 8,075	It's very easy. You just create a link and use the background-repeat function in CSS.. __________________ epagini.com mexicorealty.net softwarepit.com yadasoftware.com

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

07-13-2006, 10:10 AM	THREAD STARTER #3 (permalink)
Stephen3 NamePros Member Join Date: Sep 2005 Posts: 63	err... I know the coding, I mean how to design the images have line on it.

07-14-2006, 02:52 AM	THREAD STARTER #5 (permalink)
Stephen3 NamePros Member Join Date: Sep 2005 Posts: 63	I've reupload the larger images so can see more clear... I want to know how to do the /////////////////// line on image

07-14-2006, 05:19 AM	#6 (permalink)
LeetPCUser Account Closed Join Date: May 2005 Location: Whitewater, WI Posts: 3,710	You just did it...

07-14-2006, 08:05 AM	THREAD STARTER #7 (permalink)
Stephen3 NamePros Member Join Date: Sep 2005 Posts: 63	The image not do by me.. i get it from other website

07-14-2006, 08:16 AM	#8 (permalink)
LeetPCUser Account Closed Join Date: May 2005 Location: Whitewater, WI Posts: 3,710	Oh that is photoshop. You have to make a brush. http://www.webdesign.org/web/photosh...ines.1078.html Here is a tutorial which explains it a bit better.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)