Sidebar no fórum por html/css

[itsBarbie]

Qual é minha questão:
Olá!
Então, eu gostaria de saber como colocar uma sidebar no fórum, igual a desse fórum aqui. http://cptrpg.forumeiros.com/
Me desculpem se for algo simples, mas é que eu sou nova nesse negócio de HTML e CSS.
Beijos ♥

Endereço do meu fórum:
http://abbeymount-rpg.forumeiros.com

Versão do fórum:
PHPBB3

[Ryper2]

Poderia me fornecer um printscreen do que você deseja?

Até mais!

[itsBarbie]

Ah, aqui:

Spoiler:

Daquele fórum que eu coloquei o link.

[Ryper2]

Crie um novo widget com o seguinte código:

Código:

<style>.wid:hover {
background-color: rgb(255, 255, 255);
}
.wid {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
background-color: maroon;
font-size: 10px;
letter-spacing: 1px;
padding: 10px;
position: relative;
text-align: center;
text-transform: uppercase;
top: 1px;
width: 220px;
}</style>
<div style="width: 230px; padding:10px; height: 520px; background-color: #000; position: fixed; top:0px; bottom:0px; margin-top:30px; font-family: calibri; text-align: justify; font-size: 10px; text-transform: uppercase; color: 000; letter-spacing:2px; margin-left: -250px; ">
    <br />
   <div style="font-family: 'Aguafina Script', cursive; font-size:35px; color: #fff;  letter-spacing:0px; padding:5px; text-align: center; ">
       Welcome
   </div><br /> Bem vindo ao <strong><span style="color: rgb(178, 34, 34);">CAPITOL</span></strong>. "O luxo nunca foi tão relutante, a rebelião nunca foi tão necessária, as lutas nunca foram tão desgastantes e a Capital tão sanguinária."<br /><br />
   <center>
      
      <div style="margin: auto; width: 150px; padding:5px; background-image: url(http://academiacorpus.com.br/site/wp-content/uploads/2012/03/tumblr_ku0kvfnBCo1qzfe84o1_500_large-500x230.jpg); display: block;-webkit-border-radius: 0px; border-radius: 0px;">
         
         <div style="margin:auto; text-align: justify; width: 130px; padding: 3px; background: #fff;opacity:0,7; color: #261119; font-family:Courier New; font-size: 11px;">
            
            <div style="margin:auto;text-align:center;width:100%">
                <br /><span style="font-family: 'Courier New';">Panem, bitches<br /></span>
            </div>
            
            <div style="margin:auto;text-align:center;width:100%">
                Capitol, 28° 23°C
            </div>
            
         </div>
         
      </div>
      
   </center><br />
   <div style="font-family: 'Aguafina Script', cursive; font-size:35px; color: #fff;  letter-spacing:0px; padding:5px; text-align: center; ">
       Menu
   </div><br />
   <p>
      
   </p>
   
   <div class="wid">
       <a href="http://cptrpg.forumeiros.com/f3-regras-e-tutoriais" class="postlink">Regras</a>
   </div>
   
   <p>
      
   </p>
   
   <div class="wid">
       <a href="http://cptrpg.forumeiros.com/t134-a-trama#138" class="postlink">Trama</a>
   </div>
   
   <p>
      
   </p>
   
   <div class="wid">
       <a href="http://cptrpg.forumeiros.com/t42-os-mentores-cannons" class="postlink"> Mentores - Cannons</a>
   </div>
   
   <p>
      
   </p>
   
   <div class="wid">
       <a href="http://cptrpg.forumeiros.com/f6-registros" class="postlink">Registro</a>
   </div>
   
   <p>
      
   </p>
   
   <div class="wid">
       <a href="http://cptrpg.forumeiros.com/t148-parceiros#220" class="postlink">Parceiros</a>
   </div>
   
   <p>
      
   </p>
   
   <div class="wid">
       <a href="http://cptrpg.forumeiros.com/t10-ficha-modelo" class="postlink">Ficha de Seleção</a>
   </div>
   
</div>

Lembre-se de marcar o table type em não.
Caso der bug basta apenas diminuir a largura de seu fórum.

Resulta?

Até mais! [/b][/b]

[itsBarbie]

Funcionou, muito obrigada ♥