Colocar widgest horizontal

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

Resolvido Colocar widgest horizontal

Mensagem por Thoth em 20/11/11, 04:37 pm

Qual é minha questão:
Olá, seender

Hoje estou aqui para pedir ajuda sobre widgest.

Gostaria de saber como colocá-los horizontalmente e deixá-los no final de meu fórum e no início dele.
Eles serviriam para que eu colocasse anunciantes e parceiros do fórum.

Exemplo de fóruns onde encontrei o recurso:

http://www.pumacheats.com/

Notem que no inicio do fórum há uma barra rolando com várias imagens escritas '' Seu Banner '' e , no final do fórum há um widgest denominado '' Nossos Parceiros '' onde ficam os banners das parcerias do fórum.

Gostaria de fazer o mesmo em meu fórum.

Desde já agradeço por sua ajuda, seender
Obrigado.


Medidas que eu tomei para corrigir o problema:


Imagens do meu problema:


Endereço do meu fórum:
http://masterexp.forumeiro.com/

Versão do meu fórum:
PHPBB3
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por Ace em 20/11/11, 04:47 pm

Olá,

Seria os anúncios, certo?
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 20/11/11, 04:56 pm

Aqui estão as imagens para facilitar ainda mais o entendimento do que estou falando.


Esse é o widgest da parte superior do fórum.


Esse é o widgest horizontal dos parceiros.

Acho que agora está bem claro o que pretendo.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por seender em 21/11/11, 12:21 pm

Olá!

Ative os anúncios, veja este tópico: Anúncios rotativos.
Em scroll marque a opção Horizontal e carregue no botão Salvar.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 21/11/11, 12:38 pm

Não é isso. Olhe atentamente a ultima imagem.
Não é um anúncio rotativo mas sim um widgest.
Note que não há como colocar um anúncio rotativo na parte final do fórum.

Aguardo respostas.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por seender em 21/11/11, 12:46 pm

Olá!

Veja este tutorial: Widget de parceiros no fim da página.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 21/11/11, 02:45 pm

Agora sim, funcionou perfeitamente.
Mas ele está aparecendo em todos os locais.
Nas áreas, ao criar mensagens, até quando se vai criar uma MP.

Há como deixá-lo apenas na parte inicial do fórum?
Apenas na página principal?
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por seender em 22/11/11, 03:58 pm

Olá!

Poste o código que gerou para seu fórum aqui.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 22/11/11, 04:58 pm

Código:
<html>
<head>
<link rel="stylesheet" href="/css.forum" type="text/css" />
<style type="text/css"> body {background:transparent;padding:0px;}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body id="body">

<script>
http://ajuda.forumeiros.com

