Welcome to the World of Feila!

Image

New to the forum? Get started by reading general information about Feila and the rules of the forum.

Need help? Send a private message to RabidFox. The staff is always willing to assist users with questions and problems. There's also a thread for how to role-play.

Don't be shy. Feel free to start posting when you're ready. We have a friendly community that is more than happy to welcome you and invite you to role-play. And don't worry about all the informational threads! You only need minimal knowledge to role-play. There's no need to do lots of reading.

Role-players wanting to write role-playing posts under five sentences, see the One Liners board.

Check out our announcement forum, The World Court, for important information about what's going on in our community.

Want to chat with other Feilans? Check out our Discord server!

How to Display the Grid System in HTML

The Midas Arena was a stat-based battling forum that was retired. This is where all of the Midas Arena role-plays are archived.
Locked
User avatar
RabidFox
The Great Fox
Posts: 6064
Joined: Wed Mar 15, 2006 1:06 am
Gender: Male
Contact:
Great Britain

How to Display the Grid System in HTML

Post by RabidFox » Mon Nov 08, 2010 7:37 pm

At the request of Jackie Haystack, I have designed an HTML code for an image based grid system. This is a very flexible code that allows users to move game pieces on a labeled 10x10 grid. Each square is labeled with a letter and a number, these being A through J and 1 through 10. The game pieces used to show position and movement are a blue and a green arrow, a different color for each player. The arrows can be turned in four different directions to indicate which way each player is facing, and can be placed on any of the one hundred squares in the grid. Only a very small amount of code needs to be manipulated by the players in order to place and move their game pieces, and manipulating these tiny strings of code requires no knowledge of HTML. The following is a quick to read and easy to understand instruction manual that has been written for the process of using the grid in gameplay.

The code for the grid can be used on any website that supports posting in HTML. The following is the base for the code. It is not all of the coding that is required to play, and is only for the grid itself. For an example of how the base code will appear when used, see here.

Code: Select all

<div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><img src="http://img828.imageshack.us/img828/9640/grid10x10.png"></div>

ADD THE TWO LINES OF CODE FOR THE GAME PIECES HERE
EACH OF THE TWO GAME PIECES REQUIRE ONE LINE OF CODE
ERASE ALL OF THE TEXT YOU SEE HERE IN CAPS BEFORE ADDING CODE

<div style="position: absolute; left: 4px; top: 1px; z-index: 1;"><font size="1">A1</font></div>
<div style="position: absolute; left: 62px; top: 1px; z-index: 1;"><font size="1">A2</font></div>
<div style="position: absolute; left: 120px; top: 1px; z-index: 1;"><font size="1">A3</font></div>
<div style="position: absolute; left: 178px; top: 1px; z-index: 1;"><font size="1">A4</font></div>
<div style="position: absolute; left: 236px; top: 1px; z-index: 1;"><font size="1">A5</font></div>
<div style="position: absolute; left: 294px; top: 1px; z-index: 1;"><font size="1">A6</font></div>
<div style="position: absolute; left: 352px; top: 1px; z-index: 1;"><font size="1">A7</font></div>
<div style="position: absolute; left: 410px; top: 1px; z-index: 1;"><font size="1">A8</font></div>
<div style="position: absolute; left: 468px; top: 1px; z-index: 1;"><font size="1">A9</font></div>
<div style="position: absolute; left: 526px; top: 1px; z-index: 1;"><font size="1">A10</font></div>

<div style="position: absolute; left: 4px; top: 56px; z-index: 1;"><font size="1">B1</font></div>
<div style="position: absolute; left: 62px; top: 56px; z-index: 1;"><font size="1">B2</font></div>
<div style="position: absolute; left: 120px; top: 56px; z-index: 1;"><font size="1">B3</font></div>
<div style="position: absolute; left: 178px; top: 56px; z-index: 1;"><font size="1">B4</font></div>
<div style="position: absolute; left: 236px; top: 56px; z-index: 1;"><font size="1">B5</font></div>
<div style="position: absolute; left: 294px; top: 56px; z-index: 1;"><font size="1">B6</font></div>
<div style="position: absolute; left: 352px; top: 56px; z-index: 1;"><font size="1">B7</font></div>
<div style="position: absolute; left: 410px; top: 56px; z-index: 1;"><font size="1">B8</font></div>
<div style="position: absolute; left: 468px; top: 56px; z-index: 1;"><font size="1">B9</font></div>
<div style="position: absolute; left: 526px; top: 56px; z-index: 1;"><font size="1">B10</font></div>

