InsaneJournal

Tweak says, "I hate my tonsils!"

chromaticqueen (chromaticqueen) wrote in rp_tutorials,
@ 2012-08-02 12:05:00

Make a Website look like an IJ page
You can't use scripts on an IJ post.

But you can do this.

You can make an external website page that has the exact same layout as an IJ post page. It's great fun for tripping people up and making them say "hey, I didn't think you could do that on IJ."

Just copy and past the following code into any plaintext website editor:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>

-->
  </style>

<div id="IJ-sitepage" class="sidebar">
	<DIV ID="IJ-sitepage-inner">
	
		<div id="IJ-sitepage-header1">
			<div id="IJ-sitepage-header2">
				<div id="IJ-sitepage-header3">
					<div id="IJ-sitepage-header4">
						<div id="header-content">
							<div id="header-nonmenu">
								<div id="IJ-sitepage-userpic">
									
								</div>
								
								<div id="IJ-sitepage-tweak">
									<div id="IJ-sitepage-tweak-inner">
										<div id="tweak-pic">
											<a href="http://www.insanejournal.com">
											    <img src="http://www.insanejournal.com/img/dot.gif" alt="Tweak" border="0" height="100" width="101">
											</a>
										</div>
										<div id="journal-title">
											<h1>
											<a href="http://www.insanejournal.com">
											 InsaneJournal
											 </a>
											</h1>
										</div>
									
										<div id="tweak-says">
                                                       		                 	<p>Tweak says, "YOURGAME is the best!"</p>
										</div>
									</div>
								</div> 
								
								<div id="IJ-sitepage-login">
									<form action="http://www.insanejournal.com/logout.bml" method="post">

<span class='ljuser' lj:user='YOURMODJOURNAL' style='white-space: nowrap;'><a href='http://YOURMODJOURNAL.insanejournal.com/profile'><img src='http://www.insanejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0;' /></a><a href='http://YOURMODJOURNAL.insanejournal.com/'><b>YOURMODJOURNAL</b></a></span><br>
<a href='http://YOURMODJOURNAL.insanejournal.com/'><img src="http://whitleyroleplays.webs.com/returnbutton.png"></a>

</div>
								<div id="IE-clear"></div>	
							</div> 
							
							<div id="IJ-sitepage-freqlinks">
								<ul id="freqlinks"> 
									<li><a href="http://www.insanejournal.com/portal/index.bml">My IJ</a></li>
<li><a href="http://www.insanejournal.com/update.bml">Post</a></li>
<li><a href="http://www.insanejournal.com/users/atwarmod/friends">My Friends</a></li>
<li><a href="http://www.insanejournal.com/site/">Site Map</a></li>

</ul>
									<div id="top-search">
										<form action="http://www.insanejournal.com/multisearch.bml"><input id='searchlj' type='text' name='q' size='15' class='login' value=''> <span id='searchby'>Search by </span>: 
<select name=type><option value=user>Username
<option value=email>E-mail
<option value=region>Region
<option value=int>Interest
<option value=aolim>AOL IM
<option value=icq>ICQ Number 
<option value=yahoo>Yahoo! ID
<option value=msn>MSN Username
<option value=jabber>Jabber
</select><img src="http://www.insanejournal.com/img/dot.gif" width="1" height="5" alt="">
<input type=submit value="Search" id="searchsub">
</form>
									</div>
							</div>
							
						</div> 
						
					</div>
				</div>
			</div>
		</div> 
		
		<div id="IJ-sitepage-body">
			<div id="IJ-sitepage-body-inner">
		
				<div id="IJ-sitepage-columns">
					<div id="IJ-sitepage-columns-inner">
				
						<div id="IJ-sitepage-nav"> 
							<div id="IJ-sitepage-nav-inner">
								<ul id="nav"> 
									<li class="nav-header"><span class=" notlink">View</span>
									<ul>