function bannerforumtodo () {var imagem = new Array();var endereco = new Array();

// Versão do Fórum
var versao = 'phpbb3';

// Parcerias
endereco.push('http://www.thundercheats.com.br/forum/forum.php');imagem.push('http://i42.tinypic.com/2wnzcyt.png');
endereco.push('http://www.pumacheats.com/');imagem.push('http://i42.servimg.com/u/f42/16/02/17/68/pumach10.gif');
endereco.push('http://winktech.forumbrasil.net');imagem.push('http://i.imgur.com/L2mBv.gif');
endereco.push('http://pokemonrpgng.forumeiros.com/');imagem.push('http://i51.tinypic.com/ilx7pt.gif');
endereco.push('http://streetfighterthegame.forumeiro.com');imagem.push('http://desmond.imageshack.us/Himg88/scaled.php?server=88&filename=banner120x60j.png&res=medium');
endereco.push('http://darkprogramming.com.br/forum/forum.php');imagem.push('http://i42.tinypic.com/2bphcx.jpg');


//Podem adicionar ou retirar banners deste local

//Título Widget
var tituloparcerias = 'Parcerias';
var tituloparceriasa = 'center';

// Scroll
var scroll = 'sim'; //coloque "sim" para rolar, e "nao" para ficar estático.
var svelocidade = '10'; //Quanto maior o número maior a velocidade.
var sdirection = 'left'; //left=esquerda right=Direita

// HTML no final do Widget
var scrollHtml = '<center><a href=http://masterexp.forumeiro.com/t214-sobre-parcerias"/-fx" style="font-size:13px;">Clique aqui para fazer uma parceria!</a></center>';
//Colocar o que quiser depois dos banners.


//Não mecher a partir desta parte
//Não mecher a partir desta parte
//Não mecher a partir desta parte

var scrollA='';var scrollB='';
if(scroll=='sim'){
scrollA += '<marquee width="100%" scrollamount="' + svelocidade + '" direction="'+sdirection+'" id="scrollerP"><span onMouseOver="bover();" onMouseOut="bout();">';
scrollB += '</span></marquee>';
}else{scrollA +='<center>';scrollB +='</center>';}

var bannersA='';
if(versao=='phpbb2'){bannersA+='<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="catLeft" height="25"><span class="genmed module-title" style="text-align:'+tituloparceriasa+'">'+tituloparcerias+'</span></td></tr><tr><td class="row1" align="left" style="height:auto;">';}
if(versao=='phpbb3'){bannersA+='<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="text-align:'+tituloparceriasa+'">'+tituloparcerias+'</div>';}
if(versao=='punbb'){bannersA+='<div class="module main"><div class="module"><div class="main-head" style="text-align:left;"><div class="h3" style="text-align:'+tituloparceriasa+';">'+tituloparcerias+'</div></div><div class="main-content clearfix" style="padding: 5px;">';}
if(versao=='invision'){bannersA+='<div class="module borderwrap"><div class="maintitle"><h3 style="text-align:'+tituloparceriasa+'">'+tituloparcerias+'</h3></div><div class="box-content">';}

var bannersB = '';var i = 0;
while (i < imagem.length){
bannersB += '<a href="'+ endereco[i]+'" target="_blank"><img class="alturaimg" src="'+ imagem[i]+ '" border="0" /></a> ';
i++;}

var bannersC='';
if(versao=='phpbb2'){bannersC+='</td></tr></tbody></table>';}
if(versao=='phpbb3'){bannersC+='<span class="corners-bottom"><span></span></span></div></div>';}
if(versao=='punbb'){bannersC+='</div></div>';}
if(versao=='invision'){bannersC+='</div></div>';}

document.getElementById("barraparceirosA").innerHTML = bannersA+scrollA+bannersB+scrollB+'<br>'+scrollHtml+bannersC;

if(imagem.length != endereco.length) { alert('Os links e as imagens do banner não estão correspondendo corretamente, cuidado!'); }
document.getElementById('scrollerP').start();


}
function bover() { document.getElementById('scrollerP').stop();}
function bout() { document.getElementById('scrollerP').start();}
window.onload=bannerforumtodo;
</script>

<div id="barraparceirosA"></div>

</body>
</html>

Ai está o código.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por 'Hard em 26/11/11, 02:27 pm

tb quero ajuda !!
avatar

'Hard
Nível 9

Masculino
Inscrito dia : 02/07/2011
Mensagens : 156
Pontos Ativos : 263

Ver perfil do usuário http://www.skygames.forumeiros.com/

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 26/11/11, 05:10 pm

É, faz alguns dias que estou aguardando resposta.
Espero que alguém consiga responder...
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por Luciano98 em 27/11/11, 02:42 am

Olá!

Caso esse código não lhe agrade, eu posso lhe passar o código para você colocar o Layout de um Widget em um anúncio, assim ficaria praticamente a mesma coisa.

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
LADO{float:center;width:100%}
LADO = Caso os Widgets do fórum estejam na esquerda coloque #left, caso eles sejam na direita coloque #right.

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 27/11/11, 03:06 am

O widgest com minhas parcerias continua aparecendo em todas as páginas do fórum. Queria restringi-lo apenas à pagina inicial.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 28/11/11, 08:55 am

Apenas dando um Up em minha questão.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por webpixel em 28/11/11, 09:50 am

Quero saber isso também
Será muito util a mim
avatar

webpixel
Nível 5

Masculino
Inscrito dia : 28/11/2011
Mensagens : 59
Pontos Ativos : 82

Ver perfil do usuário http://webpixelforum.forumeiros.com/

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 29/11/11, 09:08 am

Certamente seria útil a muitos usuários, contudo, parece-me não haver uma resposta acerca do assunto...
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Colocar widgest horizontal

Mensagem por Dury em 30/11/11, 10:59 am

Olá,

No terceiro passo indicado pelo tutorial, tente colher o código Jquery e colocar nas páginas .JS.
Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão dos códigos javascript ->> Criar um novo javascript ->>
Em investimento marque "No índice" e cole o Jquery.

Veja se da certo, porque se com o JS não der, não será possível.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Colocar widgest horizontal

Mensagem por Thoth em 30/11/11, 05:14 pm

O código não é em JS e sim em HTML.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum