ShiftActif fórum

[TUTORIAL] Tópicos relacionados do seu fórum personalizado Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Tópicos relacionados do seu fórum personalizado 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Tópicos relacionados do seu fórum personalizado 1660898911

[TUTORIAL] Tópicos relacionados do seu fórum personalizado

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

[TUTORIAL] Tópicos relacionados do seu fórum personalizado Empty [TUTORIAL] Tópicos relacionados do seu fórum personalizado

Mensagem por Shek em Seg 3 Dez - 15:48


[TUTORIAL] Tópicos relacionados do seu fórum personalizado Newsletter

Tópicos relacionados


Neste tutorial vamos reproduzir um efeito que podemos chamar de tópicos relacionados, porém o resultado comparado ao que está no fórum de suporte Forumeiros é totalmente diferente no aspecto de personalização.


--> Tutoriais <--
Tópicos relacionados do seu fórum personalizado




- Javascript dos fóruns:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
[TUTORIAL] Tópicos relacionados do seu fórum personalizado Painel13
[TUTORIAL] Tópicos relacionados do seu fórum personalizado 110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Tópicos relacionados do seu fórum personalizado 110210Arrow Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
No índice : O código será aplicado ao índice do fórum.
No portal : O código será aplicado ao Portal do fórum.
Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
Sobre os temas : O código será aplicado aos tópicos do fórum.
Na galeria : O código será aplicado na sua Galeria de imagens.
Em todas as páginas : O código será aplicado em todas as páginas do fórum.
[TUTORIAL] Tópicos relacionados do seu fórum personalizado 110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Tópicos relacionados do seu fórum personalizado 110410Arrow Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Na opção do Investimento, marque a opção "Nos tópicos" e cole o código abaixo:

PHPBB3:
Código:
jQuery(document).ready(function() {
jQuery( function() {
jQuery('.noprint').append('<br></br><div class="h3">Tópicos relacionados do fórum - ShiftActif /f5-tutoriais</div><div class="smlarf" id="ptrafic_scroll_div"></div>')});});jQuery(document).ready(function(){r='/search?change_version=phpbb&search_keywords='+encodeURIComponent(document.title)+'&search_terms=any&search_where=-1&search_time=0&show_results=topics&sort_by=2&sort_dir=ASC';jQuery.get(r,function(d){t='a.topictitle';if(jQuery(t,d).length>10){n=9}else{n=jQuery(t,d).length-1};i=0;for(i=0;i<=n;i++){jQuery('.smlarf').append('<li style="overflow:hidden;height:18px;line-height:18px;max-height:18px;list-style:none outside none"><span class=genmed><img src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png"/><a href="'+jQuery(""+t+":eq("+i+")",d).attr("href")+'">'+jQuery(""+t+":eq("+i+")",d).text()+'</a><br></span></li>')}})})

PHPBB2:
Código:
jQuery(document).ready(function() {
jQuery( function() {
jQuery('.catBottom').append('<br></br><div class="h3">Tópicos relacionados do fórum - ShiftActif /f5-tutoriais</div><div class="smlarf" id="ptrafic_scroll_div"></div>')});});jQuery(document).ready(function(){r='/search?change_version=phpbb&search_keywords='+encodeURIComponent(document.title)+'&search_terms=any&search_where=-1&search_time=0&show_results=topics&sort_by=2&sort_dir=ASC';jQuery.get(r,function(d){t='a.topictitle';if(jQuery(t,d).length>10){n=9}else{n=jQuery(t,d).length-1};i=0;for(i=0;i<=n;i++){jQuery('.smlarf').append('<li style="overflow:hidden;height:18px;line-height:18px;max-height:18px;list-style:none outside none"><span class=genmed><img src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png"/><a href="'+jQuery(""+t+":eq("+i+")",d).attr("href")+'">'+jQuery(""+t+":eq("+i+")",d).text()+'</a><br></span></li>')}})})

Invision:
Código:
jQuery(document).ready(function() {
jQuery( function() {
jQuery('#qpost').append('<br></br><div class="h3">Tópicos relacionados do fórum - ShiftActif /f5-tutoriais</div><div class="smlarf" id="ptrafic_scroll_div"></div>')});});jQuery(document).ready(function(){r='/search?change_version=phpbb&search_keywords='+encodeURIComponent(document.title)+'&search_terms=any&search_where=-1&search_time=0&show_results=topics&sort_by=2&sort_dir=ASC';jQuery.get(r,function(d){t='a.topictitle';if(jQuery(t,d).length>10){n=9}else{n=jQuery(t,d).length-1};i=0;for(i=0;i<=n;i++){jQuery('.smlarf').append('<li style="overflow:hidden;height:18px;line-height:18px;max-height:18px;list-style:none outside none"><span class=genmed><img src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png"/><a href="'+jQuery(""+t+":eq("+i+")",d).attr("href")+'">'+jQuery(""+t+":eq("+i+")",d).text()+'</a><br></span></li>')}})})

PunBB:
Código:
jQuery(document).ready(function() {
jQuery( function() {
jQuery('.main-content.frm').append('<br></br><div class="h3">Tópicos relacionados do fórum - ShiftActif /f5-tutoriais</div><div class="smlarf" id="ptrafic_scroll_div"></div>')});});jQuery(document).ready(function(){r='/search?change_version=phpbb&search_keywords='+encodeURIComponent(document.title)+'&search_terms=any&search_where=-1&search_time=0&show_results=topics&sort_by=2&sort_dir=ASC';jQuery.get(r,function(d){t='a.topictitle';if(jQuery(t,d).length>10){n=9}else{n=jQuery(t,d).length-1};i=0;for(i=0;i<=n;i++){jQuery('.smlarf').append('<li style="overflow:hidden;height:18px;line-height:18px;max-height:18px;list-style:none outside none"><span class=genmed><img src="http://cdn1.iconfinder.com/data/icons/silk2/control_play.png"/><a href="'+jQuery(""+t+":eq("+i+")",d).attr("href")+'">'+jQuery(""+t+":eq("+i+")",d).text()+'</a><br></span></li>')}})})

Basta confirmar o código e salvar. Beleza!


  • Como personalizar a função como ShiftActif?
    Basta adicionar um CSS em sua folha:
    Código:
    .smlarf{background-image:url(http://i43.servimg.com/u/f43/16/63/75/54/sa10.png);background-position:bottom right;background-repeat:no-repeat;border:2px solid #86B125}
    Salve e veja o resultado previsto, como na imagem abaixo.

  • Resultado
    [TUTORIAL] Tópicos relacionados do seu fórum personalizado Result58





© ShiftActif


[TUTORIAL] Tópicos relacionados do seu fórum personalizado Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Tópicos relacionados do seu fórum personalizado
Shek

Shek
Administrador

Masculino
Idade : 25
PointActif's : 5670
ReputActifs : 97
Mensagens : 2715
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

http://www.shiftactif.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