Como por publicidade

3 participantes

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

Tópico resolvido Como por publicidade

Mensagem por WebGames 24.02.13 16:42

Qual é minha questão:
Olá gostaria de saber como por publicidades laterais iguais a da este fórum : http://www.gbcheats.com/forum/forum.php#_ para quando passar o mouse ela abrir

Endereço do meu fórum:
http://zonegames.forumn.org

Versão do fórum:
PUNBB
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como por publicidade

Mensagem por seender 26.02.13 17:11

Olá!

O fórum do link não pertence a forumeiros, portanto o efeito não será o mesmo, mas como vejo que seu fórum possui templates, pode sim fazer este efeito, mas tem algum código de publicidade fornecido pelo google ou gostaria de mudar as publicidades do fórum para as laterais?

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por WebGames 26.02.13 22:00

sim eu mesmo gostaria de por umas imagens
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por .Danni. 27.02.13 9:07

Olá,

Existe um sistema que realiza esse efeito em específico, é o site "Spider.ad" ele fornece diversas propagandas, com vários efeitos, incluindo o mais comum que é o retrátil na lateral.

Contudo no seu caso você deve preferir criar as próprias propagandas, eu sugiro que adapte o código de chatbox retrátil deste tópico: https://ajuda.forumeiros.com/t57261- da seguinte forma:

O código completo do tutorial é esse:
Código:
<div style="overflow: visible; position: fixed; bottom: 30px; 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 onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

E então trocar a chatbox pelo conteúdo da publicidade, no caso é só remover o código em vermelho e colocar onde ele estava o que você quiser:
<div style="overflow: visible; position: fixed; bottom: 30px; 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 onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" 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>

Resulta?

Cordialmente,
.The~Boss.
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por WebGames 27.02.13 14:10

não entendi no nome vermelho eu coloco oque eu quizer tipo <a href="asuhsahusa"><img src="URL"></a>??
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por .Danni. 27.02.13 15:08

Olá,

Exato, pode por o que quiser ali, apenas precisa tirar antes o código em vermelho. Editei sua mensagem para corrigir o código pois estava causando defeito na mensagem da dúvida.

Cordialmente,
.The~Boss.
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por WebGames 28.02.13 23:01

mais isso é para por em widget?
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por .Danni. 28.02.13 23:02

Olá,

Sim, da mesma maneira que está no tutorial de chatbox retrátil.

Cordialmente,
The Boss
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por WebGames 28.02.13 23:02

eu não ativo o widget pois eu uso index body tem algum outro geito?
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por publicidade

Mensagem por .Danni. 28.02.13 23:04

Olá,

Você pode tentar por o código no seu "index_body" logo após a tag:

Código:
<body>

Você não vai achar a tag limpa assim provavelmente terá algo mais nas propriedades, o importante é que comece com

Código:
<body
e que você poste o código depois do fechamento da tag

Código:
>

Resulta?

Cordialmente,
The Boss
.Danni.

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

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