Shopping lateral do outro lado

Item: Shopping lateral do outro lado
Rating: 1

por Connor R. 25.09.12 16:53

Qual é minha questão:
Consegui colocar o shopping Lateral no meu fórum. Mas ficou no mesmo lugar do chat retrátil, Ficou meio que um bug, pois quando aperto no Shopping se abre o chat. Quero saber setem como colocar o Shopping ou Chat na outra Lateral.

Caso queiram que coloque o código do Shop me peçam.

Links e imagens do meu problema:
Não precisa.

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

Versão do meu fórum:
PHPBB2

por BrunoH. 25.09.12 17:28

Olá!
Poderia me fornecer o código que está usando? Para eu muda-lo de posição..

Passar bem! Piscada

por Sennior 25.09.12 22:16

Olá amigo e boa noite;

Adicione em:

Painel de Controle Módulos HTML & JAVASCRIPT Gestão das Páginas HTML

adicione esse Código:

Código:: <div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h14-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; display: block; overflow-x: visible; overflow-y: visible; width: 620px; " marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: none; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: inline; "></div></div> <body marginwidth="0" marginheight="0" background="http://i.imgur.com/aYFXz.png"><br> <img src="http://i.imgur.com/or4Ss.png"> <no><a href="http://www.narutorpgakatsuki.com/t4027-akatsuki-golds-armas"> <img src="http://i.imgur.com/TEg6k.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://www.narutorpgakatsuki.com/t4028-akatsuki-golds-animais"> <img src="http://i.imgur.com/7O5q3.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://www.narutorpgakatsuki.com/t4031-akatsuki-golds-diversos"> <img src="http://i.imgur.com/Kzg3V.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://www.narutorpgakatsuki.com/t4256-akatsuki-golds-elementos-e-kekkei-genkais-elementais"> <img src="http://i.imgur.com/gCk3q.png"> </a> </no></body>

Edite a seu Gosto.

Melhores Cumprimentos
Mikéé

por Connor R. 26.09.12 18:03

Não funcionou....

por BrunoH. 26.09.12 18:04

Olá!
Como eu disse acima, poderia me fornecer o código que está usando, no que deseja alterar a posição? E Me dizer qual seria a posição que deseja muda-lo? Para direita, ou para a esquerda?

Passar bem! Piscada

por StyLe® 26.09.12 18:08

Olá amigo poderia me fornecer o código do Shop e do Chat
até mais Café

por Connor R. 26.09.12 18:11

Quero que fique no outro lado onde fica o chat retrátil, pois quando fica os dois no mesmo lado, fica um bug quando aperto no shop se abre o chat,

Crio um novo Widget e coloco o seguinte código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/h5-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:620px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

por StyLe® 26.09.12 18:14

Olá amigo me passa o código do Chat e do Shop por favor e me fala qual é eles ok

por Connor R. 26.09.12 18:15

Aqui esta o codigo do chat:

jQuery(document).ready(function() { jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 60px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div id="abrir-chat" style="margin-top: 10px; cursor :pointer; float:left"><img src="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>'); jQuery("#abrir-chat").click(function() { jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle(); }); });

por Ace 26.09.12 18:17

Olá,

Tente:

jQuery(document).ready(function() { jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 60px; height: 350px; right: 200px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div id="abrir-chat" style="margin-top: 10px; cursor :pointer; float:left"><img src="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>'); jQuery("#abrir-chat").click(function() { jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle(); }); });

Caso resulte, modifique o valor do campo em negrito para um maior até alcançar seu objetivo.

Cordialmente.

por Connor R. 26.09.12 18:20

Não resultou, consegui colocar onde queria, mas ele abre pro outro lado e não tem como ver o que escreve e até fechar o chat de novo.

por BrunoH. 26.09.12 18:26

Olá!
Substitua o código pro este:

jQuery(document).ready(function() { jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 60px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" 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 id="abrir-chat" style="margin-top: 10px; cursor :pointer; float:right"><img src="https://i.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>'); jQuery("#abrir-chat").click(function() { jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle(); }); });

Passar bem! Piscada

por Connor R. 26.09.12 18:31

Ainda continua em cima do Shopping, acho que não tem jeito de colocar do outro lado não, nenhum dos dois.

por Connor R. 26.09.12 18:32

Quer o código do Shopping?

por Hyouki 26.09.12 18:42

Painel de controle Mòdulos HTML e Javascript Gestão das páginas HTML Criar uma página HTML

Cole o seguinte código:

Código:: <br><body background="http://i.imgur.com/aYFXz.png"> <img src="http://i.imgur.com/or4Ss.png"> <no><a href="http://zone-pixel.forumeiros.com/t456-shop-alterar-nome-de-usuario"> <img src="http://i.imgur.com/XZ5w0.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://zone-pixel.forumeiros.com/t405-shop-cores-no-nick"> <img src="http://i.imgur.com/eVZss.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://zone-pixel.forumeiros.com/t40-shop-tranferencia-de-moedas"> <img src="http://i.imgur.com/o1gU4.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://zone-pixel.forumeiros.com/t265-shop-compra-de-vip"> <img src="http://i.imgur.com/NFIXG.png"> </a> </body>

Painel de controle Mòdulos Portal e Widgets Gestão dos widgets do fórum Criar um widget personalizado

Cole o seguinte código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/hN-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:620px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Modifique o valor em vermelho pelo número da página HTML.

Cumprimentos, Lucasxd111

por Connor R. 26.09.12 18:46

Que valor em vermelho?

por Hyouki 26.09.12 18:51

Houdini escreveu:Que valor em vermelho?

Desculpe , rsrs .
Edit .

por Connor R. 26.09.12 18:55

Ainda não resultou. Quando aperto no shopping se abre o chat.

por Hyouki 27.09.12 13:51

Olá amigo , tente colocar o código do widget longe do xat lateral .

por »MorFiL™ 27.09.12 14:02

Olá senhor,
Adicione este codigo em uma Nova JS.
Painel de controle Módulos HTML e Java Script Gestão dos codigos Java Script e Colo este codigo

Código:: <br><body background="http://i.imgur.com/aYFXz.png"> <img src="http://i.imgur.com/or4Ss.png"> <no><a href="http://universalgamescheats.forumeiros.com/t3-loja-nick"> <img src="http://imageshack.us/a/img707/295/13862431.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://universalgamescheats.forumeiros.com/t3-loja-nick"> <img src="http://imageshack.us/a/img819/1462/35419938.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://forum.zone-pixel.com.br/t40-shop-tranferencia-de-moedas"> <img src="http://imageshack.us/a/img528/6956/88389136.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://forum.zone-pixel.com.br/t265-shop-compra-de-vip"> <img src="http://imageshack.us/a/img14/5776/19548458.png"> </a> </body>

E edit as informais que você queira.

Confirma

Resulta?

por Connor R. 27.09.12 14:47

Não resultou, acho que os dos códigos estão entrando em conflito. Acho que não tem como ter chat retratil e shop retratil.

por Nickname 27.09.12 15:30

Olá,

iPhone escreveu:Olá senhor,
Adicione este codigo em uma Nova JS.
Painel de controle Módulos HTML e Java Script Gestão dos codigos Java Script e Colo este codigo
Código:
<br><body background="http://i.imgur.com/aYFXz.png"> <img src="http://i.imgur.com/or4Ss.png"> <no><a href="http://universalgamescheats.forumeiros.com/t3-loja-nick"> <img src="http://imageshack.us/a/img707/295/13862431.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://universalgamescheats.forumeiros.com/t3-loja-nick"> <img src="http://imageshack.us/a/img819/1462/35419938.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://forum.zone-pixel.com.br/t40-shop-tranferencia-de-moedas"> <img src="http://imageshack.us/a/img528/6956/88389136.png"> </a> <img src="http://i.imgur.com/yTE2G.png"> <a href="http://forum.zone-pixel.com.br/t265-shop-compra-de-vip"> <img src="http://imageshack.us/a/img14/5776/19548458.png"> </a> </body>

E edit as informais que você queira.

Confirma

Resulta?

Cuidado, códigos HTML não funcionam como Js!

Troque o código de seu Widget pelo seguinte código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; left: 0px; z-index:1000;"><iframe src="/h1-" id="chatboxpop" scrolling="yes" style="height: 200px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:620px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxopen" style="display: inline; "><img src="http://img.hotwords.com.br/v2/campanhas/brasil/2011/10/9470/4650/original/orelha.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Modifique o número que está em vermelho para a pagina HTML criada, ou seja, a pagina onde está os links com as imagens do Shopping.

Cordialmente
Upload

por »MorFiL™ 27.09.12 16:07

Upload diz
"Cuidado, códigos HTML não funcionam como Js!

Troque o código de seu Widget pelo seguinte código:

Si nao funcionase lá no meu fórum nao funcionase e tambem nao postaria aq at+

por Connor R. 27.09.12 18:07

Não funcionou, ainda quando aperto no Chat se abre o Shopping. Eles estão entrando em conflito e como o código do chat e JS, e mas forte.

Shopping lateral do outro lado

Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado

Re: Shopping lateral do outro lado