Gerir página HTML na Home Page

• Descrição:

Olá pessoal,
Bom, eu estou criando um novo forum, como ele ainda não possui nada, estou arrecadando informações para quando ele for iniciado já sair com uma cara bacana, enfim, olhando em alguns sites eu encontrei ISSO AQUI!
Como achei realmente interessante, gostaria de saber se vocês poderiam me ajudar e me ensinar como criar algo assim, para que eu mesmo possa editar conforme o forum que vou criar.
Eu vi no forum http://www.vampirediariesoriginal.org/forum
Obs.: Peço desculpas se este não for o lugar correto para se postar, mas como não sabia do que se tratava postei aqui.

• Informações:

Código:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div id="blackestnight">
           
   <div id="h2">
         The Vampire Diaries    
   </div>
           
   <div class="bn1 bnboton">
              
      <div id="bnbot">
              Info    
      </div>
              
   </div>
           
   <div class="bn2 bnboton">
              
      <div id="bnbot">
              The Best's    
      </div>
              
   </div>
           
   <div class="bn3 bnboton">
              
      <div id="bnbot">
              Diversos    
      </div>
              
   </div>
           
   <div class="bnc1 bncaja">
              
      <div id="bnd">
                 
         <div id="bnder" style="margin-bottom: 5px;">
            <color=darkred> <b> <a href="http://www.vampirediariesoriginal.org/"> VDO-RPG </a></b>, é um RPG baseado na série de televisão americana de drama e suspense desenvolvida por Kevin Williamson e Julie Plec e baseada na série de livros de mesmo nome escrita por L. J. Smith. A série estreou na televisão americana pela emissora The CW em 10 de setembro de 2009. Agora segue para a sua sexta temporada, em outubro de 2014. A série segue os eventos na cidade de Mystic Falls, Virginia. Uma pequena cidade fictícia assombrada por seres sobrenaturais. O foco principal da série é o triângulo amoroso entre a protagonista, Elena Gilbert e os irmãos, Stefan e Damon Salvatore. Os dois tem um passado sombrio. Mais tarde, a luz é lançada sobre o misterioso passado da cidade, envolvendo a ancestral de Elena, Katherine, e a família original, que deram origem aos vampiros.    
         </color=darkred></div>
                 
         <div class="bns1 bnstaff">
                           <b>*Angel</b><span>STAFF/ Cannon's &amp; Fichas</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=9">MP</a><a href="http://www.vampirediariesoriginal.org/u9">Perfil</a>    
         </div>
         <div class="bns2 bnstaff">
                <b>The History</b><span>STAFF/Ajudante Geral</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=212">MP</a><a href="http://www.vampirediariesoriginal.org/u212">Perfil</a>    
         </div>
            
         <div class="bns3 bnstaff">
                <b>Narrador</b><span>STAFF/ Regras, tramas e Níveis</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=380">MP</a><a href="http://www.vampirediariesoriginal.org/u380">Perfil</a>    
         </div>
   <div class="bns4 bnstaff">
                <b>Spírits</b><span>STAFF/Ajuda dos Espíritos das Bruxas</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=439">MP</a><a href="http://www.vampirediariesoriginal.org/u439">Perfil</a>    
         </div>
             
         <div id="h3">
                Tablón Blackest Night por <a href="http://bit.ly/12UhEcD" target="_blank">Pyrite Wolf</a>    
         </div>
             
      </div>
              
      <div id="bnizq" style="margin-bottom: 5px;">
                 
         <center>
                 <link href="http://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css"><style type="text/css">* {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

#PoxTitle {
    background: #;
    border-bottom: 10px solid #BD0A0A;
    color: #FFFFFF;
    font: 25px 'Lobster Two';
    letter-spacing: 4px;
    width: 700px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
}

#PoxSubTitle {
  font-family: 'Dosis';
  color: #BD0A0A;
  font-size: 18px;
  border-left: solid 10px #BD0A0A;
  padding-left: 10px;
  margin-bottom:20px;
  margin-top: 20px;
    font-variant:small-caps;
}

#PoxText {
    color: #333;
    font-size: 10px;
    
}

#PoxLinkTwo  {
text-align: center;
}

#PoxLinkTwo a {
font: 15px 'Dosis';
color: #AE0D0D;
line-height:115%;
letter-spacing:1px;
text-align: center;
}

#PoxLinkTwo a:hover {
color: #AE0D0D;
}

#PoxStaff {
    width: 200px;
    height: 10px;
    background: #000;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
 margin-top: 2px;
}

#PoxStaffInfo {
    background-color: transparent;
    width:140px;
    height:50px;
    padding:2px 6px;
    font: 12px Share;
    padding:4px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
    font: 15px 'Dosis';
}

#PoxStaffTi {
  background-color: trasparent;
    width:140px;
    height:15px;
    padding:2px 6px;
    font: 15px 'Dosis';
    padding:2px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
}

#PoxNormTex {
    font: 14px 'Dosis';
color: #7a7a7a;
    padding:2px;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
}
</style>    
            <table style="width:700px; padding:0px 0px; border-bottom: 15px solid #;">
                       
               <tbody>
                          
                  <tr>
                             
                     <td rowspan="3" style="width:216px;">
                                
                        <div id="PoxSubTitle">
                                Trama    
                        </div>
                                
                        <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                                Mais de 2.000 anos atrás, Silas era um bruxo extremamente poderoso que queria criar um feitiço para a imortalidade. Ele pediu a sua melhor amiga Qetsiyah, que também era uma bruxa extremamente poderosa, para ajudá-lo na criação do feitiço. Ela concordou, esperando Silas para torná-la imortal, assim, como ela era apaixonada por ele e esperava que eles pudessem ficar juntos para sempre. No entanto, Silas pretende dar o dom da imortalidade para outra mulher. Qetsiyah ficou furiosa quando descobriu que Silas não pretendia passar a eternidade com ela. A vingança da bruxa fora feita em três partes, primeiro havia criado uma cura para sua imortalidade que mais tarde viria a ser aprisionado com ele em uma tumba que iria ficar enterrada no interior de uma ilha ao longe de qualquer um que pudesse libertá-lo. A segunda parte veio com a morte da mulher que estava encantando seu amado, uma morte fria, dolorosa que foi revelada por ela assim que aprisionou o vampiro primordial. A terceira foi a vingança mais calculista que ela já teve, aproveitou-se do feitiço que ele havia criado antes de aprisioná-lo e criou três elementos, três descendentes do vampiro primordial, no decorrer de sua vingança os herdeiros, assim batizados pela bruxa, iriam saber de toda a verdade quando lessem a carta que ela iria deixar em um local, o local que justamente saberia para onde o vampiro iria se caso ele fosse despertado.    
                        </div>
                                
                     </td>
                             
                  </tr>
                          
                  <tr>
                             
                     <td rowspan="3" style="width:216px;">
                                
                        <div id="PoxSubTitle">
                                Notícias    
                        </div>
                                
                        <div style="height:300px; background:#000; padding: 8px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                                <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-timeline twitter-timeline-rendered" style="border: none; max-width: 100%; min-width: 180px; width: 229px;" title="Histórico do Twitter" height="270"></iframe><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>    
                        </div>
                                
                     </td>
                             
                  </tr>
                          
                  <tr>
                             
                     <td rowspan="3" style="width:216px;">
                                
                        <div id="PoxSubTitle">
                                Clima e Tempo    
                        </div>
                                
                        <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                                   
                           <div id="PoxLinkTwo">
                                      
                              <div id="cont_da1e9aa6bafaa568809c0d964b322cac" style="text-align: center; width: 170px; color: rgb(153, 153, 153); border: 1px solid rgb(0, 0, 0); background-color: rgb(0, 0, 0);">
                                      <span id="h_da1e9aa6bafaa568809c0d964b322cac" style="font-family: 'Times New Roman'; font-size: 14px; height: 19px; text-align: center; cursor: pointer; text-decoration: underline;"><a id="a_da1e9aa6bafaa568809c0d964b322cac" href="http://www.yourweather.co.uk/" target="_blank" style="color:#999999;font-family:Times New Roman;font-size:14px;"></a></span><script type="text/javascript" src="http://www.yourweather.co.uk/wid_loader/da1e9aa6bafaa568809c0d964b322cac"></script><iframe id="da1e9aa6bafaa568809c0d964b322cac" src="http://www.yourweather.co.uk/getwid/da1e9aa6bafaa568809c0d964b322cac" frameborder="0" scrolling="no" name="flipe" style="width: 170px; color: rgb(153, 153, 153); height: 268px;"></iframe>    
                              </div>
                                      
                           </div>
                                   
                        </div>
                                
                     </td>
                             
                  </tr>
                          
               </tbody>
                       
            </table>
                    
         </center>
                 
      </div>
              
   </div>
           
   <div class="bncaja bnescondida bnc2">
              
      <marquee behavior="scroll" direction="left" onmouseover="this.stop()" onmouseout="this.start()">
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/htkDCpK.png);">
              <b>Damon Salvatore<span> Sex appeal: {Sexy as Hell}</span><a href="http://www.vampirediariesoriginal.org/u23">Ver Perfil</a>    
      </b></div><b>
                               
      <div id="bnaward" style="background-image: url(http://i.imgur.com/EusssGN.png);">
              <b>Kol Mikaelson</b><span> O Pegador</span><a href="http://www.vampirediariesoriginal.org/u42">Ver Perfil</a>    
      </div>
      
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ft4jGHK.png);">
              <b>Niklaus Mikaelson</b><span> Cafetão</span><a href="http://www.vampirediariesoriginal.org/u15">Ver Perfil</a>    
      </div>
          
                    
      <div id="bnaward" style="background-image: url(http://i.imgur.com/Dyjpn3T.png);">
              <b>Stefan Salvatore</b><span> Bom de cama</span><a href="http://www.vampirediariesoriginal.org/u52">Ver Perfil</a>    
      </div>
      
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/vYtZ7hP.png);">
              <b>Natalie H. Mikaelson</b><span> Sex appeal: {Sexy as Hell} </span><a href="http://www.vampirediariesoriginal.org/u51">Ver Perfil</a>    
      </div>
          
      
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/vLwzqgs.png);">
              <b>Katherine Pierce</b><span> A Desejada </span><a href="http://www.vampirediariesoriginal.org/u2">Ver Perfil</a>    
      </div>
          
   
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/DO7wf3K.png);">
              <b>Katherine Pierce</b><span>The Supreme Bitch</span><a href="http://www.vampirediariesoriginal.org/u2">Ver Perfil</a>    
      </div>
          
                    
      <div id="bnaward" style="background-image: url(http://i.imgur.com/bQj5HDw.png);">
              <b>Charlotte Walters</b><span>Bruna Surfistinha</span><a href="http://www.vampirediariesoriginal.org/u202">Ver Perfil</a>    
      </div>
      
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ce4XCtO.png);">
              <b>Elena Gilbert</b><span>Who has the Petrova's Fire?</span><a href="http://www.vampirediariesoriginal.org/u8">Ver Perfil</a>    
      </div>
          
      
      <div id="bnaward" style="background-image: url(http://i.imgur.com/B0ViNrj.png);">
              <b>Kol Mikaelson</b><span> Piriguete</span><a href="http://www.vampirediariesoriginal.org/u42">Ver Perfil</a>    
      </div>
          
      
      <div id="bnaward" style="background-image: url(http://i.imgur.com/nZsI6RN.png);">
              <b>Stefan &amp; Elena</b><span>Casal mais Hot</span><a href="http://www.vampirediariesoriginal.org/"> - </a>    
      </div>
          
           
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ubPQqzz.png);">
              <b>Silas</b><span>O "Terrorista"</span><a href="http://www.vampirediariesoriginal.org/u146">Ver Perfil</a>    
      </div>
          
      
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/7jpRg17.png);">
              <b>Niklaus Mikaelson</b><span>O Caloteiro</span><a href="http://www.vampirediariesoriginal.org/u15">Ver Perfil</a>    
      </div>
          
                    
      <div id="bnaward" style="background-image: url(http://i.imgur.com/uBBMjta.png);">
              <b>Kol Mikaelson</b><span>O Pervertido</span><a href="http://www.vampirediariesoriginal.org/u42">Ver Perfil</a>    
      </div>
          
                    
      <div id="bnaward" style="background-image: url(http://i.imgur.com/tcI0Ecn.png);">
              <b>Damon Salvatore</b><span> Pinguço de bar</span><a href="http://www.vampirediariesoriginal.org/u23">Ver Perfil</a>    
      </div>
          
                    
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ee1Z3zQ.png);">
              <b>Esther Mikaelson</b><span>A Chata</span><a href="http://www.vampirediariesoriginal.org/u54">Ver Perfil</a>    
      </div>
          
      <div id="bnaward" style="background-image: url(http://i.imgur.com/xcalyzN.png);">
              <b> Alice Dearborn</b><span>Língua Venenosa</span><a href="http://www.vampirediariesoriginal.org/u174">Ver Perfil</a>    
      </div>
          
              
      <div id="bnaward" style="background-image: url(http://i.imgur.com/lHV3QxO.png);">
              <b>Charlotte Walters</b><span> A Baranga/Canhão/Tribufu</span><a href="http://www.vampirediariesoriginal.org/u202">Ver Perfil</a>    
      </div>
          
             
      </b></marquee>
              
   </div>
           
   <div class="bncaja bnc3 bnescondida">
              
      <center>
              <link href="http://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css"><style type="text/css">* {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

#PoxTitle {
    background: #;
    border-bottom: 10px solid #BD0A0A;
    color: #FFFFFF;
    font: 25px 'Lobster Two';
    letter-spacing: 4px;
    width: 700px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
}

