Parceria no final da página

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

Resolvido Parceria no final da página

Mensagem por derik em 27/12/10, 12:12 pm

Eu queria um código HTML pra fazer tipo uma "Categoria" no final do fórum pra mostrar o vencedor da SOTW

Tipo essa aqui, mas essa aqui é de parceiros: (marcado de vermelho)


http://img337.imageshack.us/img337/8532/semttulosom.png

Obrigado!!



Última edição por derik em 28/12/10, 08:28 pm, editado 1 vez(es)

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por Mikáá em 27/12/10, 12:19 pm

Boa tarde,
Em breve será postado um tutorial ensinado como faze-lo. Seja paciente, deve estar quase a sair..

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Parceria no final da página

Mensagem por derik em 27/12/10, 01:01 pm

Mas não existe nenhum código pra isso não?

Pois eu já vi um forum que tinha isso.

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por muryllodantas em 27/12/10, 02:15 pm

@derik escreveu:Eu queria um código HTML pra fazer tipo uma "Categoria" no final do fórum pra mostrar o vencedor da SOTW

Tipo essa aqui, mas essa aqui é de parceiros: (marcado de vermelho)


http://img337.imageshack.us/img337/8532/semttulosom.png

Obrigado!!


Poderia me dizer o endereço da pagina onde se encontra esta parceria?

Até mais
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: Parceria no final da página

Mensagem por Mikáá em 27/12/10, 03:10 pm

Olá, irei-lhe explicar, se não perceber, peço que espere pelo TUTORIAL Muito feliz



- 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)


- 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)

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>
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Parceria no final da página

Mensagem por derik em 27/12/10, 03:43 pm

Ok, entendi, mas você poderia fazer um que somente fique 1 imagem e uma descrição em cima? pois como eu falei ali é para mostrar o vendedor do SOTW.
entao será somente 1 imagem.

Se puder fazer eu lhe agradecerei MUITO!


@EDIT

Eu tentei fazer esse que você falou e nao deu certo, eu visualizo as paginas HTML (quando ta criando a pagina) e da pra ver direitim, os 2.

Mas eu coloco lá na descrição do fórum a parada e nao vejo nada, o forum fica do mesmo geito.


Última edição por derik em 27/12/10, 04:11 pm, editado 1 vez(es)

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por Mikáá em 27/12/10, 03:46 pm

Basta retirar ou por as coisas a verde na minha mensagem anterior: Agora que estamos na gestão da sua página, siga as instruções para a criação opção-a-opção:
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Parceria no final da página

Mensagem por derik em 27/12/10, 04:43 pm

Acho que isso ta dificiu, tentei e nao deu, entao eu peguei esse código e coloquei na mensagem da home page e deu certo, entao poderia fazer um código pra ficar assim?

IMGAGEM:


http://img714.imageshack.us/img714/5228/semttulogzt.png

OBS: Ta vendo a mensagem da home page, isso foi feito no Paint, poderia fazer um code que ficase igual aquele? com as bordas em cima,em baixo e nos lados, com o titulo (SOTW#0) em branco e no fundo preto e a imagem dentro com a descrição.

IGUAL O DA IMAGEM NA VERDADE, OK?

AGRADEÇO!

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por Mikáá em 27/12/10, 04:45 pm

Você esta falando da imagem a laranja? Se sim, terá de pedir na área gráfica Piscada
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Parceria no final da página

Mensagem por derik em 27/12/10, 04:46 pm

Não, estou falando pra fazer tudo aquilo que está na MENSAGEM DA HOME PAGE, você está vendo ali, eu fiz uma montagem no Paint de tipo uma "categoria" que na verdade é uma borda formando um retangulo e dentro a imagem e a descrição.

Mas queria um code pra fazer isso e colocar na mensagem da home page

entendeu?

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por derik em 27/12/10, 06:52 pm

UP! (malz pelo up)

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por derik em 28/12/10, 10:07 am

UP! Alguém pra ajudar?

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

Resolvido Re: Parceria no final da página

Mensagem por Mikáá em 28/12/10, 10:10 am

Aconselho a esperar pelo tutorial, como já lhe disse..
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Parceria no final da página

Mensagem por Callie em 28/12/10, 11:13 am

Olá derik,

Experimente o seguinte código a ver se gosta:

Código:
[center][b]SOTW[/b][/center]
[table style=" background-color:#FFFFFF;border:3px dashed #000000; padding:3px 5px; width:95%;"][tr][td align="left"]COLOQUE O CONTEÚDO QUE PRETENDE[/td][/tr][/table]

Não é igual ao que pretende mas pode ser que goste.

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: Parceria no final da página

Mensagem por derik em 28/12/10, 08:28 pm

' joãopedro escreveu:Olá derik,

Experimente o seguinte código a ver se gosta:

Código:
[center][b]SOTW[/b][/center]
[table style=" background-color:#FFFFFF;border:3px dashed #000000; padding:3px 5px; width:95%;"][tr][td align="left"]COLOQUE O CONTEÚDO QUE PRETENDE[/td][/tr][/table]

Não é igual ao que pretende mas pode ser que goste.

Até mais.

Muito obrigado! não ficou igual, mas assim está ótimo, vlw mesmo...

Resolvido.

derik
Nível 5

Masculino
Inscrito dia : 05/02/2010
Mensagens : 39
Pontos Ativos : 66

Ver perfil do usuário http://strondacheats.forumeiro.net/

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