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

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

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

Mensagem por .Danni. em 15/07/14, 09:39 am

  • 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, 09:50 am, editado 1 vez(es)
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por Hancki em 15/07/14, 09:43 am

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por .Danni. em 15/07/14, 09:48 am

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes
  • 0

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

Mensagem por Hancki em 15/07/14, 10:50 am

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://illiweb.com/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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por .Danni. em 15/07/14, 09:03 pm

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por .Danni. em 17/07/14, 02:39 am

Up
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por Hancki em 17/07/14, 06:32 am

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://illiweb.com/fa/empty.gif"], #insert_widget .posthead strong {
  display: none;
}
#insert_widget .posthead h2 {
  padding-left: 28px;

}
</style>
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por .Danni. em 17/07/14, 07:40 am

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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por .Danni. em 20/07/14, 08:47 am

Up
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por Hancki em 20/07/14, 08:52 am

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por .Danni. em 20/07/14, 09:37 am

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



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



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

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por .Danni. em 23/07/14, 06:38 pm

Up
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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

Mensagem por Hancki em 24/07/14, 05:39 am

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://illiweb.com/fa/empty.gif"],
    #insert_widget1 .posthead strong {
        display: none;
    }
    #insert_widget1 .posthead h2 {
        padding-left: 28px;
    }
</style>
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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

Mensagem por .Danni. em 24/07/14, 09:50 am

Funcionou Feliz Obrigada!
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

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