#PoxSubTitle {
  font-family: 'Dosis';
  color: #BD0A0A;
  font-size: 18px;
  border-left: solid 10px #BD0A0A;
  padding-left: 10px;
  margin-bottom:20px;
  margin-top: 20px;
    font-variant:small-caps;
}

#PoxText {
    color: #333;
    font-size: 10px;
    
}

#PoxLinkTwo  {
text-align: center;
}

#PoxLinkTwo a {
font: 15px 'Dosis';
color: #AE0D0D;
line-height:115%;
letter-spacing:1px;
text-align: center;
}

#PoxLinkTwo a:hover {
color: #AE0D0D;
}

#PoxStaff {
    width: 200px;
    height: 10px;
    background: #000;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
 margin-top: 2px;
}

#PoxStaffInfo {
    background-color: transparent;
    width:140px;
    height:50px;
    padding:2px 6px;
    font: 12px Share;
    padding:4px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
    font: 15px 'Dosis';
}

#PoxStaffTi {
  background-color: trasparent;
    width:140px;
    height:15px;
    padding:2px 6px;
    font: 15px 'Dosis';
    padding:2px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
}

#PoxNormTex {
    font: 14px 'Dosis';
color: #7a7a7a;
    padding:2px;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
}
</style>    
         <table style="width:700px; padding:0px 0px; border-bottom: 15px solid #;">
                    
            <tbody>
                       
               <tr>
                          
                  <td rowspan="3" style="width:216px;">
                             
                     <div id="PoxSubTitle">
                             Nosso Banner    
                     </div>
                             
                     <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                                
                        <div align="justify">
                                Caso alguém deseje parceria com o nosso fórum, deverá mandar uma MP com o código de seu <span style="text-decoration: underline;">Banner/Parceria</span> para qualquer ADM. O fórum para parceria deve conter players ativos. Após receber a resposta adicione nosso banner no seu fórum que faremos o mesmo com o seu. <br><br> <text-align:right>O nosso código de parceria é:</text-align:right>    
                        </div>
                                
                        <div style="margin:auto;text-align:center;width:100%">
                                <a href="http://www.vampirediariesoriginal.org" target="_blank"><img src="http://i.imgur.com/NfnDtNq.png" alt="RPG The Vampire Diaries"></a><br>    
                           <div align="justify">   <dl class="codebox"><dt><span class="genmed"><b>Código:</b></span></dt><dd class="code"><div class="cont_code"><div style="margin:auto;text-align:center;width:100%"><a href="http://rpg-vampire-diaries.forumeiros.com" target="_blank"><img src="http://i.imgur.com/NfnDtNq.png" alt="RPG The Vampire Diaries" /></a></div></div></dd></dl></div><table style="table-layout: fixed; width: 90%;" cellspacing="1" cellpadding="0" border="0" align="center">
                                      
                              <tbody>
                                         
                                 <tr>
                                            
                                    <td>
                                           
                                    </td>
                                            
                                 </tr>
                                         
                                 <tr>
                                            
                                 
                                            
                                 </tr>
                                         
                              </tbody>
                                      
                           </table><span class="postbody"></span>    
                        </div>
                                
                     </div>
                             
                  </td>
                          
               </tr>
                       
               <tr>
                          
                  <td rowspan="3" style="width:216px;">
                             
                     <div id="PoxSubTitle">
                             Associados    
                     </div>
                             
                     <div style="height:300px; background:#000; padding: 8px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                                
                        <div style="width: 190px; border-left: 1px dashed #61141; text-align: justify; font-family: calibri, arial; font-size: 11px; line-height: 90%; color: #cccccc; padding: 10px; overflow: auto;" class="actualpost" "="">
                                 
                           <marquee behavior="scroll" direction="up" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
                                  
                               
                           <div align="center" style="">
                                      
                              <div align="center">
                                     
