To give you an example of what I'm talking about, this is a link to one of our mechbuild threads on the 228th forums: Linky
Deadfire programed it so the command line looks like so:
[smurfy]http://mwo.smurfy-net.de/mechlab#i=80&l=e63c9cf010af5713bec8361b56a54bd298c3ffeb[/smurfy]
The displayed HTML code is like so:
<iframe src="http://mwo.smurfy-net.de/tools/mechtooltip?i=80&l=e63c9cf010af5713bec8361b56a54bd298c3ffeb" width="100%" height="300"></iframe>
The Frame Code from Smurfy's is like so:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="smurfys mechwarrior online reference provides the latest gamedata, a mechlab and maps." />
<meta name="keywords" content="MWO MechWarriorOnline smurfy mechlab maps reference quickguide" />
<meta name="robots" content="index, follow" />
<meta name="language" content="en" />
<title>BJ-3 - BLACKJACK</title>
<link href="/assetic/20130618/afef6e6.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body data-spy="scroll" data-target=".subnav">
<div class="iframe-container">
<a href="/mechlab#i=80&l=e63c9cf010af5713bec8361b56a54bd298c3ffeb" target="_blank">View Full Loadout</a>
<h4>
BJ-3
<small>BLACKJACK</small>
</h4>
<div class="tt-main-container" style="background: url('/assetic/imagine/tt-image/bj-3.png') no-repeat top right">
<div class="tt-container">
<ul>
<li class="title">Stats</li>
<li>Firepower: <span class="label label-dmg">30.00</span></li>
<li>Armor: <span class="label label-dmg">288 / 306</span></li>
<li>Sustained dps: <span class="label label-dps">3.68 dps</span></li>
<li>Max dps: <span class="label label-dps">7.50 dps</span></li>
<li>Cool. Eff.: <span class="label label-cooling">49%</span></li>
<li>Engine: <span class="label label-info">STD ENGINE 235</span>
</li>
<li>Speed:
<span class="label label-info">84.6 kph</span>
<span class="label label-success">93.1 kph</span>
</li>
<li>Heatsinks: <span class="label label-hs">17 </span></li>
<li>JumpJets: <span class="label label-hs">4 / 4 </span></li>
<li>BAP: <span class="label label-info">Installed</span></li>
</ul>
</div>
<div class="tt-container">
<ul>
<li class="title">Armaments</li>
<li>MEDIUM LASER <span class="label label-mech-hardpoint-beam">6</span></li>
</ul>
</div>
<div class="tt-container">
<ul class="tt-upgrades">
<li class="title">Upgrades</li>
<li>
Structure <span class="label label-info">Endo-Steel</span>
</li>
<li>
Heatsinks <span class="label label-info">Double HS</span>
</li>
</ul>
</div>
</div>
</div>
<script src="/assetic/20130618/bb8263e.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36480821-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
And the end result looks like so (except for the whole part where this is actually a .jpg):

Edited by Niko Snow, 28 June 2013 - 11:37 AM.














