Log In

Home
    - Create Journal
    - Update
    - Download

Scribbld
    - News
    - Paid Accounts
    - Invite
    - To-Do list
    - Contributors

Customize
    - Customize
    - Create Style
    - Edit Style

Find Users
    - Random!
    - By Region
    - By Interest
    - Search

Edit ...
    - User Info
    - Settings
    - Your Friends
    - Old Entries
    - Userpics
    - Password

Need Help?
    - Password?
    - FAQs
    - Support Area

Ally «my eyes are on you yeah» (kickawesome) wrote, @ 2009-05-05 01:13:00

Current mood:

nerdy

[Code] Caution: This may BLOW. YOUR. MIND.
HTML-fu inspired by this cast list (which also happens to be hotlinking my icons BUT THAT IS A DIFFERENT MATTER)
game table and character profile codes from rp_tutorials

 

GAMETITLE
Character Name Played By Name	Character Name Played By Name	Character Name Played By Name	Character Name Played By Name
@ gameurl

 PROFILE FOR CHARACTER #1 (OF GAME #1)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #1

 PROFILE FOR CHARACTER #2 (OF GAME #1)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #1

 PROFILE FOR CHARACTER #3 (OF GAME #1)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #1

 PROFILE FOR CHARACTER #4 (OF GAME #1)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #1

 

GAMETITLE
Character Name Played By Name	Character Name Played By Name	Character Name Played By Name	Character Name Played By Name
@ gameurl

 PROFILE FOR CHARACTER #1 (OF GAME #2)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #2

 PROFILE FOR CHARACTER #2 (OF GAME #2)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #2

 PROFILE FOR CHARACTER #3 (OF GAME #2)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #2

 PROFILE FOR CHARACTER #4 (OF GAME #2)

HEADLINE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

LINK LINK LINK LINK

FOOTER TEXT | BACK TO GAME #2

CLICKY THE CHARACTER NAME LINKS. I DARE YOU.

