Menu lateral

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Menu lateral

Mensagem por ~Niko em 14/03/14, 04:30 pm

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


Última edição por ~Niko em 15/03/14, 09:31 pm, editado 1 vez(es)
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 05:12 pm

Estou a aguardar uma resposta. Humpf!
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ShiroK em 14/03/14, 05:17 pm

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
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 05:39 pm

Onde fica isso crendeusdocéu? g.g
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ShiroK em 14/03/14, 05:44 pm

Olá,

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

http://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
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 05:46 pm

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

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 05:49 pm

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

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ShiroK em 14/03/14, 05:50 pm

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
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 05:54 pm

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

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ShiroK em 14/03/14, 05:57 pm

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
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 06:02 pm

É 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...
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ShiroK em 14/03/14, 06:09 pm

Olá,

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

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

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 06:14 pm

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

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 06:27 pm

Mentira... Eu queria o menu D:
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por Shek em 14/03/14, 06:36 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 06:45 pm

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.
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/
  • 0

Resolvido Re: Menu lateral

Mensagem por Shek em 14/03/14, 07:04 pm

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 07:14 pm

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

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ~Niko em 14/03/14, 11:28 pm

....
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por Kyo Panda em 15/03/14, 02:49 am

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

avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu lateral

Mensagem por ~Niko em 15/03/14, 12:17 pm

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...
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ~Niko em 15/03/14, 08:30 pm

...
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Resolvido Re: Menu lateral

Mensagem por ~Niko em 15/03/14, 09:31 pm

Ah, deixa, eu dei um jeito. Resolvido.
avatar

~Niko
Nível 4

Masculino
Inscrito dia : 14/03/2014
Mensagens : 27
Pontos Ativos : 35

Ver perfil do usuário http://rpgsaeculum.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum