This tutorial is how to make a FORUM BORDER!
QUOTE
Lets get started!
1. How to figure out the size you want for your border is this. Im going to have a border with a width of 727. Then you figure out what size you want your bars. Im going to have a 10 pixel bar with a 5 pixel bar infront of it.
So... 727+10+10+5+5 = 757
Size = (for me) 757 x 15
2. Now Pick a color for your main Bg (middle). I'm going to use... Orange: BB7700.
IPB Image
3. Now make a new layer. Get out your Single column Marquee Tool.
IPB Image
Now select the very end of the left side, then fill it with black. then press the right arrow (-> on your keyboard) 10 times.. that will be 10 pixels wide wink.gif. Now fill it with black again. Now press the right arrow again 5 times. Then fill it.
IPB Image
4. Now on the same layer, Get out your Rectangular Marquee Tool (look below for the picture) Select imbetween the 2 bars (the 10 pixel bars or whatever you made)
IPB Image
Then get out your gradient tool. Make it Foreground to Background, then make a straight line across the selected area. I used colors orange: 9A6200 and BB7700.
Now get out your paint bucket tool, and get a color that is lighter than the rest of the BG and fill inbetween the 5 pixel bars.
IPB Image
5. Duplicate the layer (Layer2) then Edit>> Transform >> Flip Horizontal. Then move that duplicated layer all the way to the right.
IPB Image
6. Now your done with the graphics! Now code time! Put this code in your Global Headers:
CODE
Then put the URL of your BG that you made!
Discuss Add this link to... Bury
QUOTE
Lets get started!
1. How to figure out the size you want for your border is this. Im going to have a border with a width of 727. Then you figure out what size you want your bars. Im going to have a 10 pixel bar with a 5 pixel bar infront of it.
So... 727+10+10+5+5 = 757
Size = (for me) 757 x 15
2. Now Pick a color for your main Bg (middle). I'm going to use... Orange: BB7700.
IPB Image
3. Now make a new layer. Get out your Single column Marquee Tool.
IPB Image
Now select the very end of the left side, then fill it with black. then press the right arrow (-> on your keyboard) 10 times.. that will be 10 pixels wide wink.gif. Now fill it with black again. Now press the right arrow again 5 times. Then fill it.
IPB Image
4. Now on the same layer, Get out your Rectangular Marquee Tool (look below for the picture) Select imbetween the 2 bars (the 10 pixel bars or whatever you made)
IPB Image
Then get out your gradient tool. Make it Foreground to Background, then make a straight line across the selected area. I used colors orange: 9A6200 and BB7700.
Now get out your paint bucket tool, and get a color that is lighter than the rest of the BG and fill inbetween the 5 pixel bars.
IPB Image
5. Duplicate the layer (Layer2) then Edit>> Transform >> Flip Horizontal. Then move that duplicated layer all the way to the right.
IPB Image
6. Now your done with the graphics! Now code time! Put this code in your Global Headers:
CODE
Then put the URL of your BG that you made!
Discuss Add this link to... Bury
 757 x 15
<br />
<br />2. Now Pick a color for your main Bg (middle). I'm going to use... Orange: BB7700.
<br />
<br />IPB Image
<br />
<br />3. Now make a new layer. Get out your Single column Marquee Tool.
<br />
<br />IPB Image
<br />
<br />Now select the very end of the left side, then fill it with black. then press the right arrow (-> on your keyboard) 10 times.. that will be 10 pixels wide wink.gif. Now fill it with black again. Now press the right arrow again 5 times. Then fill it.
<br />
<br />IPB Image
<br />
<br />4. Now on the same layer, Get out your Rectangular Marquee Tool (look below for the picture) Select imbetween the 2 bars (the 10 pixel bars or whatever you made)
<br />
<br />IPB Image
<br />
<br />Then get out your gradient tool. Make it Foreground to Background, then make a straight line across the selected area. I used colors orange: 9A6200 and BB7700.
<br />
<br />Now get out your paint bucket tool, and get a color that is lighter than the rest of the BG and fill inbetween the 5 pixel bars.
<br />
<br />IPB Image
<br />
<br />5. Duplicate the layer (Layer2) then Edit>> Transform >> Flip Horizontal. Then move that duplicated layer all the way to the right.
<br />
<br />IPB Image
<br />
<br />6. Now your done with the graphics! Now code time! Put this code in your Global Headers:
<br />
<br />CODE
<br />
<br />
<br />
<br />
<br />
<br />Then put the URL of your BG that you made!)
LinksMarker is a Web 2.0 content management system
Comments