Hello all,
Due to a interest in how i made my live site i decided to make a little guide on how to make your own.
What do you need?
The end product?
Right here!
So first of, copy this code into your html file (call it something like: fah.html, livestats.html - it doesnt really matter)
The code is pretty clear, you can change some things:
<title> </title> between those tags you enter your website title for instance (Team # Live stats)
inside the container is this div: you duplicate this item as many times you need for your team members.
the <iframe> tag has a src="" you will enter your members HFM live link they supported trough a FTP or dropbox right in there.
look at my example: <iframe src="http://dl.dropbox.com/u/25898707/mobilesummary.html">
Now all you have to do is upload this file and post the url into your signature/TC thread 
This is my first guide. I hope everything is clear.
Edited by 1337LutZ - 4/15/11 at 3:47am
Due to a interest in how i made my live site i decided to make a little guide on how to make your own.
What do you need?
- online HFM stats (ftp or dropbox)
- a host for the file we are creating
- HTML + CSS knowledge (incase you want to change the look)
The end product?
Right here!
So first of, copy this code into your html file (call it something like: fah.html, livestats.html - it doesnt really matter)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>###### TITLE HERE ######</title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
</head>
<link href="http://fonts.googleapis.com/css?family=Ubuntu:300,300italic,regular,italic,500,500italic,bold,bolditalic" rel="stylesheet" type="text/css" ><style type="text/css">
body{
font-family: 'Ubuntu', sans-serif, verdana;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
margin:0;
padding:0;
background:rgba(0,0,0,0.2);
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
h3{
margin-top:0;
font-weight:normal;
font-size:20px;
}
h2{
margin:0;
padding:20px;
background-color:#fff;
margin-bottom:20px;
}
iframe{border:none;padding:0;margin:0;width:180px;height:380px;}
.container{margin-left:20px;}
.user-wrapper{box-shadow:0 0 10px rgba(0,0,0,0.1);background-color:#fff;padding:20px;margin-right:20px;margin-bottom:20px;float:left;border:1px solid #eee;}
</style>
<body>
<!-- TEAM NAME TITLE -->
<h2>Just Be Cause - LIVE folding stats</h2>
<!-- EOF:TEAM NAME TITLE -->
<div class="container">
<!-- DUPLICATE FOR EACH USER -->
<div class="user-wrapper">
<h3>1337LutZ</h3>
<iframe src="http://dl.dropbox.com/u/25898707/mobilesummary.html">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
<!-- EOF:DUPLICATE FOR EACH USER -->
</div>
© 2011 - <a href="http://www.overclock.net/member.php?u=115378">1337LutZ</a>
</body>
</html><title> </title> between those tags you enter your website title for instance (Team # Live stats)
inside the container is this div: you duplicate this item as many times you need for your team members.
the <iframe> tag has a src="" you will enter your members HFM live link they supported trough a FTP or dropbox right in there.
look at my example: <iframe src="http://dl.dropbox.com/u/25898707/mobilesummary.html">
Code:
<!-- DUPLICATE FOR EACH USER -->
<div class="user-wrapper">
<h3>1337LutZ</h3>
<iframe src="http://dl.dropbox.com/u/25898707/mobilesummary.html">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
<!-- EOF:DUPLICATE FOR EACH USER -->This is my first guide. I hope everything is clear.
Edited by 1337LutZ - 4/15/11 at 3:47am
