Styles

From TheRobotGroupWiki

Jump to: navigation, search

This page will illustrate how you can use different CSS styles to destroy the look of your wiki page. It is not difficult to apply a style to your text, simply use the DIV tag and apply a CLASS to it.

Here are the styles that were created for the wiki... you can use any one you like.

lite_metal
blue_metal
brass
bronze
brown_metal
steel
aluminum_plate
steel_plate
dark_plate
rusty_plate
bulkhead
roboplate
concrete
fifty
sixty
seventy
wheat

Without image backgrounds...

redbox


redbox_filled


bluebox


bluebox_filled


To use a style, start your text off with a < DIV > tag that contains the CLASS you want to use. If you wanted to use the lite_metal style for example you would do the following...

< div class = " lite_metal" > This is some text that looks like it is printed on aluminum. < /div >

And the result would be...

This is some text that looks like it is printed on aluminum. ( The "lite_metal" class. )

Some styles are better than others when links are involved... the medium blue doesn't show up well on some colors. I still need to refine that part... but for now we have some great backgrounds to play with. ~ Jerry

Additionally... you can add a WIDTH to any style like this...

< div class = " lite_metal" style = " width: 500px; " > This is some text that looks like it is printed on aluminum. < /div >

So what you would get would then span 500 pixels... like this...

This is some text that looks like it is printed on aluminum.
( The "lite_metal" class at 500 pixels wide. )

If you need access to the images tored on this Wiki, they are located here: http://media.therobotgroup.org/media/

Personal tools