Deixar página inicial assim

Qual é minha questão:
Eu queria deixar a página inicial do fórum tipo essa aqui desse fórum. Tem como?

Endereço do meu fórum:
http://school-of-mutants.forumeiros.com

Versão do fórum:
PHPBB3

Boas,Aqui esta o codigo:

Código:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>« EMPT »</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; }

body {
font-family: Times New Roman, Arial, sans-serif;
font-size: 12px;
background-color:#000000;
}

a:link,a:active,a:visited{
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform: uppercase;
letter-spacing: 0px;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 8px;
font-weight: bold;}

a:hover, a:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 1px;
cursor: pointer;}



.entrarbotao {
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform:uppercase;
letter-spacing: -8px;
font-family: times new roman;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 45px;
font-weight: bold;}

.entrarbotao:hover, .entrarbotao:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 20px;
cursor: pointer;}


</style>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/accordeon_effet.js"></script>






<center><div style="background-image:url('http://imageshack.us/a/img18/7983/fundoinro.png'); background-color: #000;"><br><br><br><br><br><br><br>
<IMG src="http://imageshack.us/a/img822/2378/introimagem.png"><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 </strong></div></div></div></div></td></tr></tbody></table>


</div>
<table border="0"><tbody><tr><td><div style="margin-top: -180px; margin-left: 200px;">
<a href="http://escolademagiapt.portugueseforum.net/forum" target="_blank"><div class="entrarbotao ">Entrar!!</div></a>

</div>
</td></tr></tbody></table>





<center><a href="http://www.forumeiros.com/" target="_blank">forumeiros.com</a></center>



</center>

Não deu :/
Olha como ficou: http://school-of-mutants.forumeiros.com/

O Forumeiros Att Automaticamente o CSS para

Código:

School Of Mutants

* { margin:0; padding:0; list-style:none; }

body {
font-family: Times New Roman, Arial, sans-serif;
font-size: 12px;
background-color:#000000;
}

a:link,a:active,a:visited{
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform: uppercase;
letter-spacing: 0px;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 8px;
font-weight: bold;}

a:hover, a:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 1px;
cursor: pointer;}



.entrarbotao {
text-decoration: none;
outline: none;
color: #568d8c;
text-shadow: 0px 0px 3px #568d8c;
text-transform:uppercase;
letter-spacing: -8px;
font-family: times new roman;
-webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
font-size: 45px;
font-weight: bold;}

.entrarbotao:hover, .entrarbotao:focus{
text-decoration: none !important;
color: #c9ae5c;
text-shadow: 0px 0px 3px #c9ae5c;
letter-spacing: 20px;
cursor: pointer;}












 




Entre na Aventura!







Baseado no Template da Página Inicial do EMPT


Ah já consegui. Era pq era no HTML e n no CSS. THANKS!