Menu lateral Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Menu lateral

4 participantes

Ir para baixo

Tópico resolvido Menu lateral

Mensagem por ~Niko 14.03.14 19:30

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:
Menu lateral ON0SbBg

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

Versão do fórum:
PHPBB3


Última edição por ~Niko em 16.03.14 0:31, editado 1 vez(es)
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 20:12

Estou a aguardar uma resposta. Humpf!
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ShiroK 14.03.14 20:17

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
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 20:39

Onde fica isso crendeusdocéu? g.g
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ShiroK 14.03.14 20:44

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
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 20:46

Ahh, eu já estava pensando que era aí mesmo... Hehe
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 20:49

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

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ShiroK 14.03.14 20:50

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
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 20:54

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

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ShiroK 14.03.14 20:57

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
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 21:02

É 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...
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ShiroK 14.03.14 21:09

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
ShiroK
ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 21:14

Ah, deu errado... Porém, irei personalizar que fica bonitinho. Hheh!
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 21:27

Mentira... Eu queria o menu D:
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por Shek 14.03.14 21:36

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! Piscada

Até mais!

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

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 21:45

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.
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por Shek 14.03.14 22:04

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;
}
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 14.03.14 22:14

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
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 15.03.14 2:28

....
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por Kyo Panda 15.03.14 5:49

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

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

Abraços. Feliz

Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 15.03.14 15:17

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

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 15.03.14 23:30

...
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu lateral

Mensagem por ~Niko 16.03.14 0:31

Ah, deixa, eu dei um jeito. Resolvido.
~Niko
~Niko
Novo Membro

Membro desde : 14/03/2014
Mensagens : 27
Pontos : 35

http://rpgsaeculum.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos