I need help on making a cool content box FOr myspace |
![]() ![]() |
I need help on making a cool content box FOr myspace |
Dec 24 2008, 12:33 AM
Post
#1
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 31 Joined: Nov 2008 Member No: 698,157 |
I want to make a cool content box for myspace i know how to do it but the thing is how do you make it look cool like at a texture to to it or something liket this in the layout the content box have a cool border with dashed lines can someone help on how to do it or know of any good sites or tutorials?
layout site |
|
|
|
Dec 24 2008, 01:17 AM
Post
#2
|
|
|
Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 |
What that site did was created the border in photoshop and incorporated it into his background image in Photoshop. Then with his coding, he positioned his DIV layer with content inside of it.
Step 1: Part of this tutorial shows you how to make diagonal lines: http://www.createblog.com/tutorials/tutorial.php?id=905 Step 2: Create a DIV Overlay Layout: http://www.createblog.com/forums/index.php?showtopic=142922 |
|
|
|
Dec 24 2008, 03:33 AM
Post
#3
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 31 Joined: Nov 2008 Member No: 698,157 |
thanks but i know how to code a div layout!
all im asking is how to do the content box i already got the pattern i just want to know how to put in the box u get me now? |
|
|
|
Dec 24 2008, 04:14 AM
Post
#4
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
look where your div class code is and put the below somewhere in there.
CODE background-image: url("URL"); You might have to remove the quotes. Replace URL with the image url of the image you're going to use. |
|
|
|
Dec 24 2008, 12:37 PM
Post
#5
|
|
|
Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 |
OH. I understand now :]
Make sure that you, in addition to what Mike gave you, add the padding: CODE background-image: url("URL"); padding:20px; That way you can see the border of your box, and not have the whole thing covered up. Or, you could make the patterned box a part of the background image of your DIV, and then position your content into that area of your background image, like you would a DIV layout. |
|
|
|
Dec 24 2008, 06:04 PM
Post
#6
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
^Yeah, that's what I do.
|
|
|
|
Dec 26 2008, 10:06 PM
Post
#7
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 31 Joined: Nov 2008 Member No: 698,157 |
lol thanks both of your for your help but umm i think you guys still dont get me, but anyways i found the answer to my question by messing around in photoshop lol thanks though!
|
|
|
|
Dec 26 2008, 10:40 PM
Post
#8
|
|
![]() Mel Blanc was allergic to carrots. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 6,371 Joined: Aug 2008 Member No: 676,291 |
No problem.
topic closed. |
|
|
|
Dec 26 2008, 11:57 PM
Post
#9
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 |
|
|
|
|
![]() ![]() |