Aba lateral

Qual é minha questão:
Olá, gostaria de saber como adiciono isso olha
VOU DAR UM EXEMPLO!
como ele ficaria, veja no rodapé da print

Aí você da um clique ali e abre essa janela, olha como ficaria

Desde já obrigado!

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB3

Oi!

Que eu saiba, ainda não há um script do que o senhor quer. O senhor deseja um objeto retrátil. Vamos lá:

Código:

function mytoggle(elm) {
  var module = document.getElementById(elm);
  if (module.style.display == "none") {
      module.style.display = "block";
  }
  else {
      module.style.display = "none";
  }
}

Então, o que a função faz?

Começamos com declarar uma função JavaScript com uma seleção dentro do parâmetro (o que significa que podemos encontrar o elemento dentro de um manipulador de eventos, e tem alterna múltiplos na página). Em seguida, criamos uma variável para encurtar o comprimento do JavaScript. Isto significa que o módulo variável, é igual a document.getElementById(elm).

Agora vamos começar com a criação de uma declaração if e else. Primeiro vamos verificar se o olmo do parâmetro está escondido, e se isso é verdade, estamos manipulando com o seu estilo, e torná-lo visível. Mas se é falsa, então podemos concluir que o elemento deve ser visível, e, portanto, estamos em vez mudando de exibição de propriedade a nenhum, eq. escondê-lo. E é sobre isso.

Então, como vamos usar a função?

Bem, isso é fácil. Podemos ativá-lo através de um manipulador de eventos ou funções de JavaScript outros, simplesmente mudar o parâmetro para a identificação do elemento que deve ser alternado. Então, se nós escrevemos mytoggle("randomelement"), será o elemento com o ID de randomelement ser alternado.

Um exemplo rápido poderia ser assim (modificá-lo para uso próprio, ou responder a este tópico, se você quiser ajuda):

Código:

<script type="text/javascript">
function mytoggle(elm) {
  var module = document.getElementById(elm);
  if (module.style.display == "none") {
      module.style.display = "block";
  }
  else {
      module.style.display = "none";
  }
}
</script>

<a href="javascript:mytoggle('visiblediv');">Toggle div</a>
<div id="visiblediv">Content of one element to toggle.</div>

<a href="javascript:mytoggle('hiddendiv');">Toggle div</a>
<div id="hiddendiv" style="display: none;">Content of another element to toggle.</div>

Eu iria montar uma página, apresentando o final do tutor, mais não tenho tempo agora.

Até mais, amigo!

Cara, eu já vi em outros fóruns geralmente as pessoas usam para o chat
http://bcvgames.forumbrasil.net/
nesse fórum tem, XAT você clica e aparece lá o chat, gostaria disso, mas não com o chat outra coisa, seria possível?

Buenas!

Crie a página HTML com o conteúdo e, depois faça isto:
Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado
Crie o widget com este código:

Modifique o valor em vermelho pelo ID da página HTML que foi criada recentemente.

Abraços.

Isso mesmo que eu quero, mas gostaria de saber como arrumo, pois está saindo o incio do meu fórum, e ele não abre e fecha..

E gostaria de saber como coloco ele em baixo ( no rodapé )

Olá, alguém sabe fazer isto ? poderia me ajudar ?

Olá!

Substitua o código por este:

<div class="msg-fixed" style="position: fixed;width: 40%;height: 80%;background: gray;z-index: 9999 !important;top: 40%;right: 15%;padding: 7px;">teste</div>

Abraços.

Não deu, seguinte cara
eu queria colocar esse link olha
Abra o spoiler..

Spoiler:

Então eu queria isso aí, quando você abre a " aba " ele abre com essa imagem e html etc...

Olá Caaio, tudo bem?
Leia este tópico:
https://ajuda.forumeiros.com/t64362-

Passar bem!

Bom, é isso mesmo que eu quero valeu cara!
mas agora é o seguinte, onde coloco meu code que é o do " botão " do shop do meu fórum ? que lugar do code eu coloco ?
Eu usei esse code pra colocar a aba

Código:

jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 30px; height: 450px; right: 0px; z-index:1000;"><iframe src="" id="chatboxpop" scrolling="yes" style="height: 300px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:530px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i32.servimg.com/u/f32/17/42/80/81/button12.png" id="chatboxopen" style="display: inline; "><img src="http://i32.servimg.com/u/f32/17/42/80/81/button11.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>')});

Agora queria saber onde adc o code do botão
o code do botão é esse

Código:

<!-- LiveZilla Chat Button Link Code (ALWAYS PLACE IN BODY ELEMENT) --><div style="text-align:center;width:145px;"><a href="javascript:void(window.open('http://shopa.tssabrasil.com.br/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img src="http://shopa.tssabrasil.com.br/image.php?id=04&amp;type=inlay" width="145" height="152" border="0" alt="LiveZilla Live Help" /></a><div style="margin-top:2px;"><a href="http://www.livezilla.net/" target="_blank" title="LiveZilla Live Help" style="font-size:10px;color:#bfbfbf;text-decoration:none;font-family:verdana,arial,tahoma;">LiveZilla Live Help</a></div></div><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- LiveZilla Tracking Code (ALWAYS PLACE IN BODY ELEMENT) --><div id="livezilla_tracking" style="display:none"></div><script type="text/javascript"> var script = document.createElement("script");script.type="text/javascript";var src = "http://shopa.tssabrasil.com.br/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript>&amp;amp;amp;amp;amp;lt;img src="http://shopa.tssabrasil.com.br/server.php?request=track&amp;amp;amp;amp;amp;amp;amp;output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""&amp;amp;amp;amp;amp;gt;</noscript><!-- http://www.LiveZilla.net Tracking Code -->

Se alguém ajudar, lembrando quero que abre a aba com essa imagem aí quando clica na imagem abre a janelinha tals..

Alguém sabe ?

Pow namoral mesmo, ajuda eu colocar aí só o code no outro code

Eu tenho a mesma dúvida, oque você quer deve ser Algum objeto retrátil exemplo um perfil retrátil.

UP

UP

Cumprimentos, Lucasxd111

Não deu certo cara, olha no meu que eu coloquei foi o Java Script aí apareceu a imagem lá com o efeito de fechar e abrir, mas não consigo colocar o meu code dentro

Alguém me ajuda

??

alguem please

Aí pode fechar, ngm mais me ajudou fui atras de arrumar e consegui, pode fechar!