Gaming
 

Sandbox

From NeoPets Guild

{{subst:Unitbox}}

Contents

[edit] Purpose

The sandbox exists for you to use to practice editing the wiki. Use it to try out different formatting techniques.

To start, click on the "edit" tab above. Then you'll see the text that creates the center pane of this page in an editable view.

If you aren't sure what to do next, see Step by Step.


[edit] Miscellaneous Formatting

Some fonts (faces) won't work on all PCs.

<font color=green size=+3 face=times>Some fonts (faces) won't work on all PCs.</font>

[edit] pictures

First see guidelines for images from other sites. It is not ok to link to images that are still on other site. To include a picture or image:

  1. Get permission from the person who has the copyright. If you created it, you have the copyright and can post it here, IF it's ok for everyone else to use it for free.
  2. Upload the file using the link in the toolbox (usually on the left hand side of the screen)
  3. Fill out the information about where the image comes from and who gave permission for it to be here.
  4. Use it. See examples below:

image:plh.gif separating text

more separating text
<br clear=all>

and now on the left?


Image:Plh-small.jpg

and...

picture in the box Image:Plh-small.jpg

more text

and more

Updated: NeoPets_Guild:Guidelines, Guild:PurpleLightHouse

[edit] trying to put the picture in the background

overlaying text XXX and more and more

test


Ok. Let's see if I can repeat the smaller rainbow in the background with text and the lighthouse on top...

testing

and more testing

image:plh.gif

A list of images that are already on this site is at Special:Imagelist.

[edit] your edits here

help:editing

You can use wiki or most html commands to format your text. So '''bold''' or <b>bold</b> both create bold text.

Indent text by putting a colon (:) at the beginning of a line.

If you login, you can "sign" and date your entries by putting "~~~~" in the edits. - RJ 23:08, 24 Dec 2004 (PST)

[edit] Tables

The following are tables using wiki pipe syntax.

[edit] A Very Simple Table

column1? column2?
next row

which was created by {| | column1? || column2? |- | next || row |}

[edit] A Slightly More Complicated Table

This table shows a comparison between HTML and wiki pipe table formatting commands.

A More Complicated Table
HTML" wiki
start row <tr> |-
start cell <td> | or || (?)

[edit] Using Even More Formatting Features in a Table

Adding some color and size specifications:

Multi-line text in column one. This is just text to see what happens. More text and more text.

More multi-line text on a grey background. This table also uses variable width specifications (assuming it works).

More text in a new row.

[edit] More Table Practice

text

more text

and more

Updated: NeoPets_Guild:Guidelines, Guild:PurpleLightHouse

[edit] a table using a template

label text

1st column

2nd

3rd

[edit] Comments

It is useful to be able to put comments in formatting commands to remind you and help others in future editing.

/* test of css comment format */ Note: Doesn't work on the wiki.

One format that works: <!-- comment goes here - don't use a double dash within the comment -->

[edit] Images

Add pictures... Image:Kiko1.jpg Image:Smile1.GIF Image:Frown1.GIF Image:Smile1.GIF Image:Rainbow4.GIF

[edit] Playing with Style

{style="background-color:#ff22ff" Text }

Multi-line text in column one. This is just text to see what happens. More text and more text. What other formatting can I put into this box?

[edit] title

big bold <b>bold</b>

{style="background-color:#ff22ff"} Text

<style type="text/css"> </style>

another try

using div and style

some possible style settings... position: absolute; left: 10px; top: 100px;

created by <div style="background-color:#336699">

another try

using div and style

some possible style settings... position: absolute; left: 10px; top: 100px; </div>

[edit] div

<div style="background-color:#eeffee; font-family:arial; border: 4px solid #99ff99;">This is a demonstration</div> creates

This is a demonstration

Some div style commands

  • background-color
  • font-family
  • position
  • boarder
  • padding

playing with examples (remember, this is just practice, so it might not be good or even correctly done)

<div style="background-color:#ffffff; font-family:times; font-size:+3; border: 2px solid #9900ff; padding: 10px 3px 20px">Hi!</div> creates

Hi!

This box was created with
<div style="border: 6px double purple;margin: 5%;margin-bottom:5%; padding: 2em; width: 80%"> Text goes here. </div>


<div style="background-color:#eeeeee; font-family:times; font-size:large; border: 4px solid #000000; padding: 5px 30px 5px; position:align-right">sing</div> creates

sing

<div style="background-color:#eeeeff; font-family:times; font-size:5; border: 4px solid #ffddff; padding: 5px 30px 5px 10px">playing with padding and size - checking what happens when there is enough text to wrap around for a few lines - abc def ghi jkl mno pqr stu vwx yz</div> creates

playing with padding and size - checking what happens when there is enough text to wrap around for a few lines - abc def ghi jkl mno pqr stu vwx yz

<div style="background-color:#ffffff; width: 100px; font:5; border: 2px solid #ffaaff; padding: 5px 25px 5px 10px">more - checking what happens when there is enough text to wrap around for a few lines - abc def ghi jkl mno pqr stu vwx yz</div> creates

more - checking what happens when there is enough text to wrap around for a few lines - abc def ghi jkl mno pqr stu vwx yz


Image:Kiko1.jpg Image:Smile1.GIF
Image:Frown1.GIF Image:Smile1.GIF
Image:Rainbow4.GIF

To be nobody but yourself in a world which is doing its best, night and day, to make you everybody else means to fight the hardest battle which any human being can fight; and never stop fighting. - e. e. cummings (courtesy of www.brainyquote.com)


The following was created with <div style="width: 400px; height: 75px; background-color:grey; overflow: auto; border: 2px solid #dd22dd"> Lots of text... scrolling bar? <br> testing, a b c d e f g h i j k l m n o p q r s t u v w x y z, working with lots of div formatting to get the hang of it - writing more text - and more </div>

Lots of text... scrolling bar?
testing, a b c d e f g h i j k l m n o p q r s t u v w x y z, working with lots of div formatting to get the hang of it - writing more text - and more


nice double blue box for wiki announcements

[edit] Categories

Members of the PurpleLightHouse guild at NeoPets came up with many of the original ideas that we are trying to implement here on the Guilds Wikia. We hope the site will evolve into something even better than those original ideas.

Other guilds are welcome to contribute and to create other pages and activities on this wiki site.

Image:rainbow8.GIF Other pages related to the R@inbow R@in guild.

[edit] Templates

This template is for use in the sandbox. Change it, use it in the sandbox, see what happens. Please leave this top set of lines here.


put your test stuff down here... variable 1 here: text to replace the first variable

variable 2: and put this in place of the second variable

repeat variable 1: text to replace the first variable

The UT template: {{UT|RJ}} becomes — RJ(talk) 22:30, 3 Aug 2005 (UTC).

test