<div style="position: absolute; left: 4px; top: 111px; z-index: 1;"><font size="1">C1</font></div>
<div style="position: absolute; left: 62px; top: 111px; z-index: 1;"><font size="1">C2</font></div>
<div style="position: absolute; left: 120px; top: 111px; z-index: 1;"><font size="1">C3</font></div>
<div style="position: absolute; left: 178px; top: 111px; z-index: 1;"><font size="1">C4</font></div>
<div style="position: absolute; left: 236px; top: 111px; z-index: 1;"><font size="1">C5</font></div>
<div style="position: absolute; left: 294px; top: 111px; z-index: 1;"><font size="1">C6</font></div>
<div style="position: absolute; left: 352px; top: 111px; z-index: 1;"><font size="1">C7</font></div>
<div style="position: absolute; left: 410px; top: 111px; z-index: 1;"><font size="1">C8</font></div>
<div style="position: absolute; left: 468px; top: 111px; z-index: 1;"><font size="1">C9</font></div>
<div style="position: absolute; left: 526px; top: 111px; z-index: 1;"><font size="1">C10</font></div>

<div style="position: absolute; left: 4px; top: 166px; z-index: 1;"><font size="1">D1</font></div>
<div style="position: absolute; left: 62px; top: 166px; z-index: 1;"><font size="1">D2</font></div>
<div style="position: absolute; left: 120px; top: 166px; z-index: 1;"><font size="1">D3</font></div>
<div style="position: absolute; left: 178px; top: 166px; z-index: 1;"><font size="1">D4</font></div>
<div style="position: absolute; left: 236px; top: 166px; z-index: 1;"><font size="1">D5</font></div>
<div style="position: absolute; left: 294px; top: 166px; z-index: 1;"><font size="1">D6</font></div>
<div style="position: absolute; left: 352px; top: 166px; z-index: 1;"><font size="1">D7</font></div>
<div style="position: absolute; left: 410px; top: 166px; z-index: 1;"><font size="1">D8</font></div>
<div style="position: absolute; left: 468px; top: 166px; z-index: 1;"><font size="1">D9</font></div>
<div style="position: absolute; left: 526px; top: 166px; z-index: 1;"><font size="1">D10</font></div>

<div style="position: absolute; left: 4px; top: 221px; z-index: 1;"><font size="1">E1</font></div>
<div style="position: absolute; left: 62px; top: 221px; z-index: 1;"><font size="1">E2</font></div>
<div style="position: absolute; left: 120px; top: 221px; z-index: 1;"><font size="1">E3</font></div>
<div style="position: absolute; left: 178px; top: 221px; z-index: 1;"><font size="1">E4</font></div>
<div style="position: absolute; left: 236px; top: 221px; z-index: 1;"><font size="1">E5</font></div>
<div style="position: absolute; left: 294px; top: 221px; z-index: 1;"><font size="1">E6</font></div>
<div style="position: absolute; left: 352px; top: 221px; z-index: 1;"><font size="1">E7</font></div>
<div style="position: absolute; left: 410px; top: 221px; z-index: 1;"><font size="1">E8</font></div>
<div style="position: absolute; left: 468px; top: 221px; z-index: 1;"><font size="1">E9</font></div>
<div style="position: absolute; left: 526px; top: 221px; z-index: 1;"><font size="1">E10</font></div>

<div style="position: absolute; left: 4px; top: 276px; z-index: 1;"><font size="1">F1</font></div>
<div style="position: absolute; left: 62px; top: 276px; z-index: 1;"><font size="1">F2</font></div>
<div style="position: absolute; left: 120px; top: 276px; z-index: 1;"><font size="1">F3</font></div>
<div style="position: absolute; left: 178px; top: 276px; z-index: 1;"><font size="1">F4</font></div>
<div style="position: absolute; left: 236px; top: 276px; z-index: 1;"><font size="1">F5</font></div>
<div style="position: absolute; left: 294px; top: 276px; z-index: 1;"><font size="1">F6</font></div>
<div style="position: absolute; left: 352px; top: 276px; z-index: 1;"><font size="1">F7</font></div>
<div style="position: absolute; left: 410px; top: 276px; z-index: 1;"><font size="1">F8</font></div>
<div style="position: absolute; left: 468px; top: 276px; z-index: 1;"><font size="1">F9</font></div>
<div style="position: absolute; left: 526px; top: 276px; z-index: 1;"><font size="1">F10</font></div>

<div style="position: absolute; left: 4px; top: 331px; z-index: 1;"><font size="1">G1</font></div>
<div style="position: absolute; left: 62px; top: 331px; z-index: 1;"><font size="1">G2</font></div>
<div style="position: absolute; left: 120px; top: 331px; z-index: 1;"><font size="1">G3</font></div>
<div style="position: absolute; left: 178px; top: 331px; z-index: 1;"><font size="1">G4</font></div>
<div style="position: absolute; left: 236px; top: 331px; z-index: 1;"><font size="1">G5</font></div>
<div style="position: absolute; left: 294px; top: 331px; z-index: 1;"><font size="1">G6</font></div>
<div style="position: absolute; left: 352px; top: 331px; z-index: 1;"><font size="1">G7</font></div>
<div style="position: absolute; left: 410px; top: 331px; z-index: 1;"><font size="1">G8</font></div>
<div style="position: absolute; left: 468px; top: 331px; z-index: 1;"><font size="1">G9</font></div>
<div style="position: absolute; left: 526px; top: 331px; z-index: 1;"><font size="1">G10</font></div>

<div style="position: absolute; left: 4px; top: 386px; z-index: 1;"><font size="1">H1</font></div>
<div style="position: absolute; left: 62px; top: 386px; z-index: 1;"><font size="1">H2</font></div>
<div style="position: absolute; left: 120px; top: 386px; z-index: 1;"><font size="1">H3</font></div>
<div style="position: absolute; left: 178px; top: 386px; z-index: 1;"><font size="1">H4</font></div>
<div style="position: absolute; left: 236px; top: 386px; z-index: 1;"><font size="1">H5</font></div>
<div style="position: absolute; left: 294px; top: 386px; z-index: 1;"><font size="1">H6</font></div>
<div style="position: absolute; left: 352px; top: 386px; z-index: 1;"><font size="1">H7</font></div>
<div style="position: absolute; left: 410px; top: 386px; z-index: 1;"><font size="1">H8</font></div>
<div style="position: absolute; left: 468px; top: 386px; z-index: 1;"><font size="1">H9</font></div>
<div style="position: absolute; left: 526px; top: 386px; z-index: 1;"><font size="1">H10</font></div>

<div style="position: absolute; left: 4px; top: 441px; z-index: 1;"><font size="1">I1</font></div>
<div style="position: absolute; left: 62px; top: 441px; z-index: 1;"><font size="1">I2</font></div>
<div style="position: absolute; left: 120px; top: 441px; z-index: 1;"><font size="1">I3</font></div>
<div style="position: absolute; left: 178px; top: 441px; z-index: 1;"><font size="1">I4</font></div>
<div style="position: absolute; left: 236px; top: 441px; z-index: 1;"><font size="1">I5</font></div>
<div style="position: absolute; left: 294px; top: 441px; z-index: 1;"><font size="1">I6</font></div>
<div style="position: absolute; left: 352px; top: 441px; z-index: 1;"><font size="1">I7</font></div>
<div style="position: absolute; left: 410px; top: 441px; z-index: 1;"><font size="1">I8</font></div>
<div style="position: absolute; left: 468px; top: 441px; z-index: 1;"><font size="1">I9</font></div>
<div style="position: absolute; left: 526px; top: 441px; z-index: 1;"><font size="1">I10</font></div>

<div style="position: absolute; left: 4px; top: 496px; z-index: 1;"><font size="1">J1</font></div>
<div style="position: absolute; left: 62px; top: 496px; z-index: 1;"><font size="1">J2</font></div>
<div style="position: absolute; left: 120px; top: 496px; z-index: 1;"><font size="1">J3</font></div>
<div style="position: absolute; left: 178px; top: 496px; z-index: 1;"><font size="1">J4</font></div>
<div style="position: absolute; left: 236px; top: 496px; z-index: 1;"><font size="1">J5</font></div>
<div style="position: absolute; left: 294px; top: 496px; z-index: 1;"><font size="1">J6</font></div>
<div style="position: absolute; left: 352px; top: 496px; z-index: 1;"><font size="1">J7</font></div>
<div style="position: absolute; left: 410px; top: 496px; z-index: 1;"><font size="1">J8</font></div>
<div style="position: absolute; left: 468px; top: 496px; z-index: 1;"><font size="1">J9</font></div>
<div style="position: absolute; left: 526px; top: 496px; z-index: 1;"><font size="1">J10</font></div>
In order to position the game pieces on the grid, only two lines of code need to be added to the base code. These lines of code determine the color of the pieces, which direction that they will face, and where each piece is located on the grid. In order to use this additional code, one must first obtain the codes for the positions of each game piece on the grid from a list of provided positioning codes, add the image codes for the game pieces, insert these strings of code into the base code, and then publish the completed code on a website that supports posting in HTML.

The following are the lines of image code for the two game pieces. There is an individual image for each of the four directions that a game piece can face, these directions being north, south, east, and west. When using the image codes for a game piece, choose the code for the color and direction that the game piece requires.

Green Game Piece facing North: http://img829.imageshack.us/img829/6818/greentokenn.gif
Green Game Piece facing South: http://img829.imageshack.us/img829/6416/greentokens.gif
Green Game Piece facing East: http://img829.imageshack.us/img829/1222/greentokene.gif
Green Game Piece facing West: http://img829.imageshack.us/img829/2627/greentokenw.gif

