Alterar "últimos 10 tutoriais" para um único tópico

2 participantes

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

Tópico resolvido Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 15.07.14 13:39

  • Descrição:
Bom dia,

Eu gostaria de modificar o widget deste tutorial para que aparecesse apenas um tópico específico (mas mantendo as características visuais e funcionais).

Grata

  • Informações:
Fórum:http://helitas.ace.st/Versão:PUNBB
Tipo:Pedido de códigoTags:Alterar,últimos,tutoriais,único,tópico



Última edição por Eva Boss em 24.07.14 13:50, editado 1 vez(es)
.Danni.

.Danni.
Super Membro

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

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por Hancki 15.07.14 13:43

Olá!

Deixe-me ver se percebi... você quer esse widget, apenas num tópico... e no widget apareceria as mensagens dentro desse tópico?

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 15.07.14 13:48

Quase isso, não preciso das mensagens, só quero como está mesmo no tutorial, o título, quem postou e quando postou junto com o avatar, mas de um único tópico e que atualize quando alguém postar naquele tópico.
.Danni.

.Danni.
Super Membro

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

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por Hancki 15.07.14 14:50

Bom, arquitetei um código que considero bom e bonito ^^
Mais compacto que o do tutorial, apenas para não gastar tantos recursos!
Basta criar um widget configurado assim: http://prntscr.com/42whf9
Código:
Código:
<div id="insert_widget">
    Loading...
</div><script>
jQuery(function () {
    var NumeroTopico = 1;
    jQuery('#insert_widget').load('t' + NumeroTopico + '-' + ' .pun .user-ident .username, .pun .user-ident .user-basic-info a img, .pun .posthead', function () {
        console.log('Carregado com sucesso! Hancki');
    });
});
</script><style>#insert_widget h4 {
margin-left: 36px;
margin-top: -7px;
font-size: 11px;
}
#insert_widget img {
margin-top: -39px;
float:left;
width: 30px;
height: 30px;
border: 1px solid rgb(213, 213, 213);
padding: 1px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px;
background: none 0% 0% repeat scroll rgb(255, 255, 255);
}
#insert_widget .posthead a:after {
   white-space: pre-wrap;
   content: '\A';
}
#insert_widget .posthead a {
   font-size: 11px !important;
}
#insert_widget .posthead {
   white-space:nowrap;
   background: none;
   border: none;
   font-size: 8.5px;
}
#insert_widget img[src="http://2img.net/i/fa/empty.gif"], #insert_widget .posthead strong {
   display: none;
}
#insert_widget .posthead h2 {
   padding-left: 28px;

}
</style>
Atente na linha 2 do código e mude o número para o tópico que deseja.. Só tem que entrar no tópico e ver na barra de endereços o seguinte número: http://prntscr.com/42whvv
Resultado: http://prntscr.com/42whif

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 16.07.14 1:03

Então, eu tenho também o código original dos últimos 10 tutoriais que eu uso pra exibir as últimas dúvidas de uma categoria, daí quando fui utilizar esse código apareceu tudo no lugar errado e o widget em si ficou como 'carregando' lol O que é preciso alterar pra não dar conflito? Se quiser eu te passo uma conta para acessar o fórum e ver a categoria citada.
.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: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 17.07.14 6:39

Up
.Danni.

.Danni.
Super Membro

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

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por Hancki 17.07.14 10:32

Você tem razão!

Tente este:
Código:
<div id="insert_widget1">
    Loading...
</div><script>
jQuery(function () {
    var NumeroTopico = 1;
    jQuery('#insert_widget1').load('t' + NumeroTopico + '-' + ' .pun .user-ident .username, .pun .user-ident .user-basic-info a img, .pun .posthead', function () {
        console.log('Carregado com sucesso! Hancki');
    });
});
</script><style>#insert_widget h4 {
margin-left: 36px;
margin-top: -7px;
font-size: 11px;
}
#insert_widget img {
margin-top: -39px;
float:left;
width: 30px;
height: 30px;
border: 1px solid rgb(213, 213, 213);
padding: 1px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px;
background: none 0% 0% repeat scroll rgb(255, 255, 255);
}
#insert_widget .posthead a:after {
  white-space: pre-wrap;
  content: '\A';
}
#insert_widget .posthead a {
  font-size: 11px !important;
}
#insert_widget .posthead {
  white-space:nowrap;
  background: none;
  border: none;
  font-size: 8.5px;
}
#insert_widget img[src="http://2img.net/i/fa/empty.gif"], #insert_widget .posthead strong {
  display: none;
}
#insert_widget .posthead h2 {
  padding-left: 28px;

}
</style>
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 17.07.14 11:40

Bom dia!

Funcionou, mas ele captura os avatares no tamanho original, fica meio gigante xP

Edit: tentei reduzir o tamanho com CSS e até consegui, mas aí cria um efeito cascada nos posts. E também, o widget exibe as primeiras mensagens, eu gostaria de exibir as últimas já que é um tópico para bate-papo. Se não for possível, só exibir o autor da última mensagem é o suficiente pra mim. Se tiver como limitar o número de mensagens também é bom, talvez umas 5 no máximo. Obrigada desde já.

http://helitas.ace.st/
.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: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 20.07.14 12:47

Up
.Danni.

.Danni.
Super Membro

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

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por Hancki 20.07.14 12:52

The Boss escreveu:Bom dia!

Funcionou, mas ele captura os avatares no tamanho original, fica meio gigante xP

Edit: tentei reduzir o tamanho com CSS e até consegui, mas aí cria um efeito cascada nos posts. E também, o widget exibe as primeiras mensagens, eu gostaria de exibir as últimas já que é um tópico para bate-papo. Se não for possível, só exibir o autor da última mensagem é o suficiente pra mim. Se tiver como limitar o número de mensagens também é bom, talvez umas 5 no máximo. Obrigada desde já.

http://helitas.ace.st/
Bom dia!

Quanto ao tamanho do avatar, tive um cuidado especial para que ele não fosse grande! Basta ver o meu print quando lhe mandei o código a primeira vez.

Quanto a exibir as 2 últimas mensagens/autor e limitar número de tópicos, é complicado! Imaginemos que o tópico chega a um limite e então ele cria uma nova página? Ou seja, 1 tópico com 2/3 ou mais páginas... o código já só buscará as últimas 2 mensagens do tópico principal!
É muito complicado se fazer e infelizmente não creio que seja tão fácil assim :/
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 20.07.14 13:37

Por algum motivo não funciona o código, os avatares ficam no tamanho original:

Alterar "últimos 10 tutoriais" para um único tópico Vfgktc

E acaba bugando o outro código (o do tutorial com a mesma função que eu citei anteriormente), sumindo com o avatar dele:

Alterar "últimos 10 tutoriais" para um único tópico 118ep7s

Então, eu me contentaria se o widget só exibisse o avatar e o nome da última pessoa que postou naquele tópico específico (como aparece nos fóruns).
.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: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 23.07.14 22:38

Up
.Danni.

.Danni.
Super Membro

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

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por Hancki 24.07.14 9:39

Desculpe!
Tente este:
Código:
<div id="insert_widget1">
    Loading...
</div>
<script>
    jQuery(function() {
        var NumeroTopico = 1;
        jQuery('#insert_widget1').load('t' + NumeroTopico + '-' + ' .pun .user-ident .username, .pun .user-ident .user-basic-info a img, .pun .posthead', function() {
            console.log('Carregado com sucesso! Hancki');
        });
    });
</script>
<style>
    #insert_widget1 h4 {
        margin-left: 36px;
        margin-top: -7px;
        font-size: 11px;
    }
    #insert_widget1 img {
        margin-top: -39px;
        float: left;
        width: 30px;
        height: 30px;
        border: 1px solid rgb(213, 213, 213);
        padding: 1px;
        box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 2px;
        background: none 0% 0% repeat scroll rgb(255, 255, 255);
    }
    #insert_widget1 .posthead a:after {
        white-space: pre-wrap;
        content: '\A';

    }
    #insert_widget1 .posthead a {
        font-size: 11px !important;
    }
    #insert_widget1 .posthead {
        white-space: nowrap;
        background: none;
        border: none;
        font-size: 8.5px;
    }
    #insert_widget1 img[src="http://2img.net/i/fa/empty.gif"],
    #insert_widget1 .posthead strong {
        display: none;
    }
    #insert_widget1 .posthead h2 {
        padding-left: 28px;
    }
</style>
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alterar "últimos 10 tutoriais" para um único tópico

Mensagem por .Danni. 24.07.14 13:50

Funcionou Feliz Obrigada!
.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