Gerir função página HTML

• Descrição:

Queria saber se tem como mim falar como fazer página html para o fórum ! uma bem legal com imagem e tudo mais ...  Ou então que mim dessem o código pronto pra edição no bloco de notas tudo explicado pq não entendo nada de html. POR FAVOR xD

• Informações:

Código:

<br /><title>Super Onze RPG - Login</title> <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/yiamjTy.png" /> <meta charset="utf-8" /> <style type="text/css">
    @font-face {
      font-family: 'Oswald';
      font-style: normal;
      font-weight: 400;
      src: local('Sigmar One'), local('SigmarOne'), url(http://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    }
    body{
        margin: 0;
        font: 14px Lucida sans;
        background: #333 url('IMAGEM DE FUNDO DESEJADA') no-repeat;
        -webkit-background-size: cover;
          -moz-background-size: cover;
            -o-background-size: cover;
                background-size: cover;
        color: #fff;
    }
    a, a:active, a:focus{
        text-decoration: none;
        color: #fafafa;
    }
    #logo{
        font: 30px 'Sigmar One';
        text-align: center;
        padding: 0;
        margin: 5em 0 0;
        text-shadow: rgba(0,0,0,1) 0 0 5px;
    }
    form{
        margin: 0 auto;
        max-width: 50%;
    }
    #wrap{
        width: 100%;
        background: rgba(255,255,255,.3);
        border-radius: 5px;
        text-shadow: rgba(0,0,0,.5) 1px 1px 0;
        box-shadow: rgba(0,0,0,.2) 0 0 3px;
        text-align: center;
        padding: 3em 1em;
    }
    hr{
        margin: 1em;
        border: 0;
        border-top: 1px rgba(0,0,0,.2) solid;
        border-bottom: 1px rgba(255,255,255,.2) solid;
    }
    #register{
        background: url('http://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #copyrights{
        font-size: 13px;
    }
    </style>

<script language="JavaScript">
function protegercodigo() {
if (event.button==2||event.button==3) {
alert(' Função desativada! Não tente novamente.);}
}
document.onmousedown=protegercodigo
</script>

<script language=JavaScript>
<!-- begin
var sHors = "";
var sMins = "";
var sSecs =8;
function getSecs(){
sSecs--;
if(sSecs<0)
    {sSecs=59;sMins--;if(sMins<=9)sMins="0"+sMins;}
if(sMins=="0-1")
    {sMins=5;sHors--;if(sHors<=9)sHors="0"+sHors;}
if(sSecs<=9)sSecs="0"+sSecs;
if(sHors=="0-1")
{sHors="";sMins="";sSecs="00";
clock1.innerHTML=+sSecs;}
    else
    {
  clock1.innerHTML=sHors+"</font>"+sSecs;
    setTimeout('getSecs()',1000);

}
}
//-->
</script>

<script language='javascript'>
setTimeout("location.href='LINK DO SEU FÓRUM'",8000);
</script>
<form action="/login?">
   
   <p id="logo">
   TÍTULO DO FÓRUM
   </p>
   
   <div id="wrap">
      DESCRIÇÃO DESEJADA
          <br />
          <br />
          <center><img src="http://i.imgur.com/gygr8wi.gif" /></center>
          <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Forumeiros</a>
 
 
  <script language="JavaScript">
    $(function(){
$('input[name="redirect"]').attr('value','/');
});
  </script>
</form>
 
  <!--------------
 
  <a href="/register" id="register">Registre-se</a>
      <hr />
       <label for="username"> Nome: <input type="text" name="username" /> </label> <label for="password"> Senha: <input type="password" name="password" /> </label> <label for="login"> <input value="Login" type="submit" name="login" /> </label>
      <hr />
          <label for="sendpassword"> <a href="/profile?mode=sendpassword">Esqueci minha senha</a> </label> <br /> <label for="autologin">
          <input type="checkbox" class="radio" checked="checked" tabindex="4" id="autologin" name="autologin" /> Conexão automática </label>
   </div>
  <a target="_blank" href="LINK DO SEU FÓRUM">TITULO DE SEU FÓRUM</a> <a target="_blank"> <b>Nota: Se já estiver logado clique em login.</b></a> 
 
  ------------------->

Código:

 <title>Super Onze Revenge X!</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><link href="http://cdn4.iconfinder.com/data/icons/SOPHISTIQUE/education_icons/png/48/recreation.png" type="image/x-icon" rel="shortcut icon" /> <link media="screen" type="text/css" href="http://www.ggames.com.br/css/style.css" rel="stylesheet" /> <script type="text/css">
       
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                            ///-->

<!--/                                                                              ///-->

<!--/                    Portal Versão 1.0                              ///-->

<!--/                    Criado por Sennior.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-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> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://espions.webs.com/cufon-yui.js"></script> <script type="text/javascript" src="http://espions.webs.com/BabelSans_500.font.js"></script> <script type="text/javascript" src="http://espions.webs.com/jquery.easing.1.3.js"></script><script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script> <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
             
              var $selected  = $menu.find('li:first');
             
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
             
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
             
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
             
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script> <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://img6.imageshack.us/img6/7446/outrobg.png') !important;
    background-repeat: no-repeat;
    }
      </style>
<div>
    <span class="reference"> Pump Design Copyright 2012 | Desenvolvido por <a alt="Web Designer Sennior" target="_Blank" href="http://ajuda.forumeiros.com/u38996">Sennior</a> | Hospedado por <a alt="Forumeiros" target="_Blank" href="http://www.forumeiros.com">Forumeiros.</a> </span>
</div>
 
<div class="slidingMenuDesc" id="slidingMenuDesc">
   
   <div>
      <span>Uma nova era chegou!</span>
   </div>
   
   <div>
      <span>Fique por dentro de todas as atualizacoes</span>
   </div>
   
   <div>
      <span>Saiba como comecar bem no forum!</span>
   </div>
   
   <div>
      <span>Faca sua ficha para comecar a jogar!</span>
   </div>
   
   <div>
      <span>Se inscreva nas melhores escolas!</span>
   </div>
   
</div>
 
<ul class="slidingMenu" id="slidingMenu">
   
   <li>
      <a href="http://superonzerpg.forumbrasil.net/portal">Portal</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/forum">Forum</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f7-announcements">Atualizacoes</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f1-regulamentos-afins">Regras e Tutorias</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f3-fichas-de-personagem">Fichas</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f25-times-e-colegios">Times de Futebol</a>
   </li>
   
</ul>