Blue Game Piece facing North: http://img829.imageshack.us/img829/5194/bluetokenn.gif
Blue Game Piece facing South: http://img87.imageshack.us/img87/2148/bluetokens.gif
Blue Game Piece facing East: http://img576.imageshack.us/img576/816/bluetokene.gif
Blue Game Piece facing West: http://img829.imageshack.us/img829/7940/bluetokenw.gif

The following are the lines of positioning code for placing the game pieces on the grid. Each positioning code corresponds to a square within the grid. For example, the A1 positioning code corresponds to the square labeled A1 on the grid, and would place a game piece in that square. The appropriate image codes need to be added to their appropriate positioning codes by copying an image code and pasting it within a positioning code.

(I am not done posting all of the one hundred positioning codes, and will make a new post to this thread once they have all been posted.)

A1: <div style="position: absolute; left: 10px; top: 13px; z-index: 1;"><img src="IMAGE CODE GOES HERE"></div>
A2: <div style="position: absolute; left: 68px; top: 13px; z-index: 1;"><img src="IMAGE CODE GOES HERE"></div>
A3:
A4:
A5:
A6:
A7:
A8:
A9:
A10:

B1:
B2:
B3:
B4:
B5:
B6:
B7:
B8:
B9:
B10:

C1:
C2:
C3:
C4:
C5:
C6:
C7:
C8:
C9:
C10:

D1:
D2:
D3:
D4:
D5:
D6:
D7:
D8:
D9:
D10:

E1:
E2:
E3:
E4:
E5:
E6:
E7:
E8:
E9:
E10:

F1:
F2:
F3:
F4:
F5:
F6:
F7:
F8:
F9:
F10:

G1:
G2:
G3:
G4:
G5:
G6:
G7:
G8:
G9:
G10:

H1:
H2:
H3:
H4:
H5:
H6:
H7:
H8:
H9:
H10:

I1:
I2:
I3:
I4:
I5:
I6:
I7:
I8:
I9:
I10:

J1:
J2:
J3:
J4:
J5:
J6:
J7:
J8:
J9:
J10:

Use a website that supports posting in HTML in order to use the grid. This forum does not support posting in HTML, and you must use another website for displaying the grid. Only one user needs to be able to edit the code for the grid during gameplay. A number of blog and personal website services offer the ability to post in HTML. The staff may make use of the official Feila website located on Angelfire.com for gameplay in the Midas Arena. For instructions on how to access the Feila website editor, please contact RabidFox if you are a member of the staff.

WordPress.com is a free blog service that offers posting in HTML. It is easy for anyone to use and does not require prior knowledge of HTML.

If anyone has any questions or concerns concerning this HTML-powered image-based grid system, please feel free to leave a message in this thread.

Sponsor
 

User avatar
RabidFox
The Great Fox
Posts: 6064
Joined: Wed Mar 15, 2006 1:06 am
Gender: Male
Contact:
Great Britain

Re: How to Display the Grid System in HTML

Post by RabidFox » Wed Nov 17, 2010 1:47 pm

Here's all of the positioning codes until I can find the time to paste them all in the first post.

Each column represents a letter in the grid, A through J. The first column is A, the second is B, and so on. You must remove the image codes from the positioning codes and replace them with an image code from the first post, in order for it to work. There are ten positioning codes in each column, 1 through 10. So the first code is A1, the second code is A2, the third code is A3, etc. Each positioning code starts with "div" and ends with "div".

A

<div style="position: absolute; left: 10px; top: 13px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 13px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 13px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

B

<div style="position: absolute; left: 10px; top: 68px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 68px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 68px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

C

<div style="position: absolute; left: 10px; top: 123px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 123px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 123px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

D

<div style="position: absolute; left: 10px; top: 178px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 178px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 178px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

E

<div style="position: absolute; left: 10px; top: 233px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 233px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 233px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

F

<div style="position: absolute; left: 10px; top: 288px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 288px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 288px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

G

<div style="position: absolute; left: 10px; top: 343px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 343px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 343px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

H

<div style="position: absolute; left: 10px; top: 398px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 398px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 398px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

I

<div style="position: absolute; left: 10px; top: 453px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 453px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 453px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>

J

<div style="position: absolute; left: 10px; top: 508px; z-index: 1;"><img src="Midas_Arena/GreenToken_S.gif"></div>
<div style="position: absolute; left: 68px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_W.gif"></div>
<div style="position: absolute; left: 126px; top: 508px; z-index: 1;"><img src="Midas_Arena/GreenToken_N.gif"></div>
<div style="position: absolute; left: 184px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 242px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 300px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 358px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 416px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 474px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>
<div style="position: absolute; left: 532px; top: 508px; z-index: 1;"><img src="Midas_Arena/BlueToken_E.gif"></div>


Locked

Who is online

Users browsing this forum: No registered users and 1 guest