<div style="height: 300px; overflow: hidden;"><a name="game1">&nbsp;</a><table align="center" cellpadding="10" cellspacing="15" style="margin-bottom: 300px"> <!-- BEGIN GAME INFO --> <tr><td colspan="4" bgcolor="#999999" align="left"><font color="#000000" size="5">GAMETITLE</font></td></tr> <!-- CHARACTER LIST --> <tr> <td width="125" bgcolor="#CCCCCC" align="center"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <font size="2"><br/><b><a href="#game1char1">Character Name</a></b> <br/><small>Played By Name</small></font></td> <td width="125" bgcolor="#CCCCCC" align="center"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <font size="2"><br/><b><a href="#game1char2">Character Name</a></b> <br/><small>Played By Name</small></font></td> <td width="125" bgcolor="#CCCCCC" align="center"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <font size="2"><br/><b><a href="#game1char3">Character Name</a></b> <br/><small>Played By Name</small></font></td> <td width="125" bgcolor="#CCCCCC" align="center"> <a href="URL"><img src="IMG" width="100" height="100" border="0"></a> <font size="2"><br/><b><a href="#game1char4">Character Name</a></b> <br/><small>Played By Name</small></font></td> </tr> <!-- END CHARACTER LIST --> <!-- ADDRESS --> <tr><td colspan="4" bgcolor="#BBBBBB" align="right"><font size="2"> <b>@ <lj user="GAMEURL"></b> </font></td></tr> <!-- END GAME INFO --> </table> <!-- BEGIN CHARACTER PROFILES FOR GAME #1--> <!-- PROFILE FOR CHARACTER #1 (OF GAME #1)--> <a name="game1char1">&nbsp;</a><table align="center" width="600" style="margin-bottom: 300px;"> <!-- HEADING --> <tr><td align="right"><font color="#000000" size="5" face="arial"><i>HEADLINE</i></font><br></td></tr> <!-- END HEADING --> <tr><td align="center"><img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px></td></tr> <tr> <!-- COLUMN 1 --> <td width="600" align="justify" valign="top"><font size="2" face="arial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</font></td> <!-- END COLUMN 1 --> </tr> <!-- LINKS --> <tr><td align=center colspan="3" bgcolor="#CCCCDD"><font size="2" face="arial"> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> </font></td></tr> <!-- LINKS --> <tr><td align=center colspan="3"><font size="1"> FOOTER TEXT | <a href="#game1">BACK TO GAME #1</a></font></td></tr> </table> <!-- END PROFILE FOR CHARACTER #1 (OF GAME #1)--> <!-- PROFILE FOR CHARACTER #2 (OF GAME #1)--> <a name="game1char2">&nbsp;</a><table align="center" width="600" style="margin-bottom: 300px;"> <!-- HEADING --> <tr><td align="right"><font color="#000000" size="5" face="arial"><i>HEADLINE</i></font><br></td></tr> <!-- END HEADING --> <tr><td align="center"><img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px></td></tr> <tr> <!-- COLUMN 1 --> <td width="600" align="justify" valign="top"><font size="2" face="arial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</font></td> <!-- END COLUMN 1 --> </tr> <!-- LINKS --> <tr><td align=center colspan="3" bgcolor="#CCCCDD"><font size="2" face="arial"> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> </font></td></tr> <!-- LINKS --> <tr><td align=center colspan="3"><font size="1"> FOOTER TEXT | <a href="#game1">BACK TO GAME #1</a></font></td></tr> </table> <!-- END PROFILE FOR CHARACTER #2 (OF GAME #1)--> <!-- PROFILE FOR CHARACTER #3 (OF GAME #1)--> <a name="game1char3">&nbsp;</a><table align="center" width="600" style="margin-bottom: 300px;"> <!-- HEADING --> <tr><td align="right"><font color="#000000" size="5" face="arial"><i>HEADLINE</i></font><br></td></tr> <!-- END HEADING --> <tr><td align="center"><img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px></td></tr> <tr> <!-- COLUMN 1 --> <td width="600" align="justify" valign="top"><font size="2" face="arial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</font></td> <!-- END COLUMN 1 --> </tr> <!-- LINKS --> <tr><td align=center colspan="3" bgcolor="#CCCCDD"><font size="2" face="arial"> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> </font></td></tr> <!-- LINKS --> <tr><td align=center colspan="3"><font size="1"> FOOTER TEXT | <a href="#game1">BACK TO GAME #1</a></font></td></tr> </table> <!-- END PROFILE FOR CHARACTER #3 (OF GAME #1)--> <!-- PROFILE FOR CHARACTER #4 (OF GAME #1)--> <a name="game1char4">&nbsp;</a><table align="center" width="600" style="margin-bottom: 300px;"> <!-- HEADING --> <tr><td align="right"><font color="#000000" size="5" face="arial"><i>HEADLINE</i></font><br></td></tr> <!-- END HEADING --> <tr><td align="center"><img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px> <img src="icon.jpg" width=100px height=100px></td></tr> <tr> <!-- COLUMN 1 --> <td width="600" align="justify" valign="top"><font size="2" face="arial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit vulputate nisl. Sed fringilla risus vestibulum purus. Nunc at lacus. Donec arcu tellus, interdum in, venenatis vitae, aliquet ac, metus. Sed fringilla ipsum vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</font></td> <!-- END COLUMN 1 --> </tr> <!-- LINKS --> <tr><td align=center colspan="3" bgcolor="#CCCCDD"><font size="2" face="arial"> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> <a href="http://"><font color="#AA4433">LINK</font></a> </font></td></tr> <!-- LINKS --> <tr><td align=center colspan="3"><font size="1"> FOOTER TEXT | <a href="#game1">BACK TO GAME #1</a></font></td></tr> </table> <!-- END PROFILE FOR CHARACTER #4 (OF GAME #1)--> <!-- END CHARACTER PROFILES FOR GAME #1--></div>

Will be posting this at rp_tutorials once I have a completed tutorial to explain the code.

click me!

(Read comments)

Post a comment in response:

From:	( ) Anonymous- this user has disabled anonymous and non-friend posting. You may post here if kickawesome lists you as a friend. OpenID Identity URL:  Login?  LiveJournal user Username: Password: Login?  Don't have an account? Create one now.
Subject:	No HTML allowed in subject   Don't auto-format:
Message:	Check spelling during preview

scribbld is part of the horse.13 network
Design by Jimmy B.
Logo created by hitsuzen.
Scribbld System Status