Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Menu lateral
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Menu lateral
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
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 16.03.14 0:31, editado 1 vez(es)
Re: Menu lateral
Olá,
Aceda à gestão de códigos HTML e adicione o seguinte código no modo avançado;
Você deve preencher os campos onde existe o nome 'SEU LINK' com o link no qual você quer que redirecione.
Atenciosamente,
ShiroK
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
Re: Menu lateral
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
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
Re: Menu lateral
Mas não é página inicial, é direto ali no início mesmo, só que na lateral do fórum...
Re: Menu lateral
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
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
Re: Menu lateral
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
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
Re: Menu lateral
É 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...
Re: Menu lateral
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
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
Re: Menu lateral
Olá e boa tarde!
Adicione em Módulos > Gestão dos widgets do fórum > Criar um widget personalizado > use este código:
Até mais!
Tópico movido de 'Questões sobre aparência' para 'Questões sobre códigos'
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>
Até mais!
Tópico movido de 'Questões sobre aparência' para 'Questões sobre códigos'
Re: Menu lateral
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.
Re: Menu lateral
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;
}
Re: Menu lateral
Ok, ok... Mais uma coisinha: Tem uma barrinha que ficaria por conta da separação dos widgets, você sabe se dá para retirar?
- print:
Re: Menu lateral
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.
Teria como você tirar um print dessa barrinha que diz? Não captei a sua localização.
Abraços.
Re: Menu lateral
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...
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos