Cr1tiKaL (2014-07-09 09:50:54)

---

~Welcome to the Text Stuff Guide! Where you'll find a few CSS codes that might help you with styling your text in your profile. I understand if you close this, but I just want to try out this whole 'CSS' coding thing. I'm pretty much a beginner at this so please bare in mind I might make a couple of coding errors. So let's get started!~

Make sure you add the [style] [/style] tags beside your CSS codes!

---

-Font Changing-
This code is very cool, it changes the font of your profile. There is a list of fonts you can use for your profile below. Some fonts that are not in this list might not work, some might so it is worth trying out yourself.

.content{font-family: Insert Font Name Here ;}

There is another code for fonts, but this code uses a name and a source. Use this one if you are going to use .TTF, .OFF or .WOFF files.

@font-face{font-family: Insert Font Name Here; src: url(Insert Font Source Here);}



[link=70%]

-Text Size Adjusting-
I just found this out not so long ago, I had to keep in saying it out loud to remember it. This code will resize your text by how many pixels you give it. 40px is well-sized.

.content{font-size: Insert Size Herepx;}

Here is another way of resizing the text, this is also a way to avoid troubles with older browser versions of Internet Explorer and Mozilla Firefox. (But who uses these anyways.) 1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.
A friend taught me this one, still don't really know how to use it. Hope you can figure it out yourself!

.content{font-size: 2.5em; /* 40px/16=2.5em */}

---

-Text Coloring-
This works 2 ways, color name or Hex Code. There will be a picture containing all Hex Codes in a spoiler below. This code will change your profile's text's color. Color names are just a simpler form of Hex.

.content{color: Insert Color or Hex Here;}

---

-Text Aligning-
This code has the ability to align text in your profile. There are 3 ways to align text.
Center = It will center the text in the middle of your profile.
Right = It will shove the text to the right of your profile.
Justify = It's kind of like a magazine or newspaper. The text is stretch so that each line has the same width.

.content{text-align: Insert Alignment Here;}

---

-Text Transforming-
This code gives you an option to set the way the words look like. (I know it's a horrible description) What I mean by that is the capitalisation. These include.
Uppercase = ALL THE TEXT WILL BE LIKE THIS.
Lowercase = all the text will be like this.
Capitalize = All The Words In Your Profile Will Start With A Capital.

.content{text-transform: Insert Transformation Here;}

---

-Text Shadowing-
This is a great CSS code that might impress you, it adds a shadow beneath the text. In my opinion, I like it. You can fiddle with the the color and how far apart the the shadow is from the text.

.content{text-shadow: 5px 5px 5px #Insert Hex Here;}

---

-BBCodes for text-
Yes, BBCodes isn't CSS, or even a source of programming. I just had to include it because it was pretty relevant to 'Text Stuff'.

Bold Text:
[ b]This is Bold Text[ /b]
This Bold Text

Italic Text:
[ i]This is Slanted Text[ /i]
This is Slanted Text

Crossed Text:
[ s]This strikes the text[ /s]
This strikes the text

I can't be bothered doing the rest because most of you probably already know these.

---

Thanks

This post has been edited one or more times, the last time was:
2014-07-09 16:53:02

---

NightSerpent (2014-07-09 18:15:04)

---

Not bad, even though I already know these, but it could be some help for new users.

---

DrakeJericho (2014-07-10 03:21:16)

---

Pretty good. We have tons of stickied threads already with most of this information on there already but yeh

---

StarKiller889 (2014-09-15 21:00:58)

---

Good job

---

little5 (2014-09-17 10:14:50)

---

What Drake said.

---

little5 (2014-10-14 22:38:48)

---

Closed due to bump.

---

DrakeJericho (2014-10-15 12:35:28)

---

Nice job Meia

---