The CSS Game

[PK8]

Thanks to the hack, this game (by Valdred) practically never existed. Time to restart it.

What's this?
The CSS game is where everyone gets to put their creative side to the test and try to see if they can pull off some very cool styles and layouts using the CSS bbcode WITHOUT using background images.

CSS BBCode?
Hell yeah, CSS BBCode. The BBCode would start off as a bland unstyled div container. It's up to the poster to style it to their heart's content. In order to be able to do this, you'll need to have some experience with using CSS, and if you don't, you can learn some of it by checking out w3schools and looking for links referring to CSS. (I can't be bothered to put up links at the moment.)

How do I use the bbcode?
Here's how it would normally be used.

Code:

[css=insert styling here]insert content here[/css]

Now let's see what happens when we add a blue solid 2px border, a green background, white text and 8px padding. You can do a lot more with this as the thread will soon demonstrate, depending on the number of replies this gets, but I am starting off simple with this example.

Code:

[css=background: green; border: 2px solid blue; padding: 8px; color: white;]Testing![/css]

Here's how it would look:

Testing!

So yeah.
The point of the game is to test your "CSSing" skills and show off just how creative you can get with them to the rest of the community WITHOUT using images.

---

My turn.

This was done using no images.

[Kirito]

here are those CSS tutorial links -->
CSS 1 & 2
CSS 3