Modulos para minha página HTML

Olá Convidado!

Eu avistei nesta página: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] 4 módulos em HTML que mostram a quantidade de tópicos, posts, usuários registrados e dias do fórum.

Pois bem, eu queria os códigos de tais módulos para usar na minha página de login, do meu fórum: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] porém eu quero que os módulos fiquem abaixo da caixa de login.

Deixo aqui também o código da minha página!

Código:


</--------------NÃO DIVULGUE OU COPIE ESTE CODIGO SEM TER OS CRÉDITOS! FN@C----------------/>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style>
body {
background: url(http://i.imgur.com/tPMUcUO.jpg);
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
.styledH3 {
font-family: 'Open Sans', sans-serif;
color: #848484;
font-size: 20px;
font-weight: 700px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
line-height: 60px;
text-align: center;
background: url(http://i.imgur.com/b1KiYTW.png);
height: 60px;
}
.loginCenter {
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.37);
-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.37);
box-shadow:        0px 2px 2px 0px rgba(50, 50, 50, 0.37);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin:auto;
width:400px;
height: 300px;
background-color:#F8F8F8;
border: 1px solid #ccc;
position: relative;
top: 100px;
}
.loginForm #username, .loginForm #password {
border: 1px solid #ccc;
height: 40px;
width: 320px;
}
.loginForm #username {
background: url(http://i.imgur.com/VvrGgTy.png) no-repeat right center white;
}
.loginForm #password {
background: url(http://i.imgur.com/OFUUH3R.png) no-repeat right center white;
}
.loginForm label[for="username"], .loginForm label[for="password"] {
margin-left: 40px;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #848484;
}
.loginForm .formButton {
cursor: pointer;
width: 320px;
height: 40px;
background: url(http://i.imgur.com/XjNZgYJ.png) center;
background-color: #1d9d24;
border: 1px solid #1d9d24;
}
</style>
<div class="loginCenter">
 
 <div class="styledH3">
 Painel de Login!
 </div>
 
 <div class="loginForm">
 
 <form action="/login" method="post" class="loginForm" name="form_login">
 <dl><dt><label for="username">Username</label></dt> <dd> <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /> </dd> </dl> <dl><dt><label for="password">Password</label></dt> <dd> <input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /> </dd> </dl> <dd> <input type="hidden" name="redirect" value="" /> <input type="hidden" name="query" value="" /> <input type="submit" name="login" tabindex="6" value="" class="formButton" /> <label for="username">| Insira seu Login |</label><label for="password">| Insira sua senha |</label> </dd>
 </form>
 
 </div>
</div>


Spoiler: