Log In · Register

 
 
Closed TopicStart new topic
I need help on making a cool content box FOr myspace
Flakko
post 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

 
digitalfragrance
post 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
 
Flakko
post 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?
 
Mikeplyts
post 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.
 
digitalfragrance
post 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.

 
Mikeplyts
post 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. _smile.gif
 
Flakko
post 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!
 
Mikeplyts
post 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.
 
manny-the-dino
post Dec 26 2008, 11:57 PM
Post #9


Senior Member
*******

Group: Administrator
Posts: 8,629
Joined: Jan 2007
Member No: 498,468



QUOTE(Mikeplyts @ Dec 26 2008, 07:40 PM) *
topic closed.

And moved
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: