Codigo tipo chat lateral mas para editar

+2
Ace
estica
6 participantes

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

Tópico resolvido Codigo tipo chat lateral mas para editar

Mensagem por estica 19.01.12 18:40

Qual é minha questão:
Boas pessoal.

Eu vi num forum uma tabela tipo o caht lateram mas em vez de conter o chat tinha butões e links.


E eu queria um codigo para eu meter no meu forum mas em vez de aparecer o chat lateral porque isso ja eu tenho, queria que aparece-se butões para com links feitos por mim.


Ja tentei editar o codigo do chat lateral e meter isso e em vez de aparecer no lado direito aparecer no lado esquerdo.

Ja concegui fazer com que aparece no lado esquerdo mas falta dezaparecer o chat e aparecer uma tabela para meter links com butões.

Ha o codigo é para colocar em:
Templete > geral > overall_header

Foi assim que coloquei o chat lateral e judo desse codigo do chat lateral quero meter outro com o que ja expliquei acima.


NOTA:
O butão para abrir e fechar a caixa não faz mal estar ao contrario porque eu faço um butão nofo no PS


Desde ja muito obrigado

Medidas que eu tomei para corrigir o problema:
Ja pesquizei e nada

Imagens do meu problema:
Codigo tipo chat lateral mas para editar Ajudaforum

Endereço do meu fórum:
http://tugavicio.foruns.com.pt/

Versão do meu fórum:
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por Ace 19.01.12 18:44

Olá,

Leia o conteúdo do spoiler abaixo:

Spoiler:

Mude o Iframe para uma página personalizada que desejar ( /chatbox )

Até Mais!
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por estica 19.01.12 18:55

Mas isso é para editar o chat.

E o que voce me explicou é mudar o chat e aparecer uma pagina.


Mas não é isso que quero.


O que quero é que apareça uma caixa feita por mim.


Ja vi isso num forum do forumeiros
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por Ace 19.01.12 19:12

Olá,

Poderia nos mandar um exemplo para que possamos tomar melhor conhecimento de vossa pretensão?

Até Mais!
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por Seishi 19.01.12 20:16

Você deseja algo do tipo deste fórum: http://darkside.forumclan.com/forum ?
Seishi

Seishi
***

Membro desde : 23/08/2010
Mensagens : 155
Pontos : 227

http://opiece-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por estica 19.01.12 20:36

Sim é tipo isso


Esta aqui um bom exemplo neste forum

http://www.tutorialdopw.com/forum

O meu forum esta no formato PhpBB2
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por King Gz; 20.01.12 0:53

Olá,

Neste caso, ele pegou o código fonte do site Pwdb, criou uma página html e criou um código Javascript apontando para a página. Mandei uma MP ao ZombieW, logo ele lhe passa o procedimento correto Piscada
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por estica 20.01.12 0:56

Desde ja muito obrigado ao pessoal que tenta ajudar.


estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por Seishi 20.01.12 1:35

Eu agraceria se ele pudesse postar aqui pois gostaria da mesma coisa Mostrando a lingua
Seishi

Seishi
***

Membro desde : 23/08/2010
Mensagens : 155
Pontos : 227

http://opiece-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por estica 20.01.12 22:16

Ainda não arranjaram?
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por ZombieW 20.01.12 23:40

Olá, irei pedir para o Desenvolvedor do meu fórum para passar por aqui e te ajudar com isso! '-'
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por estica 21.01.12 0:05

Desde ja muito obrigado
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por DropLeet 23.01.12 12:09

Olá, sou o Desenvolvedor de scripts do Tutorial do PW. Lamento minha demora pela resposta.

O código JS é esse:
Código:
// PWDB Retrátil by DropLeet
function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:30px;height:350px;right:0px;z-index:1000"><iframe src="http://tutorialdopw.forumbrasil.net/h1-pwdb" id="chatboxpop" scrolling="yes" style="height:350px;float:right;overflow-x:visible;overflow-y:visible;display:none;width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="chatoc()" style="margin-top:10px;cursor :pointer;float:left"><img src="http://i44.servimg.com/u/f44/15/04/49/64/pwdb_r10.png" id="chatboxopen" style="display:inline"><img src="http://i44.servimg.com/u/f44/15/04/49/64/pwdb_r11.png" id="chatboxclose" style="cursor:pointer;display:none"></div></div>')});
Modifique o Link correspondente a baliza iframe para a página em HTML contendo os botões que deseja. Lembrando que o código está configurado para efetuar o efeito Retrátil na direita e que os botões estão modificado para a direita.

Att.

Staff Tutorial do PW
DropLeet

DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por estica 23.01.12 18:18

Onde é para colocar esse codigo?


Eu queria um codigo que de para colocar em:
Templete > geral > overall_header
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo tipo chat lateral mas para editar

Mensagem por King Gz; 23.01.12 21:19

Olá,

Você deseja colocar no template para não ter que usar os widgets certo? Neste caso não será preciso, este código deve ser adicionado na gestão dos códigos Javascripts.

Aceda à Painel de controle Seta Módulos Seta Html e javascript Seta Criar um novo código Javascript

// PWDB Retrátil by DropLeet
function chatoc(){jQuery('#chatboxpop').animate({width:'toggle'},1200);jQuery('#chatboxopen,#chatboxclose').toggle()};jQuery(document).ready(function(){jQuery('body').prepend('<div style="overflow:visible;position:fixed;bottom:30px;height:350px;right:0px;z-index:1000"><iframe src="http://tutorialdopw.forumbrasil.net/h1-pwdb" id="chatboxpop" scrolling="yes" style="height:350px;float:right;overflow-x:visible;overflow-y:visible;display:none;width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="chatoc()" style="margin-top:10px;cursor :pointer;float:left"><img src="https://i.servimg.com/u/f44/15/04/49/64/pwdb_r10.png" id="chatboxopen" style="display:inline"><img src="https://i.servimg.com/u/f44/15/04/49/64/pwdb_r11.png" id="chatboxclose" style="cursor:pointer;display:none"></div></div>')});

Substitua o "http://tutorialdopw.forumbrasil.net/h1-pwdb" pelo link da página que quiser que apareça
Substitua "https://i.servimg.com/u/f44/15/04/49/64/pwdb_r10.png" e "https://i.servimg.com/u/f44/15/04/49/64/pwdb_r11.png" pelo link da imagem que desejar {Open/Close}

Até mais Piscada
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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