Ugh I wrote up a mini basics thingy...
Example of CSS
This is a crappy CSS example :)
Why is CSS used?
To enhance a posts design.
What is its format?
It is used as a BBCode. Here is the code for that 'crappy example'
HTML:
[div=" background-color: lightgrey; border-color: grey; border-style:solid;"]
[CENTER]This is a crappy CSS example :)[/CENTER]
[/div]
Disregard the text which you see in the css and focus on the coding.
__________________________________________________________________________________________
Ok so now you now what a basic CSS code looks like I will present to you the basic code which is needed.
[css-div], from here you can almost code any design into it. I myself have even only touched the surface of some of these commands.
The most basics are parameter commands.
Believe it or not this is in CSS now, what you are reading is a simple width parameter edit, I chose 180px.
Height would just edit how much height the CSS takes up regardlss of how much text you have. It is advised not to use the height parameter when doing complex CSS designs.
More on usage...
Since our main code is [css-div], we must add things to it to make it stylized. Just using this BBCode will not do anything. Here is a table of some basic commands.
Code:
Width - explained above.
Height - explained above
Border-style - solid, etc. (solid is preferred)
Border-color - in hexadecimal place the color.
Border-width - in pixels how wide you want your border.
Background-color - in hexadecimal place the color.
background-image:url(" ") - then place the url in quotes.
for more look through more CSS code...
Finally here is how you put the codes in the CSS-Div.
After you place the main [css-div], change it to
.
Now in the quotes you will add your parameters of CSS.
Here try to make your first CSS with a 400px wide, 2px black border, and white background.
So place your CSS-Div, now add the new parameters.
Here is the code you should have gotten, or something like it...
HTML:
[div="background-color: #FFFFFF; width: 400px; Border-color: #000000; border-width: 2px; Border-style:Solid;"][/div]
Yep, should be like this.