BorderHelp

Status:
Joined: July 15, 2010
Last Seen: 1 decade
user id: 116595
So you want to make a border?
No problem. It's actually really freaking easy.

My regular username is KristyEPIC.
I'm going to tell you how to make a border like this.
Why? Because I think everyone should
know how so you're not all just jocking other
people's borders.


I know this is like the most obvious thing in the
world but make sure you click the source
button before you put any of this in!

-------------------------------------------------

This is the code that will give you ONE border
<div style="border: 3px solid #01CCFF;">
You can change this number to whatever you want.
You can change "solid" to "dashed" "double" or "dotted"
You can change this to any color you want.

Now you're probably going to want to put this code

<div style="border: 3px solid #01CCFF;">
about 10-30 times depending on how big or
colorful you want your border.
it'll look something like this

<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">

This border is made up of 20 smaller borders.
Now it's up to you.
You just play with the px number, the type of borders,
and the colors.

------------------------------------------------

I'm sure everyone already knows this but if you don't
know where to get the colors go to this site
http://patorjk.com/text-color-fader/

To see a bigger version of this image put this link
into a new tab or window.

http://i46.tinypic.com/9vgxvt.jpg

it'll look kinda like that... except you know the size of your computer screen... so then you pick out whichever colors

Enter in about 20 (Or how ever many borders you're using)
letters, numbers, symbols (I used these --------)
into the big box then click "Generate Color Faded Text"
Then it should look like this

To see a bigger version of this image put this link
into a new tab or window.

http://i46.tinypic.com/atq5xt.jpg

The green square shows your text all colorfied.

I don't know if you can tell but there are little pink rectangles in the code box.
They're around the color codes which will look
kinda like this
#01CCFF
These will go where the pink is
<div style="border: 3px solid #01CCFF;">

It will take a little while to paste all of the colors but
when you're done your code should look kinda like this
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #0EC1FF;">
<div style="border: 3px solid #1CB7FE;">
<div style="border: 3px solid #29ACFE;">
<div style="border: 3px solid #36A1FD;">
<div style="border: 3px solid #4497FD;">
<div style="border: 3px solid #518CFC;">
<div style="border: 3px solid #5F81FC;">
<div style="border: 3px solid #6C77FB;">
<div style="border: 3px solid #796CFB;">
<div style="border: 3px solid #8761FA;">
<div style="border: 3px solid #9456FA;">
<div style="border: 3px solid #A14CF9;">
<div style="border: 3px solid #AF41F9;">
<div style="border: 3px solid #BC36F8;">
<div style="border: 3px solid #CA2CF8;">
<div style="border: 3px solid #D721F7;">
<div style="border: 3px solid #E416F7;">
<div style="border: 3px solid #F20CF6;">
<div style="border: 3px solid #FF01F6;">

--------------------------------------------------------


Witty will automatically change your code a bit so
that instead of
<div style="border: 3px solid #FF01F6;">
each border will look like this
<div style="border: 3px solid rgb(0, 212, 255);">

I don't know why it does it, it just does.

-------------------------------------------------------

I think that's about it... I think I made it all pretty clear
but if you have any questions, just ask.

Don't just be like "I don't get it.."
Cause that's just stupid and I wont
even answer your ass.

Hope I helped!

                                                             -Kristy♥
 

Quotes by BorderHelp

Are you tired of taking other people's borders?

Do people often leave harsh comments on your profile saying things like "JOCKER &$%@#!"

Has your border stealing caused a rift between you and your loved ones?

Well then check out my profile and learn how to make your own borders with my completely idiot-proof tutorials!
                                                                               
Border and stupid commercial lines by
KristyEPIC
Want to make a border?
It's actually really freaking easy.
& I think everyone should
know how to make their own borders
so you're not all just jocking other
people's.

This border is made up of 20 smaller borders..
This is the code that will give you ONE border
<div style="border: 3px solid #01CCFF;">
You can change this number to whatever you want.
You can change "solid" to "dashed" "double" or "dotted"
You can change this to any color you want.

Now you're probably going to want to put this code
<div style="border: 3px solid #01CCFF;">
about 10-30 times depending on how big/
colorful you want your border.

like this
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">
<div style="border: 3px solid #01CCFF;">

ect,ect,ect...

If you still don't get it,
I put a more thorough tutorial on my profile.
       BORDER HELP
 Here's the code to make this particular border:

<div style="border: 2px solid #FFC401; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FFAC12; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF9323; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF7B34; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF6345; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF4A55; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF3266; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF1977; -moz-border-radius: 15px 15px 15px 15px;">
<div style="border: 2px solid #FF0188; -moz-border-radius: 15px 15px 15px 15px;">


If this makes no sense to you at all, I'll break it down.

This code (below) will give you one border.

<div style="border: 2px solid #FFC401; -moz-border-radius: 15px 15px 15px 15px;">

I'm not sure if you would want to change the size of this particular border but that's up to you. You can change the 2px to whatever you want.

You can change this to whatever color you want. If you want to just type in "red" "blue" "yellow" ect ect ect. Go for it. Otherwise you can get your colors from http://patorjk.com/text-color-fader/

15px 15px 15px 15px basically just determines how rounded the border is going to be from 1px to 360px. 1px just makes a square border, 360px makes a super round border.

I think that's everything, check my profile for more tutorials for other types of borders.