<a href="http://www.zonkos.com.br/magia/link.php?id=29&amp;t=in" target="_blank"><img src="http://www.zonkos.com.br/magia/images/Zks-88-31.png" alt="Portal Zonko's [Zks] de Harry Potter" title="Portal Zonko's [Zks] de Harry Potter" longdesc="Botão de âncora para o fórum do RPG de Harry Potter da Zonko's nas dimensões de 88x31px">
                        </a>

<a href="http://lotusgraphics.forumeiros.com/" target="_blank"><img =="" src=" http://i.imgur.com/NwNE5YG.png" alt="Fórum grátis" style="width: 150px; height: 60px;"></a>

<a href="http://theamericandreams.forumeiros.com/" target="_blank"><img =="" src="http://i34.servimg.com/u/f34/18/39/23/89/untitl14.jpg" alt="Fórum grátis" style="width: 150px; height: 60px;"></a>

                  </div>
                                         
                                 <div style="width:200px; padding:6px; background-color:#11414; line-height:90%; color:#000;  text-align: right; text-transform:uppercase; letter-spacing:1px; font:10px Voltaire; align-vertical: middle;">
                                            
                                 </div>
                                         
                              </div>
                                      
                             
                           
                                    
                           </marquee>  
                        </div>
                                
                     </div>
                             
                  </td>
                          
               </tr>
                       
               <tr>
                          
                  <td rowspan="3" style="width:216px;">
                             
                     <div id="PoxSubTitle">
                             Jornal de MF    
                     </div>
                             
                     <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                             <a href="http://the-l0v3-sucks.tumblr.com/" target="_blank"><img src="http://i.imgur.com/4LQCG89.png" alt="LOVE SUCKS"></a>    
                     </div>
                             
                  </td>
                          
               </tr>
                       
            </tbody>
                    
         </table>
                 
      </center>
              
   </div>
</div>
 <script src="http://protorol.com/pyriportal/blackestnight.js"></script>
</div></td></tr></tbody></table>

