Tutorial:Solar System Construction

Select Solar System Template and Create

There are Four baseline templates to choose from:

Solar System 10 Orbit (default)

Eight Orbit Path (2 and 10 removed)

Odd orbit Path Only

Even Orbit Path Only

Copy the code from the page selected and paste this onto your new Solar System Page and save. (Create Page help)

Select Planet graphics and set size and location

Look over the and select a planet that looks about right and copy the image name.

- eg Earth is file name = Solar_System_Sol_Earth.png

edit your new solar system page and scroll down to entry 16 and paste the image name against the first entry:

  | float16 = Solar_System_Sol_Earth.png
  | float16_width =
  | float16_alt =
  | float16_caption =
  | link16 = 
  | x16 = 0
  | y16 = 0
  | t16 = 

Size the planet to the size you'd like in pixels anything between 20-120 works, 30-90 are optimal.

  | float16 = Solar_System_Sol_Earth.png
  | float16_width = 60px
  | float16_alt =
  | float16_caption =
  | link16 = 
  | x16 = 0
  | y16 = 0
  | t16 = 

Set the mouse over caption and page to load when the user clicks the planet. Leaving them blank is okay

  | float16 = Solar_System_Sol_Earth.png
  | float16_width = 60px
  | float16_alt =
  | float16_caption = Earth
  | link16 = Earth
  | x16 = 0
  | y16 = 0
  | t16 = 

Next align the planet on the required Orbit ring, planets don't need to be added in order so the first planet could be placed on Orbit 3. Assuming your using a circular shaped planet (no rings). Use the below table to cross-reference the correct X,Y coordinates in relation to planet size in pixels. eg Earth at 60px and Orbit 3 has an X,Y of x= 315, y= 315. This should give you good alignment if using the base templates but any issues just adjust the X,Y values manually +-5px increments.

  | float16 = Solar_System_Sol_Earth.png
  | float16_width = 60px
  | float16_alt =
  | float16_caption = Earth
  | link16 = Earth
  | x16 = 315
  | y16 = 315
  | t16 = 

Approximate planet alignments - circular only - for ringed planets some adjustment will be needed.

Planet Size	Orbit 1	Orbit 2	Orbit 3	Orbit 4	Orbit 5	Orbit 6	Orbit 7	Orbit 8	Orbit 9	Orbit 10
20px	x= 160,y= 335	x= 250,y= 335	x= 335,y= 335	x= 440,y= 335	x= 560,y= 335	x= 695,y= 335	x= 820,y= 335	x= 945,y= 315	x= 1035,y= 335	x= 1155,y= 335
30px	x= 155,y= 330	x= 245, y= 330	x= 330, y= 330	x= 435, y= 330	x= 555, y= 330	x= 690, y= 330	x= 815,y= 330	x= 940,y= 315	x= 1030,y= 330	x= 1150,y= 330
40px	x= 150, y= 325	x= 240, y= 325	x= 325, y= 325	x= 430, y= 325	x= 550, y= 325	x= 685, y= 325	x= 810,y= 325	x= 935,y= 315	x= 1025,y= 325	x= 1145,y= 325
50px	x= 145, y= 320	x= 235, y= 320	x= 320, y= 320	x= 425, y= 320	x= 545, y= 320	x= 680, y= 320	x= 805,y= 320	x= 930,y= 315	x= 1020,y= 320	x= 1140,y= 320
60px	x= 140, y= 315	x= 230, y= 315	x= 315, y= 315	x= 420, y= 315	x= 540, y= 315	x= 675, y= 315	x= 800,y= 315	x= 925,y= 315	x= 1015,y= 315	x= 1135,y= 315
70px	x= 135, y= 310	x= 225, y= 310	x= 310, y= 310	x= 415, y= 310	x= 535, y= 310	x= 670, y= 310	x= 795,y= 310	x= 920,y= 310	x= 1010,y= 310	x= 1130,y= 310
80px	x= 130, y= 305	x= 220, y= 305	x= 305, y= 305	x= 410, y= 305	x= 530, y= 305	x= 665,y= 305	x= 790,y= 305	x= 915,y= 305	x= 1005,y= 305	x= 1125,y= 305
90px	x= 125, y= 300	x= 215, y= 300	x= 300, y= 300	x= 405, y= 300	x= 525, y= 300	x= 660,y= 300	x= 785,y= 300	x= 910,y= 300	x= 1000,y= 300	x= 1120,y= 300
100px	x= 120, y= 295	x= 210, y= 295	x= 295, y= 295	x= 400, y= 295	x= 520, y= 295	x= 655,y= 295	x= 780,y= 295	x= 905,y= 295	x= 995,y= 295	x= 1115,y= 295
110px	x= 115, y= 290	x= 205, y= 290	x= 290, y= 290	x= 395, y= 290	x= 515,y= 290	x= 650,y= 290	x= 775,y= 290	x= 900,y= 290	x= 990,y= 290	x= 1110,y= 290
120px	x= 110, y= 285	x= 200, y= 285	x= 285, y= 285	x= 390, y= 285	x= 510, y= 285	x= 645, y= 285	x= 770, y= 285	x= 895,y= 285	x= 985,y= 285	x= 1105,y= 285

Last add a Planet name Copy this (I should template this I think):

<div style="font-family:'Caslon Antique';color:#e8e8e8;font-size:18px;text-indent:10px;font-weight:bold;">Earth</div>

The key in the above is the text-indent, for shorter planet names you'll need less indent for longer you'll need negative indent. This also depends on the size of the planet. Start with the above settings and then save and adjust.

  | float16 = Solar_System_Sol_Earth.png
  | float16_width = 60px
  | float16_alt =
  | float16_caption = Earth
  | link16 = Earth
  | x16 = 315
  | y16 = 315
  | t16 = <div style="font-family:'Caslon Antique';color:#e8e8e8;font-size:18px;text-indent:10px;font-weight:bold;">Earth</div>

Save the page and your first planet will appear, repeat the above for other planets in the system.

Add Large planet info box(s)

Use these for large important planets.