Click here to return to Volcanoes are Lavable.

Is your page a little boring?  Are there too few options to keep you entertained?  Finished before everyone else?  Want to learn some html and CSS?  Below you will find some code options to add to your page.  This should only be done ONCE YOU HAVE ALL OF YOUR INFORMATION ON IT! 

Not sold on making your page attractive yet?  Check this page out to see many of the techniques below in action and to see some things you should (and shouldn't) do with them.

Adding Codes

Adding code to a wiki is easier than you think.

     1.  When your are editing, click on the button that says source.  Don't freak out!  This will show you the html code for your page.  This is basically what the computer sees.

     2.  Add whatever code you want wherever you want.

     3.  Click source again to see if you like what you did.

     4.  Repeat as necessary or desired.

IMPORTANT:  The method above only works some of the time.  If it doesn't work with your code, check the bottom of the page for alternative (and slightly more complicated) directions.

Possible Codes

REMEMBER:  ALL punctuation is necessary!  This includes brackets, colons, semicolons, quotation marks, etc.

Changing the background color (to a lovely green):

• <div style="background-color: green;">
• You should be able to fill in any color you want. 
• Try inserting color codes as well to get the shade you are looking for.  The code will change slightly if you choose to do this.  It should look like this:
  • <div style="background-color: rgb (0,0,0);">
  • You will have to figure out your own rgb code.  Do NOT ask me to find code for you.

Inserting attractive dividers: 

• <HR style="BACKGROUND: rgb(0,100,0); HEIGHT: 6px" align=right width="70%" color=#d4efa5>
• Feel free to change the rbg code and the width.  I tried changing the alignment, but was unsuccessful.

Changing all of the font on the page to a font not listed in the pull down menu:

• This is not possible to do using the method listed above.
• <style type="text/css">

    p { font: 14pt/16pt fantasy, cursive, Serif }

  </style>

• This code works very well.  A few hints:
  • If you have a page with a ton of text (like this one) some of the text won't convert and you will have to edit the source until you can fix all of the parts that didn't convert. 
  • If you do this with a new page (one without text), you will have the best results.
  • The words above stand for font family and font (the sample code has two families).  You will probably want to look up font families to see how they affect your choice.

Using a picture as your background (make sure it isn't too busy or you won't be able to read your page):

• This is not possible to do using the method listed above!
• <style type="text/css">

  .imageBox {

    width:300;

    height:100;

    background-image:url("INSERT THE LINK TO YOUR IMAGE HERE");

  }

  </style>

  <div class="imageBox">

• NOTE:  You will have to search for your picture by its name (or go to the pictures folder), click on it to get its URL.  The picture must be uploaded onto the wiki.  Otherwise, it may or may not be visible depending on what that website is doing.
• You can delete the height and width if you chose.  I have and the code still works great.

Creative Use of a Table

Truly Fancy

These are for those who really want to go above and beyond.  Keep in mind any add ons must relate to the presentation and be school appropriate.

Any interest in music?  Click here for a tutorial.  This too would need to be cited.

Maybe you found the perfect video.  Click here to find out how to embed it.  This site also talks about audio, but the one above is better.  Some things to remember: 

• You need to be able to download the video to the computer or to have an embed code
• Your can only use videos that you can access at the school.  If you find an awesome YouTube video at home, don't bother because we won't be able to see it.
• I can help get actual YouTube videos on, but will usually not help because of the time involved.  You (a) don't need the video that badly and (b) can probably find one elsewhere that is equally good) or (c) feel strongly enough so you will find a way to make it work yourself.  I will give guidance in this area if you are fairly good at computers and are willing to do the majoritiy of the work on your own.

Click here to return to the front page.

Click here to return to "Volcanoes are Lavable".