Robert S. Winchester escreveu:Não deu certo, ficou assim https://2img.net/h/oi58.tinypic.com/qs6vb6.png



Como se os códigos não fossem só aqueles. As informações não se sobrepõem como gostaria que fizesse.

Código:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div id="blackestnight">
          
   <div id="h2">
        The Vampire Diaries   
   </div>
          
   <div class="bn1 bnboton">
             
      <div id="bnbot">
             Info   
      </div>
             
   </div>
          
   <div class="bn2 bnboton">
             
      <div id="bnbot">
             The Best's   
      </div>
             
   </div>
          
   <div class="bn3 bnboton">
             
      <div id="bnbot">
             Diversos   
      </div>
             
   </div>
          
   <div class="bnc1 bncaja">
             
      <div id="bnd">
                
         <div id="bnder" style="margin-bottom: 5px;">
            <color=darkred> <b> <a href="http://www.vampirediariesoriginal.org/"> VDO-RPG </a></b>, é um RPG baseado na série de televisão americana de drama e suspense desenvolvida por Kevin Williamson e Julie Plec e baseada na série de livros de mesmo nome escrita por L. J. Smith. A série estreou na televisão americana pela emissora The CW em 10 de setembro de 2009. Agora segue para a sua sexta temporada, em outubro de 2014. A série segue os eventos na cidade de Mystic Falls, Virginia. Uma pequena cidade fictícia assombrada por seres sobrenaturais. O foco principal da série é o triângulo amoroso entre a protagonista, Elena Gilbert e os irmãos, Stefan e Damon Salvatore. Os dois tem um passado sombrio. Mais tarde, a luz é lançada sobre o misterioso passado da cidade, envolvendo a ancestral de Elena, Katherine, e a família original, que deram origem aos vampiros.   
         </color=darkred></div>
                
         <div class="bns1 bnstaff">
                         <b>*Angel</b><span>STAFF/ Cannon's &amp; Fichas</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=9">MP</a><a href="http://www.vampirediariesoriginal.org/u9">Perfil</a>   
         </div>
         <div class="bns2 bnstaff">
                <b>The History</b><span>STAFF/Ajudante Geral</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=212">MP</a><a href="http://www.vampirediariesoriginal.org/u212">Perfil</a>   
         </div>
           
         <div class="bns3 bnstaff">
                <b>Narrador</b><span>STAFF/ Regras, tramas e Níveis</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=380">MP</a><a href="http://www.vampirediariesoriginal.org/u380">Perfil</a>   
         </div>
   <div class="bns4 bnstaff">
                <b>Spírits</b><span>STAFF/Ajuda dos Espíritos das Bruxas</span><a href="http://www.vampirediariesoriginal.org/privmsg?mode=post&amp;u=439">MP</a><a href="http://www.vampirediariesoriginal.org/u439">Perfil</a>   
         </div>
            
         <div id="h3">
                Tablón Blackest Night por <a href="http://bit.ly/12UhEcD" target="_blank">Pyrite Wolf</a>   
         </div>
            
      </div>
             
      <div id="bnizq" style="margin-bottom: 5px;">
                
         <center>
                <link href="http://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css"><style type="text/css">* {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

#PoxTitle {
    background: #;
    border-bottom: 10px solid #BD0A0A;
    color: #FFFFFF;
    font: 25px 'Lobster Two';
    letter-spacing: 4px;
    width: 700px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
}

#PoxSubTitle {
  font-family: 'Dosis';
  color: #BD0A0A;
  font-size: 18px;
  border-left: solid 10px #BD0A0A;
  padding-left: 10px;
  margin-bottom:20px;
  margin-top: 20px;
    font-variant:small-caps;
}

#PoxText {
    color: #333;
    font-size: 10px;
   
}

#PoxLinkTwo  {
text-align: center;
}

#PoxLinkTwo a {
font: 15px 'Dosis';
color: #AE0D0D;
line-height:115%;
letter-spacing:1px;
text-align: center;
}

#PoxLinkTwo a:hover {
color: #AE0D0D;
}

#PoxStaff {
    width: 200px;
    height: 10px;
    background: #000;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
 margin-top: 2px;
}

#PoxStaffInfo {
    background-color: transparent;
    width:140px;
    height:50px;
    padding:2px 6px;
    font: 12px Share;
    padding:4px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
    font: 15px 'Dosis';
}

#PoxStaffTi {
  background-color: trasparent;
    width:140px;
    height:15px;
    padding:2px 6px;
    font: 15px 'Dosis';
    padding:2px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
}

#PoxNormTex {
    font: 14px 'Dosis';
