DIR Return Create A Forum - Home
---------------------------------------------------------
Community
HTML https://warriorsheaven.createaforum.com
---------------------------------------------------------
*****************************************************
DIR Return to: Help
*****************************************************
#Post#: 84--------------------------------------------------
Basic CSS Guide
By: Rilye195 Date: September 21, 2012, 11:51 pm
---------------------------------------------------------
[center]Hello there! I'm Ryo (Kaiz), and I just created
∞HW∞'s first ever CSS guide!
Please read everything before going on, asking a ton of
questions, thanks :)
SUPER REMINDER!:
-DO NOT POST ANY OF THE CODES HERE! IT'LL SCREW UP THE PAGE AND
YOU WILL BE WARNED FOR SPAM.
-REMEMBER TO ERASE THE "*s" THAT YOU SEE WHEN CODING!
[hr]
[u][b]The Basics
I'm going to go through these pretty quickly, because
∞WH∞ already has the basic BBC codes there for you.
Can't find it? It's write above every reply you make, usually
underneath the "subject" area. Please, open a new tab and look
for it? Once you're done come back here.
"What's HTML AND CSS mean?"
[i]HTML
stands for HyperTest Markup Language
CSS
stands for Casscading Style Sheets
[hr]
HTML uses those little symbols that you may have seen:
square brackets:
(I know that Mweor and other sites use "<" and ">" but
∞WH∞ uses...)
"[" and "]"
Here's some examples: [color=blue]Blue Font[/font]
[*color=blue*]Blue Font[*/font*]
See the closing brackets? Let's see CSS compared to HTML.
[hr]
CSS uses style brackets:
"[style]"
Basic CSS Codes
Please please remember to do this...
[style]*CSS CODE(S) HERE*[/style]
...or everything will get messed up and appear horrid! (See the
"[style]" again? Always use those when using CSS!)
[hr]
Plain Color Background
{background:transparent;background-color:
#*BACKGROUND*COLOR*GOES*HERE*;}
[hr]
Image In The Outer Background
body {background:url(*IMAGE*URL*GOES*HERE*);background-color:
*BACKGROUND*COLOR*GOES*HERE*;}
#bodyi,.titlebar,ul
{display:none;}
[hr]
Image In The Inner Background
div#content{background:transparent;
background: url(*IMAGE*URL*GOES*HERE*); margin:0px;"}
[hr]
Changing Color Of Bold Text
b {color:*FONT*COLOR*GOES*HERE*;}
[hr]
Change the Color of Links
#maina {color:*LINK*FONT*COLOR*GOES*HERE*;}
[hr]
Change Color of Hovering Above Links
a:hover{color:*FONT*COLOR*GOES*HERE*;}
[hr]
#Post#: 90--------------------------------------------------
Re: Basic CSS Guide
By: Ivyfrost Date: September 22, 2012, 4:02 pm
---------------------------------------------------------
Can we use the CSS codes on our profile pages? I'm confused as
to where to use the CSS codes... ;D
#Post#: 92--------------------------------------------------
Re: Basic CSS Guide
By: Rilye195 Date: September 22, 2012, 8:01 pm
---------------------------------------------------------
[center]We don't have profile pages yet, but we will soon. I
think. Hmm
And you can use them on posts and message replies for now ^^°
I'll add a ton more when/if we get customizable profiles.
-Ryy[/center]
#Post#: 97--------------------------------------------------
Re: Basic CSS Guide
By: Ivyfrost Date: September 23, 2012, 7:51 am
---------------------------------------------------------
[center]
Okay![move] This site is becoming amazing! If only we had more
people... [/move]
[/center]
#Post#: 104--------------------------------------------------
Re: Basic CSS Guide
By: Rilye195 Date: September 25, 2012, 9:43 pm
---------------------------------------------------------
[center]Check the news bro.
NEW CUSTOMIZABLE PROFILES!
Haha :D
Why thank you, you are a wonderful member ^^
-Rilye[/center]
#Post#: 105--------------------------------------------------
Re: Basic CSS Guide
By: Ivyfrost Date: September 26, 2012, 6:37 pm
---------------------------------------------------------
Thank you! And
[move]YAY!!!![/move]
*****************************************************