Como fixar o widget do fórum?

[Lovatic]

Qual é minha questão:
Como eu coloco umas coisas iguais a essas que estão do lado desse forum? > http://academiarosesblanche.forumeiros.com/forum

Tipo o menu rapido...

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

Versão do fórum:

PHPBB3

[Sennior]

Saudações querida!

A senhorita diz os Widgets? Peço encarecidamente que leia:
Gerenciar os Widgets do Fórum

Abraços,
Sennior.

[ShiroK]

Olá,

Crie um widget com a função table type, o título pode ser de sua escolha, e adicione o seguinte código;

Código:

   <div style="background-image: url(http://i.imgur.com/XrPiu.jpg); margin: 0 auto; opacity: 0.8; width: 220px; height: 70px; text-align: center; font-weight: bold; letter-spacing: 2px; font-size: 25px; text-transform: capitalize; font-family: Crushed; text-shadow: 2px 2px 2px #000000; color: #18161A;">Menu Rapido
   </div><br />
   <div style="width: 220px; height: 200px; margin: 0 auto;">
      
      <table>
         
         
            <tr>
               
               <td>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 1</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 2</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 3</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 4</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 5</a>
                  </div>
                  
               </td>
               
               <td>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 6</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 7</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 8</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 9</a>
                  </div>
                  
                  <div id="novedades">
                     <a href="URL">Link Rapido 10</a>
                  </div>
                  
               </td>
               
            </tr>
            
         
      </table>
      
   </div>

Atenciosamente,
ShiroK

[Lovatic]

obg Shirok, mas eu queria saber como faz pra ele ficar do lado de fora e não se mexa.. de um modo q eu desça a pagina e ele n...
pq olha como ficou: http://testethedistricts.forumeiros.com/

[Shek]

Olá!

Adicione em seu CSS:

Código:

#wrap {
margin-left: 13% !important;
}
#content-container div#left {
margin-left: -17% !important;
position: fixed !important;
}

Até mais!

[Lovatic]

aaah *u* obrigada!!!! funcionou