color: #7a7a7a;
    padding:2px;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
}
</style>   
            <table style="width:700px; padding:0px 0px; border-bottom: 15px solid #;">
                      
               <tbody>
                         
                  <tr>
                            
                     <td rowspan="3" style="width:216px;">
                               
                        <div id="PoxSubTitle">
                               Trama   
                        </div>
                               
                        <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                               Mais de 2.000 anos atrás, Silas era um bruxo extremamente poderoso que queria criar um feitiço para a imortalidade. Ele pediu a sua melhor amiga Qetsiyah, que também era uma bruxa extremamente poderosa, para ajudá-lo na criação do feitiço. Ela concordou, esperando Silas para torná-la imortal, assim, como ela era apaixonada por ele e esperava que eles pudessem ficar juntos para sempre. No entanto, Silas pretende dar o dom da imortalidade para outra mulher. Qetsiyah ficou furiosa quando descobriu que Silas não pretendia passar a eternidade com ela. A vingança da bruxa fora feita em três partes, primeiro havia criado uma cura para sua imortalidade que mais tarde viria a ser aprisionado com ele em uma tumba que iria ficar enterrada no interior de uma ilha ao longe de qualquer um que pudesse libertá-lo. A segunda parte veio com a morte da mulher que estava encantando seu amado, uma morte fria, dolorosa que foi revelada por ela assim que aprisionou o vampiro primordial. A terceira foi a vingança mais calculista que ela já teve, aproveitou-se do feitiço que ele havia criado antes de aprisioná-lo e criou três elementos, três descendentes do vampiro primordial, no decorrer de sua vingança os herdeiros, assim batizados pela bruxa, iriam saber de toda a verdade quando lessem a carta que ela iria deixar em um local, o local que justamente saberia para onde o vampiro iria se caso ele fosse despertado.   
                        </div>
                               
                     </td>
                            
                  </tr>
                         
                  <tr>
                            
                     <td rowspan="3" style="width:216px;">
                               
                        <div id="PoxSubTitle">
                               Notícias   
                        </div>
                               
                        <div style="height:300px; background:#000; padding: 8px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                               <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-timeline twitter-timeline-rendered" style="border: none; max-width: 100%; min-width: 180px; width: 229px;" title="Histórico do Twitter" height="270"></iframe><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>   
                        </div>
                               
                     </td>
                            
                  </tr>
                         
                  <tr>
                            
                     <td rowspan="3" style="width:216px;">
                               
                        <div id="PoxSubTitle">
                               Clima e Tempo   
                        </div>
                               
                        <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                                  
                           <div id="PoxLinkTwo">
                                     
                              <div id="cont_da1e9aa6bafaa568809c0d964b322cac" style="text-align: center; width: 170px; color: rgb(153, 153, 153); border: 1px solid rgb(0, 0, 0); background-color: rgb(0, 0, 0);">
                                     <span id="h_da1e9aa6bafaa568809c0d964b322cac" style="font-family: 'Times New Roman'; font-size: 14px; height: 19px; text-align: center; cursor: pointer; text-decoration: underline;"><a id="a_da1e9aa6bafaa568809c0d964b322cac" href="http://www.yourweather.co.uk/" target="_blank" style="color:#999999;font-family:Times New Roman;font-size:14px;"></a></span><script type="text/javascript" src="http://www.yourweather.co.uk/wid_loader/da1e9aa6bafaa568809c0d964b322cac"></script><iframe id="da1e9aa6bafaa568809c0d964b322cac" src="http://www.yourweather.co.uk/getwid/da1e9aa6bafaa568809c0d964b322cac" frameborder="0" scrolling="no" name="flipe" style="width: 170px; color: rgb(153, 153, 153); height: 268px;"></iframe>   
                              </div>
                                     
                           </div>
                                  
                        </div>
                               
                     </td>
                            
                  </tr>
                         
               </tbody>
                      
            </table>
                   
         </center>
                
      </div>
             
   </div>
          
   <div class="bncaja bnescondida bnc2">
             
      <marquee behavior="scroll" direction="left" onmouseover="this.stop()" onmouseout="this.start()">
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/htkDCpK.png);">
             <b>Damon Salvatore<span> Sex appeal: {Sexy as Hell}</span><a href="http://www.vampirediariesoriginal.org/u23">Ver Perfil</a>   
      </b></div><b>
                             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/EusssGN.png);">
             <b>Kol Mikaelson</b><span> O Pegador</span><a href="http://www.vampirediariesoriginal.org/u42">Ver Perfil</a>   
      </div>
      
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ft4jGHK.png);">
             <b>Niklaus Mikaelson</b><span> Cafetão</span><a href="http://www.vampirediariesoriginal.org/u15">Ver Perfil</a>   
      </div>
         
                   
      <div id="bnaward" style="background-image: url(http://i.imgur.com/Dyjpn3T.png);">
             <b>Stefan Salvatore</b><span> Bom de cama</span><a href="http://www.vampirediariesoriginal.org/u52">Ver Perfil</a>   
      </div>
      
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/vYtZ7hP.png);">
             <b>Natalie H. Mikaelson</b><span> Sex appeal: {Sexy as Hell} </span><a href="http://www.vampirediariesoriginal.org/u51">Ver Perfil</a>   
      </div>
         
      
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/vLwzqgs.png);">
             <b>Katherine Pierce</b><span> A Desejada </span><a href="http://www.vampirediariesoriginal.org/u2">Ver Perfil</a>   
      </div>
         
   
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/DO7wf3K.png);">
             <b>Katherine Pierce</b><span>The Supreme Bitch</span><a href="http://www.vampirediariesoriginal.org/u2">Ver Perfil</a>   
      </div>
         
                   
      <div id="bnaward" style="background-image: url(http://i.imgur.com/bQj5HDw.png);">
             <b>Charlotte Walters</b><span>Bruna Surfistinha</span><a href="http://www.vampirediariesoriginal.org/u202">Ver Perfil</a>   
      </div>
      
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ce4XCtO.png);">
             <b>Elena Gilbert</b><span>Who has the Petrova's Fire?</span><a href="http://www.vampirediariesoriginal.org/u8">Ver Perfil</a>   
      </div>
         
      
      <div id="bnaward" style="background-image: url(http://i.imgur.com/B0ViNrj.png);">
             <b>Kol Mikaelson</b><span> Piriguete</span><a href="http://www.vampirediariesoriginal.org/u42">Ver Perfil</a>   
      </div>
         
      
      <div id="bnaward" style="background-image: url(http://i.imgur.com/nZsI6RN.png);">
             <b>Stefan &amp; Elena</b><span>Casal mais Hot</span><a href="http://www.vampirediariesoriginal.org/"> - </a>   
      </div>
         
          
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ubPQqzz.png);">
             <b>Silas</b><span>O "Terrorista"</span><a href="http://www.vampirediariesoriginal.org/u146">Ver Perfil</a>   
      </div>
         
      
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/7jpRg17.png);">
             <b>Niklaus Mikaelson</b><span>O Caloteiro</span><a href="http://www.vampirediariesoriginal.org/u15">Ver Perfil</a>   
      </div>
         
                   
      <div id="bnaward" style="background-image: url(http://i.imgur.com/uBBMjta.png);">
             <b>Kol Mikaelson</b><span>O Pervertido</span><a href="http://www.vampirediariesoriginal.org/u42">Ver Perfil</a>   
      </div>
         
                   
      <div id="bnaward" style="background-image: url(http://i.imgur.com/tcI0Ecn.png);">
             <b>Damon Salvatore</b><span> Pinguço de bar</span><a href="http://www.vampirediariesoriginal.org/u23">Ver Perfil</a>   
      </div>
         
                   
      <div id="bnaward" style="background-image: url(http://i.imgur.com/ee1Z3zQ.png);">
             <b>Esther Mikaelson</b><span>A Chata</span><a href="http://www.vampirediariesoriginal.org/u54">Ver Perfil</a>   
      </div>
         
      <div id="bnaward" style="background-image: url(http://i.imgur.com/xcalyzN.png);">
             <b> Alice Dearborn</b><span>Língua Venenosa</span><a href="http://www.vampirediariesoriginal.org/u174">Ver Perfil</a>   
      </div>
         
             
      <div id="bnaward" style="background-image: url(http://i.imgur.com/lHV3QxO.png);">
             <b>Charlotte Walters</b><span> A Baranga/Canhão/Tribufu</span><a href="http://www.vampirediariesoriginal.org/u202">Ver Perfil</a>   
      </div>
         
            
      </b></marquee>
             
   </div>
          
   <div class="bncaja bnc3 bnescondida">
             
      <center>
             <link href="http://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css"><style type="text/css">* {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

#PoxTitle {
    background: #;
    border-bottom: 10px solid #BD0A0A;
    color: #FFFFFF;
    font: 25px 'Lobster Two';
    letter-spacing: 4px;
    width: 700px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
}