<li><a href="http://www.insanejournal.com/users/atwarmod">My Writings</a></li>
<li><a href="http://www.insanejournal.com/userinfo.bml">My Diagnosis</a></li>
<li><a href="http://www.insanejournal.com/users/atwarmod/friends">My Friends</a></li>
<li><a href="http://www.insanejournal.com/users/atwarmod/calendar">My Archive</a></li>
<li><a href="http://www.insanejournal.com/tools/memories.bml">My Memories</a></li>
<li><a href="http://www.insanejournal.com/inbox/">Notifications (0)</a> </li>
<li><a href="http://www.insanejournal.com/privatemessages.bml">Private Messages</a></li>
</ul>

</li>
									<li class="nav-header"><span class="notlink">Journal</span>
										<ul>
										<li><a href="http://www.insanejournal.com/update.bml">Post</a></li>
										<li><a href="http://www.insanejournal.com/editjournal.bml">Edit Entries</a></li>
										<li><a href="http://www.insanejournal.com/customize/">Customize Journal</a></li>
										<li><a href="http://www.insanejournal.com/manage/comments/">Comment Settings</a></li> 
										<li><a href="http://www.insanejournal.com/tools/recent_comments.bml">Recent Comments</a></li>
										<li><a href="http://www.insanejournal.com/manage/tags.bml">Manage Tags</a></li>
										</ul>
									</li>
									<li class="nav-header"><span class="notlink">Account</span>
										<ul>
										<li><a href="http://www.insanejournal.com/manage/">Manage Account</a></li>
										<li><a href="http://www.insanejournal.com/manage/settings/">Viewing Options</a></li> 
										<li><a href="http://www.insanejournal.com/manage/profile/">Manage Profile</a></li>
                                                                                <li><a href="http://www.insanejournal.com/manage/subscriptions/">Manage Notifications</a></li>
										<li><a href="http://www.insanejournal.com/editpics.bml">Manage Pictures</a></li>
										<li><a href="http://www.insanejournal.com/schools/manage.bml">Manage Schools</a></li>
										<li><a href="http://www.insanejournal.com/accountstatus.bml">Account Status</a></li>
										</ul>
									</li>
									<li class="nav-header"><span class="notlink">Friends</span>
										<ul>
										<li><a href="http://www.insanejournal.com/friends/edit.bml">Edit Friends</a></li>
										<li><a href="http://www.insanejournal.com/friends/editgroups.bml">Edit Custom Groups</a></li>
										<li><a href="http://www.insanejournal.com/friends/filter.bml">Friends Filter</a></li>
										<li><a href="http://www.insanejournal.com/friends/nudge.bml">Nudge Friends</a></li>
										<li><a href="http://www.insanejournal.com/friends/invite.bml">Invite</a></li>
										<li><a href="http://www.insanejournal.com/syn/">Create RSS Feed</a></li>
										</ul>
									</li>
									<li class="nav-header"><span class="notlink">Asylums</span>
										<ul>
										<li><a href="http://www.insanejournal.com/update.bml">Post</a></li>
										<li><a href="http://www.insanejournal.com/manage/invites.bml">Asylum Invitations</a></li>
										<li><a href="http://www.insanejournal.com/asylum/manage.bml">Manage Asylums</a></li>
										<li><a href="http://www.insanejournal.com/asylum/create.bml">Create Asylum</a></li>
										</ul>
									</li>
									<li class="nav-header"><span class="notlink">Site</span>
										<ul>
										<li><a href="http://www.insanejournal.com/support/">Support</a></li>
										<li><a href="http://www.insanejournal.com/pay/">Upgrade Account</a></li>
										<li><a href="http://www.insanejournal.com/support/faq.bml">FAQs</a></li>
										<li><a href="http://www.insanejournal.com/directory.bml">Search By Location</a></li>
										<li><a href="http://www.insanejournal.com/interests.bml">Search By Interest</a></li>
										<li><a href="http://www.insanejournal.com/random.bml">Search Randomly</a></li>
										</ul>
									</li>
								</ul>						
							</div>
						</div> 	
					
						<div id="IJ-sitepage-content">
							<div id="IJ-sitepage-content-inner">

<div id="IJ-smallfont">
<p><table><tr valign='middle'><td>YOURMODJOURNAL (<span class='ljuser' lj:user='YOURMODJOURNAL' style='white-space: nowrap;'><a href='http://YOURMODJOURNAL.insanejournal.com/profile'><img src='http://www.insanejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0;' /></a><a href='http://YOURMODJOURNAL.insanejournal.com/'><b>YOURMODJOURNAL</b></a></span>) wrote,<br />

<font size='-1'>@ YEAR/MONTH/DAY HOUR:MINUTE:SECOND</font></td></tr></table>

<CENTER><table cellspacing=0 cellpadding=0 class="IJ-AccentBox2">
 <tr>
  <td width=7 align=left valign=top>
  <td height=7>
   <img height=7 src="<?siteroot?>/imgdot.gif" alt=""></td>
  <td width=7 valign=top align=right>
 </tr><tr>
  <td width=7>
   <img width=7 height=1 src="<?siteroot?>/imgdot.gif" alt=""></td>
  <td valign=top>
<table><tr><td valign='middle'><img src="http://www.insanejournal.com/img/btn_prev.gif" width="22" height="20" alt="Previous Entry" title="Previous Entry" border='0' align="absmiddle" />  <img src="http://www.insanejournal.com/img/memadd.gif" width="22" height="20" alt="Add to memories!" title="Add to memories!" border='0' align="absmiddle" />  <img src="http://www.insanejournal.com/img/btn_edit.gif" width="22" height="20" alt="Edit Entry" title="Edit Entry" border='0' align="absmiddle" />  <img src="http://www.insanejournal.com/img/btn_edittags.gif" width="22" height="20" alt="Edit Tags" title="Edit Tags" border='0' align="absmiddle" />  <img src="http://www.insanejournal.com/img/btn_track.gif" width="22" height="20" alt="Track This" title="Track This" border='0' align="absmiddle" />  <img src="http://www.insanejournal.com/img/btn_next.gif" width="22" height="20" alt="Next Entry" title="Next Entry" border='0' align="absmiddle" /></td></tr></table>
  </td>
  <td width=7>
   <img width=7 height=1 src="<?siteroot?>/imgdot.gif" alt=""></td>
 </tr><tr>
  <td width=7 align=left valign=top>
  <td height=7>
   <img height=7 src="<?siteroot?>/imgdot.gif" alt=""></td>
  <td width=7 valign=top align=right>
 </tr>
</table>
</CENTER>

</span></span></div><hr width='100%' size='2' align='center' /><div id='Comments'><a name='comments'></a><p class='lesstop' align='center'><b>(<a href='URLHERE' >Return to Journal</a></a>)</b></p><div align='center'></div>

</div>

</div> 
                                                </div>

</div>
                                </div>

<div id="IJ-sitepage-footer">
                                        <div id="IJ-sitepage-footer-inner">
                                                <hr />
                                                <p><a href="http://www.insanejournal.com">Home</a> | <a href="http://www.insanejournal.com/site/">Site Map</a> | <a href="http://www.insanejournal.com/manage/">Manage Account</a> | <a href="http://www.insanejournal.com/legal/tos.bml">TOS</a> | <a href="http://www.insanejournal.com/legal/privacy.bml">Privacy</a> | <a href="http://www.insanejournal.com/support/">Support</a> | <a href="http://www.insanejournal.com/support/faq.bml">FAQs</a><a href=http://i-ate-what.com/ style="text-decoration:none"> </a></p>
                                        </div>
                                </div>

</div>
                </div>

</div> 
</div>

</body>
</html>

Find and replace any instance of 'YOURMODJOURNAL' or 'YOURGAME'. If you want to get detailed, you can also fill in 'YEAR/MONTH/DAY' and 'HOUR:MINUTE:SECOND'

If you want to get really trippy, all the links on the side (under class="nav-header") are just regular links and can be changed to anything you want.

Put your unique content between
!-- start unique content --

and

!-- end unique content --

It's an external website, so literally anything goes!

	jrew 2012-08-24 03:24 am UTC (link)
	THAT is pretty awesome (Reply to this)