Menu lateral

[~Niko]

Qual é minha questão:
Olha, olha, eu vi em um fórum de qualquer pessoa aí... Mas, eu achei legal e queria colocá-lo. Ele fica no lado esquerdo do fórum e tem algumas opções, anexarei o link do fórum aqui e tirarei um print para não ficar muito confuso já que sou péssimo com descrições. 
Link do fórum em que encontrei: http://cptrpg.forumeiros.com/
Imagem do que digo:


Endereço do meu fórum:
http://rpgsaeculum.forumeiros.com

Versão do fórum:
PHPBB3

[~Niko]

Estou a aguardar uma resposta. Humpf!

[ShiroK]

Olá,

Aceda à gestão de códigos HTML e adicione o seguinte código no modo avançado;

Código:

   <div class="desidebar">
         
         <table valign="fixed">
            
            
               <tr>
                  
                  <td>
                     
                     <div style="width: 240px; 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; ">
                         <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 rebelã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="SEU LINK" class="postlink">Regras</a>
                        </div>
                        
                        <p>
                           
                        </p>
                        
                        <div class="wid">
                            <a href="SEU LINK" class="postlink">Trama</a>
                        </div>
                        
                        <p>
                           
                        </p>
                        
                        <div class="wid">
                            <a href="SEU LINK" class="postlink"> Mentores - Cannons</a>
                        </div>
                        
                        <p>
                           
                        </p>
                        
                        <div class="wid">
                            <a href="SEU LINK" class="postlink">Registro</a>
                        </div>
                            
                        <p>
                           
                        </p>
                        
                        <div class="wid">
                            <a href="SEU LINK" class="postlink">Parceiros</a>
                        </div>
                        <p>
                           
                        </p>
                        
                        <div class="wid">
                            <a href="SEU LINK" class="postlink">Ficha de Seleção</a>
                        </div>

               </div>
                     
                  </td>
                  
                  <td>
                     
                     <div style=" margin-left: 250px;">
                        
                     </div>
                     
                  </td>
                  
               </tr>
               
            
         </table>
         
      </div>

Você deve preencher os campos onde existe o nome 'SEU LINK' com o link no qual você quer que redirecione.

Atenciosamente,
ShiroK

[~Niko]

Onde fica isso crendeusdocéu? g.g

[ShiroK]

Olá,

Leia o tópico abaixo para ter maior noção do que estamos falando, depois adicione o código a tal ''local''.

https://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada

Caso não queira ver o tópico apenas aceda;
Painel de Controle -> Módulos -> HTML & JavaScript -> Gestão das Páginas HTML.

E cole o código que lhe passei acima, e salve!

Atenciosamente,
ShiroK

[~Niko]

Ahh, eu já estava pensando que era aí mesmo... Hehe

[~Niko]

Mas não é página inicial, é direto ali no início mesmo, só que na lateral do fórum...

[ShiroK]

Olá,

Marque a função ''No índice'' ou ''Em todas páginas'', parece que no código ele já é estruturado para ficar no lado direito/esquerdo.

Atenciosamente,
ShiroK

[~Niko]

Mas essas funções não são em "Gestão dos códigos Java Script"?

[ShiroK]

Olá,

Sim, isso mesmo, me exaltei aqui, é na realidade manter a opção ''Não'' em ''Você deseja utilizar o início e o final da página do seu fórum?''. Mas, tente apenas realizar isso, caso não resulte me avise através deste tópico.

Atenciosamente,
ShiroK

[~Niko]

É que assim, ela fica como página inicial do fórum e não é isso que eu quero. Eu gostaria que ficasse, assim como naquele fórum, no início e nas páginas de post...

[ShiroK]

Olá,

Tente adicionar isso ao Widget, caso tenha dúvidas sobre Widget acesse o tópico abaixo e confira tutoriais de Widget.

https://ajuda.forumeiros.com/t6745-lista-de-tutoriais-dicas-e-astucias

Atenciosamente,
ShiroK

[~Niko]

Ah, deu errado... Porém, irei personalizar que fica bonitinho. Hheh!

[~Niko]

Mentira... Eu queria o menu D:

[Shek]

Olá e boa tarde!

Adicione em Módulos > Gestão dos widgets do fórum > Criar um widget personalizado > use este código:

Código:

<style>.desidebar {
background-image: url(http://cptrpg.forumeiros.com/41-ltr.css);
background-position: 50% 100%;
background-repeat: repeat;
float: left;
height: 1000px;
left: 0px;
position: fixed;
top: -50px;
width: 270px;
}

.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 class="desidebar">
         
         <table valign="fixed">
            
            
               <tbody><tr>
                  
                  <td>
                     
                     <div style="width: 240px; padding:10px; height: 100%; 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; ">
                         <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 rebelã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>
                     
                  </td>
                  
                  <td>
                     
                     <div style=" margin-left: 250px;">
                        
                     </div>
                     
                  </td>
                  
               </tr>
               
            
         </tbody></table>
         
      </div>

Após colar, salve e adicione-o na estrutura de seus widgets!

Até mais!

Tópico movido de 'Questões sobre aparência' para 'Questões sobre códigos'

[~Niko]

Falarei que deu "praticamente" certo, já que posiciona-se como um widget no fórum. Fica uma barra que é referente aos widgets e não ficou pra fora do fórum acima do background principal assim como o fórum que mandei. Como assim? Ficou justamente em cima de tudo: banner, menu e tals... O outro fica pra fora, junto à barra que separa o fundo.

[Shek]

No caso daquele fórum, a largura do mesmo influencia isso. Porém, no seu caso, adicione este código ao seu CSS:

Código:

#wrap {
margin-left: 260px !important;
}

[~Niko]

Ok, ok... Mais uma coisinha: Tem uma barrinha que ficaria por conta da separação dos widgets, você sabe se dá para retirar?

print:

[~Niko]

....

[Kyo Panda]

Nyeh, acho que você tinha que ter esperado 24h para dar um UP. Mas isso é irrelevante.

Teria como você tirar um print dessa barrinha que diz? Não captei a sua localização.

Abraços.

[~Niko]

Ahhh, ok... Tava ali no spoiler, mas colocarei de novo aqui. Essa que fica justamente ao lado de data/hora, é um tipo de separação dos gadgets pelo o que sei...

[~Niko]

...

[~Niko]

Ah, deixa, eu dei um jeito. Resolvido.