Como colocar parceiros no final da página

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

Resolvido Como colocar parceiros no final da página

Mensagem por muryllodantas em 29/01/11, 05:38 pm

Qual é sua questão:
Eu vi um topico(não sei o endereço) de como colocar os parceiros no fim da pagina, mas não consigo, algum mod ou ajud pode me ajudar?

Que medidas você tomou para corrigir o problema:
tudo

Apresente-nos imagens do problema (se necessário):
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Como colocar parceiros no final da página

Mensagem por Callie em 29/01/11, 06:46 pm

Olá muryllodantas,

Veja o seguinte:

Tutorial:
Widget de parceiros no fim da página

As parcerias são a alma do negócio, pois elas melhoram as visitas em seu fórum e lhe dão maior visibilidade no mundo fóruns, só que às vezes, você pode ter feito tanta parceria que estéticamente falando, ficaria feio listar todos os banners deles em seu portal ou página inicial. Neste tutorial veremos uma forma de comprimir isso e com ele, você não terá medo de fazer milhares de parcerias, pois não tomarão o espaço.



--> Tutoriais, dicas e astúcias <--
Widget de parceiros deslizante




- Página html personalizada:
Devemos criar uma nova página html para suportar o código JavaScript que fará o efeito de colocar os anúncios no fim da página e de forma deslizante.

Acedendo a:
Painel de Controle Seta Módulos Seta HTML :seta2: Gestão das Páginas HTML.

(carregue na imagem para aumentar)

Seta Criar uma nova página HTML - Terá de carregar neste botão para poder criar a sua nova página. Se pretende editar uma página já existente, apenas terá de carregar em "Modificar":


- Agora que estamos na gestão da sua página, siga as instruções para a criação opção-a-opção:

(carregue na imagem para aumentar)
SetaTítulo - Dê qualquer título que desejar. Ele não afetará em nada o código, mas recomendamos que coloque algo que tenha a ver com o objetivo do tutorial, para encontrá-lo mais facilmente.
Seta Você deseja utilizar o início e o final da página do seu fórum? - Neste caso em específico, marque "não". Caso contrário o efeito do tutorial não funcionará como deveria.
Seta Usar esta página como página inicial? - Maque 'não'. Poderia até marcar sim, mas ficaria estranho uma página como esta, somente com os parceiros como inicial, por isso recomendamos que marque não!
Seta Código HTML - Mais abaixo veremos o que colocar neste campo. Será o código que faremos para o widget, que será estudado abaixo.
Seta Confirmar / Previsualizar - Clique em 'salvar', só que apenas depois de adicionarmos o código, que vem mais abaixo.

O conteúdo da nossa página html em questão será exibido abaixo, veja:

<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 Solkis & Byte

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

// Versão do Fórum
var versao = 'phpbb3'; // Coloque a versão utilizada: phpbb2, phpbb3, punbb, invision

// Parcerias
endereco.push('endereco1');imagem.push('http://illiweb.com/fa/admin/icones/small_ico/portail.png');
endereco.push('endereco2');imagem.push('imagem2');
endereco.push('endereco3');imagem.push('imagem3');
endereco.push('endereco4');imagem.push('imagem4');
endereco.push('endereco5');imagem.push('imagem5');
//Podem adicionar ou retirar banners deste local


//Título Widget
var tituloparcerias = 'Parcerias';
var tituloparceriasa = 'center'; //left=esquerda right=Direita center=centralizado

// Scroll
var scroll = 'sim'; //coloque "sim" para rolar, e "nao" para ficar estático.
var svelocidade = '3'; //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="/-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>
Vermelho -> Somente será necessário colocar a sigla da versão do seu fórum, em minúscula. Os valores aceitos são: phpbb3, phpbb2, punbb, invision.
Verde -> Para cada parceiro terá que ter uma vez esta linha. Verá que existe um campo para o endereço do site parceiro e também outro para a imagem. Fica aqui a explicação melhor:
Código:
endereco.push('LINK DO PARCEIRO');imagem.push('ENDERECO DA IMAGEM');
Laranja -> Somente deverá digitar o título do widget, que aparecerá no topo da caixa.
Violeta -> A posição dos banners dentro do widget, poderá ser center (centralizado), right (direita) ou left (esquerda).
Preto -> Só coloque sim ou nao, como resposta à querer que os banners fiquem passando pelo widget.
Ciano escuro -> Quanto maior o número maior a velocidade de scrolling dos banner dentro do widget.
Azul -> Defina a direção para onde os banners devem ir: left=Esquerda right=Direita.
Indigo -> Coloque quaisquer códigos HTML para personalizar o final do widget, como pore exemplo um link para os usuários se tornarem parceiros.



- Segunda página para fazer o código funcionar:

Devemos agora, após criar a primeira página html com o código, criar uma outra nova. Essa nova página é a que faz o efeito funcionar, ela anexa o conteúdo da outra página (a primeira) dentro dela.

jQuery(document).ready(function(){

// Página dos banners
var pagina = '/-h3.htm'; // Coloque a página criada anteriormente

// Altura dos Banners
var alturabanner = 22;

alturabanner=alturabanner+65;
jQuery('#page-footer,#pun-foot,#gfooter').before('

<iframe id="barraparceirosA" src="'+pagina+'" width="100%" height="'+alturabanner+'" allowtransparency="true" scrolling="no" frameborder="0"></iframe>

');

});
Vermelho -> Coloque o endereço da página HTML que criamos anteriormente. O endereço pode ser visto na gestão das páginas HTML. Ele deverá terminar, por exemplo, como -h3.htm, ou -h23.htm, tudo vai depender do número de páginas HTML que possui no fórum.
Verde -> Este será o valor da altura das imagens de parcerias contidas no código, recomenda-se usar imagens de mesma altura, mas caso não forem do mesmo tamanho, use o valor da maior altura (height) .



- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda a:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.

(carregue na imagem para aumentar)

O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/natal-h1.htm"></script>



© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Widget de parceiros deslizante no fim da página

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Como colocar parceiros no final da página

Mensagem por muryllodantas em 29/01/11, 08:50 pm

Só que eu fiz tudo isto mas não da, ele não aparece!
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Como colocar parceiros no final da página

Mensagem por malacus456 em 31/01/11, 08:47 pm

@muryllodantas escreveu:Só que eu fiz tudo isto mas não da, ele não aparece!

Já verificou se você fez tudo corretamente ?
avatar

malacus456
Nível 3

Masculino
Inscrito dia : 03/09/2010
Mensagens : 23
Pontos Ativos : 31

Ver perfil do usuário http://blogdomalacusx.blogspot.com

Resolvido Re: Como colocar parceiros no final da página

Mensagem por ThiagoPacheco em 02/02/11, 04:03 pm

Olá!

Ainda necessita de suporte adicional?

Até mais,
ThiagoPacheco Feliz
avatar

ThiagoPacheco
Membro do Fórum

Masculino
Inscrito dia : 22/01/2010
Mensagens : 1282
Pontos Ativos : 1785

Ver perfil do usuário http://futebolarpg.forumeiro.com/

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