#PoxSubTitle {
  font-family: 'Dosis';
  color: #BD0A0A;
  font-size: 18px;
  border-left: solid 10px #BD0A0A;
  padding-left: 10px;
  margin-bottom:20px;
  margin-top: 20px;
    font-variant:small-caps;
}

#PoxText {
    color: #333;
    font-size: 10px;
   
}

#PoxLinkTwo  {
text-align: center;
}

#PoxLinkTwo a {
font: 15px 'Dosis';
color: #AE0D0D;
line-height:115%;
letter-spacing:1px;
text-align: center;
}

#PoxLinkTwo a:hover {
color: #AE0D0D;
}

#PoxStaff {
    width: 200px;
    height: 10px;
    background: #000;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
 margin-top: 2px;
}

#PoxStaffInfo {
    background-color: transparent;
    width:140px;
    height:50px;
    padding:2px 6px;
    font: 12px Share;
    padding:4px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
    font: 15px 'Dosis';
}

#PoxStaffTi {
  background-color: trasparent;
    width:140px;
    height:15px;
    padding:2px 6px;
    font: 15px 'Dosis';
    padding:2px;
    color: #582A4D;
    margin-left: -5px;
    text-align: center;
}

#PoxNormTex {
    font: 14px 'Dosis';
color: #7a7a7a;
    padding:2px;
    border-left: 10px solid #582A4D;
border-right: 10px solid #582A4D;
border-radius: 5px 0px 5px 0px;
}
</style>   
         <table style="width:700px; padding:0px 0px; border-bottom: 15px solid #;">
                   
            <tbody>
                      
               <tr>
                         
                  <td rowspan="3" style="width:216px;">
                            
                     <div id="PoxSubTitle">
                            Nosso Banner   
                     </div>
                            
                     <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                               
                        <div align="justify">
                               Caso alguém deseje parceria com o nosso fórum, deverá mandar uma MP com o código de seu <span style="text-decoration: underline;">Banner/Parceria</span> para qualquer ADM. O fórum para parceria deve conter players ativos. Após receber a resposta adicione nosso banner no seu fórum que faremos o mesmo com o seu. <br><br> <text-align:right>O nosso código de parceria é:</text-align:right>   
                        </div>
                               
                        <div style="margin:auto;text-align:center;width:100%">
                               <a href="http://www.vampirediariesoriginal.org" target="_blank"><img src="http://i.imgur.com/NfnDtNq.png" alt="RPG The Vampire Diaries"></a><br>   
                           <div align="justify">   <dl class="codebox"><dt><span class="genmed"><b>Código:</b></span></dt><dd class="code"><div class="cont_code">&lt;div style="margin:auto;text-align:center;width:100%"&gt;&lt;a href="http://rpg-vampire-diaries.forumeiros.com" target="_blank"&gt;&lt;img src="http://i.imgur.com/NfnDtNq.png" alt="RPG The Vampire Diaries" /&gt;&lt;/a&gt;&lt;/div&gt;</div></dd></dl></div><table style="table-layout: fixed; width: 90%;" cellspacing="1" cellpadding="0" border="0" align="center">
                                     
                              <tbody>
                                        
                                 <tr>
                                           
                                    <td>
                                          
                                    </td>
                                           
                                 </tr>
                                        
                                 <tr>
                                           
                                 
                                           
                                 </tr>
                                        
                              </tbody>
                                     
                           </table><span class="postbody"></span>   
                        </div>
                               
                     </div>
                            
                  </td>
                         
               </tr>
                      
               <tr>
                         
                  <td rowspan="3" style="width:216px;">
                            
                     <div id="PoxSubTitle">
                            Associados   
                     </div>
                            
                     <div style="height:300px; background:#000; padding: 8px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                               
                        <div style="width: 190px; border-left: 1px dashed #61141; text-align: justify; font-family: calibri, arial; font-size: 11px; line-height: 90%; color: #cccccc; padding: 10px; overflow: auto;" class="actualpost" "="">
                                
                           <marquee behavior="scroll" direction="up" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
                                 
                              
                           <div align="center" style="">
                                     
                              <div align="center">
                                    
<a href="http://www.zonkos.com.br/magia/link.php?id=29&amp;t=in" target="_blank"><img src="http://www.zonkos.com.br/magia/images/Zks-88-31.png" alt="Portal Zonko's [Zks] de Harry Potter" title="Portal Zonko's [Zks] de Harry Potter" longdesc="Botão de âncora para o fórum do RPG de Harry Potter da Zonko's nas dimensões de 88x31px">
                        </a>

<a href="http://lotusgraphics.forumeiros.com/" target="_blank"><img =="" src=" http://i.imgur.com/NwNE5YG.png" alt="Fórum grátis" style="width: 150px; height: 60px;"></a>

<a href="http://theamericandreams.forumeiros.com/" target="_blank"><img =="" src="http://i34.servimg.com/u/f34/18/39/23/89/untitl14.jpg" alt="Fórum grátis" style="width: 150px; height: 60px;"></a>

                  </div>
                                        
                                 <div style="width:200px; padding:6px; background-color:#11414; line-height:90%; color:#000;  text-align: right; text-transform:uppercase; letter-spacing:1px; font:10px Voltaire; align-vertical: middle;">
                                           
                                 </div>
                                        
                              </div>
                                     
                            
                           
                                   
                           </marquee> 
                        </div>
                               
                     </div>
                            
                  </td>
                         
               </tr>
                      
               <tr>
                         
                  <td rowspan="3" style="width:216px;">
                            
                     <div id="PoxSubTitle">
                            Jornal de MF   
                     </div>
                            
                     <div style="height:300px; background:#000; padding:10px; text-align:justify; line-height:110%;  overflow: auto;" id="PoxText">
                            <a href="http://the-l0v3-sucks.tumblr.com/" target="_blank"><img src="http://i.imgur.com/4LQCG89.png" alt="LOVE SUCKS"></a>   
                     </div>
                            
                  </td>
                         
               </tr>
                      
            </tbody>
                   
         </table>
                
      </center>
             
   </div>
</div>
 <script src="http://protorol.com/pyriportal/blackestnight.js"></script>
</div></td></tr></tbody></table>