how do i make a layout?, like this.. |
how do i make a layout?, like this.. |
![]()
Post
#1
|
|
![]() skate.like.sasha ![]() ![]() ![]() Group: Member Posts: 75 Joined: Nov 2004 Member No: 63,612 ![]() |
can anyone help me how to make something like THIS specifically the green and purple table.
is it plainly made in a graphic program? it would be great if you could lead me to a tutorial.. or can i hardcode it in html? thanks for the help, it would be greatly appreciated! |
|
|
![]() |
![]()
Post
#2
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 ![]() |
|
|
|
![]()
Post
#3
|
|
![]() skate.like.sasha ![]() ![]() ![]() Group: Member Posts: 75 Joined: Nov 2004 Member No: 63,612 ![]() |
aaah ok. i kind of get it already. but how do i know the size of an image for the background?
|
|
|
![]()
Post
#4
|
|
![]() skate.like.sasha ![]() ![]() ![]() Group: Member Posts: 75 Joined: Nov 2004 Member No: 63,612 ![]() |
hello. i may know some basic html/css codes but i'm really new into making a layout. i've found a lot of site that has a layout that looks something like this.
i was wondering if anyone could teach me or direct me to a tutorial on how to make something like that using psp or ps.(eitherway, in which you would think it would be easier to do) on how the table(if it is a table) looked brown to light brown.. thanks in advance. |
|
|
*mona lisa* |
![]()
Post
#5
|
Guest ![]() |
I'm not exactly sure what you mean, but if you're talking about how the banner fades into the background, a simple gradient was used.
|
|
|
![]()
Post
#6
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 ![]() |
-> Original moved from Programming and then merged with duplicate.
Don't make duplicate topics, especially in different forums. And, to answer you question from the original, you just copy the last pixel of your header image as your background. For the new one, the only different thing is that they added a pattern to the bg and then did the boxes. |
|
|
![]()
Post
#7
|
|
![]() skate.like.sasha ![]() ![]() ![]() Group: Member Posts: 75 Joined: Nov 2004 Member No: 63,612 ![]() |
QUOTE(fishcake-y @ Oct 16 2005, 11:48 AM) -> Original moved from Programming and then merged with duplicate. Don't make duplicate topics, especially in different forums. And, to answer you question from the original, you just copy the last pixel of your header image as your background. For the new one, the only different thing is that they added a pattern to the bg and then did the boxes. i'm sorry. that was completely unintentional. ![]() |
|
|
![]()
Post
#8
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 4,591 Joined: Dec 2004 Member No: 77,305 ![]() |
All the user did was make an image with those 2 colors going down again and again.
|
|
|
![]()
Post
#9
|
|
![]() skate.like.sasha ![]() ![]() ![]() Group: Member Posts: 75 Joined: Nov 2004 Member No: 63,612 ![]() |
|
|
|
*mona lisa* |
![]()
Post
#10
|
Guest ![]() |
You CAN use a table, but doing it in Photoshop would be much simpler. The background would looke exactly like the image further down, but only a pixel high. Then set the bg image to stretch down the page so you don't have to necessarily do it using a table.
|
|
|
![]()
Post
#11
|
|
![]() skate.like.sasha ![]() ![]() ![]() Group: Member Posts: 75 Joined: Nov 2004 Member No: 63,612 ![]() |
QUOTE(mona lisa @ Oct 19 2005, 4:55 PM) You CAN use a table, but doing it in Photoshop would be much simpler. The background would looke exactly like the image further down, but only a pixel high. Then set the bg image to stretch down the page so you don't have to necessarily do it using a table. how do i exactly stretch down the image? |
|
|
![]()
Post
#12
|
|
![]() Death is a promise given to us at birth ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 4,757 Joined: Mar 2004 Member No: 7,459 ![]() |
gradient overlay.
first make one column green and another purple. It's a background so it stretches when you want it to end. Just set the height to what you want. |
|
|
![]()
Post
#13
|
|
![]() "my girls rock balenciaga and smoke mad marijuana" ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 2,089 Joined: Dec 2004 Member No: 70,049 ![]() |
yeah it is just an image repeating itself right? it saves space if the image is small; the layout could be made in frontapge using different layers...so? hope this helps..topics kinda old but oh well! :]
|
|
|
![]() ![]() |