Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Perfil no topico
Hoje à(s) 14:12 por Appoloz

» [Pedido] Fundo para fórum (deixar branco)
Hoje à(s) 14:00 por Maori

» [Pedido] Banner para meu fórum (Azul)
Hoje à(s) 14:00 por Maori

» Retirar esta parte do topico
Hoje à(s) 13:42 por Luiz~

» Mudar layout e texto de confirmação captcha
Hoje à(s) 13:40 por Troubleshoot

» Detectar fonte do rank
Hoje à(s) 13:13 por Luiz~

» Personalizar Overall_Header
Hoje à(s) 12:47 por Luiz~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
192 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 182 Visitantes :: 1 Motor de busca

AlexSweed, Appoloz, Comensal, Lincoln, Luiz~, Nemézio Félix, Troubleshoot, vitorsali

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 12:05

Tabela de comentários

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

Resolvido Tabela de comentários

Mensagem por Vinicius Reis em Qui 3 Nov 2016 - 22:38

Detalhes da questão


Endereço do fórum: http://atelier262.forumeiros.com/
Versão do fórum: PunBB

Descrição


Entrem neste tópico para ler a respeito; clicando aqui




Postando em ordem as imagens:

Imagem 1: http://i.imgur.com/HXmly0P.png
Imagem do spoiler 1: http://i.imgur.com/thFWp4Q.png
Imagem do spoiler 2: http://i.imgur.com/ve4TNXx.png


Última edição por Vinicius Reis em Sex 4 Nov 2016 - 10:50, editado 1 vez(es)

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/
  • 0

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Qui 3 Nov 2016 - 23:20

Olá,

As imagens do tópico antigo estão trancadas para moderadores. Teria como postá-las aqui? Acredito que queira algo parecido àquela barra com o caminho do tópico e a lista de páginas, correto?

^-^


Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Tabela de comentários

Mensagem por Vinicius Reis em Sex 4 Nov 2016 - 10:50

Postando em ordem as imagens:

Imagem 1: http://i.imgur.com/HXmly0P.png
Imagem do spoiler 1: http://i.imgur.com/thFWp4Q.png
Imagem do spoiler 2: http://i.imgur.com/ve4TNXx.png

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Sex 4 Nov 2016 - 12:46

Eu precisaria que você criasse tópico com mais de uma página de comentários para testes, tudo bem?

^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Tabela de comentários

Mensagem por Vinicius Reis em Seg 7 Nov 2016 - 15:02

Tudo bem, mas isto eu queria que fosse para tópicos também! Assim como para comentários.

Link: http://atelier262.forumeiros.com/t31-um-monte-de-comentarios

Criei uns 28 comentários.

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Seg 7 Nov 2016 - 15:15

Eu vou começar a tratar da criação do código, mas precisaria que criasse um fórum com mais de uma página de tópicos também. ^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Tabela de comentários

Mensagem por Vinicius Reis em Ter 8 Nov 2016 - 0:43

Não é possível eu criar mais tópicos! Desculpe.

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Ter 8 Nov 2016 - 14:22

Então não será possível eu garantir que a paginação da listagem de tópicos funcione. :C

---

  • Vá em Painel de controle :seta2: Módulos :seta2: HTML & JavaScript :seta2: Gestão dos códigos JavaScripts :seta2: Criar um novo JavaScript e adicione esse código com Investimento em Nos sub-fóruns e Nos tópicos:

    Código:
    ; (function ($) {
        'use strict';

        var sizes, url, regex, getPageUrl;

        sizes = {
            topic: 25,
            forum: 50
        };

        url = location.pathname.match(/^\/(t|f)(\d+)(p\d+)?-(.*)/i);

        if (url === null) {
            return;
        }

        regex = /(\d+)\sde\s(\d+)/i;

        getPageUrl = function (page){
            var parts, page, pageUrl, type;

            switch (url[1]) {
                case 't': type = 'topic'; break;
                case 'f': type = 'forum'; break;
                default: return false;
            }

            page = parseInt(page) - 1;
            pageUrl = page > 0 ? 'p' + (page * sizes[type]) : '';

            return '/' + url[1] + url[2] + pageUrl + '-' + url[4];
        };

        $(function () {

            $('#main-content > .pagination').each(function (key, element) {
                var self, matches, page, last, prev, next, list;

                self = $(element);
                matches = self.text().match(regex);

                if (matches === null) {
                    return;
                }

                page = parseInt(matches[1]);
                last = parseInt(matches[2]);
                next = page + 1 > last ? -1 : page + 1;
                prev = page - 1 < 1 ? -1 : page - 1;

                list = [];

                if (page > 1) {
                    list.push($('<li>', {
                        class: 'pagination-first',
                        html: $('<a>', {
                            text: '«',
                            href: getPageUrl(1)
                        }).prop('outerHTML')
                    }).prop('outerHTML'));

                    if (prev !== -1) {
                        list.push($('<li>', {
                            class: 'pagination-prev',
                            html: $('<a>', {
                                text: '‹',
                                href: getPageUrl(prev)
                            }).prop('outerHTML')
                        }).prop('outerHTML'));
                    }
                }

                list.push($('<li>', {
                    class: 'pagination-data',
                    text: page + ' / ' + last
                }).prop('outerHTML'));
               
                list.push($('<li>', {
                    class: 'pagination-input',
                    html: $('<input>', {
                        type: 'number',
                        value: page,
                        min: 1,
                        max: last
                    }).prop('outerHTML')
                }).prop('outerHTML'));

                list.push($('<li>', {
                    class: 'pagination-submit',
                    html: $('<a>', {
                        text: 'GO',
                        href: 'javascript:void(0);'
                    }).prop('outerHTML')
                }).prop('outerHTML'));

                if (page < last) {
                    list.push($('<li>', {
                        class: 'pagination-prev',
                        html: $('<a>', {
                            text: '›',
                            href: getPageUrl(next)
                        }).prop('outerHTML')
                    }).prop('outerHTML'));

                    list.push($('<li>', {
                        class: 'pagination-last',
                        html: $('<a>', {
                            text: '»',
                            href: getPageUrl(last)
                        }).prop('outerHTML')
                    }).prop('outerHTML'));
                }

                self
                    .html('')
                    .append($('<ul>', {
                        html: list.join('')
                    }));

                self.on('click', '.pagination-submit', function () {
                    location.href = getPageUrl(self.find('.pagination-input input').val());
                });
            });
        });
    })(jQuery);
  • No código acima, você pode encontrar essa parte:
    Código:
    sizes = {
        topic: 25,
        forum: 50
    };
    Nela você deve definir os valores de:

    • Mensagens por página em topic
    • Tópicos por página em forum

    Esses valores podem ser encontrados em Painel de Controle :seta2: Geral :seta2: Mensagens & e-mails :seta2: Configuração.

  • Após vá em Painel de controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:
    Código:
    /** Pagination begin **/
    #main-content > .pagination {
        display: block !important;
    }

    #main-content > .pagination ul {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
        color: #ccc;
    }

    #main-content > .pagination li {
        float: left;
        background-color: #2b2b2b;
    }

    #main-content > .pagination li:first-child,
    #main-content > .pagination li:first-child a {
        border-radius: 3px 0 0 3px;
    }

    #main-content > .pagination li:last-child,
    #main-content > .pagination li:last-child a {
        border-radius: 0 3px 3px 0;
    }

    #main-content > .pagination a {
        display: block;
        color: #fff;
        font-size: 12px;
        padding: 0 10px;
        background: rgb(68,68,68);
        background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%);
        background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
        border: 1px rgba(0, 0, 0, 0.1) solid;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    #main-content > .pagination a:hover,
    #main-content > .pagination a:focus {
        background: #222;
    }

    #main-content > .pagination .pagination-data {
        padding: 0 10px;
    }

    #main-content > .pagination .pagination-input input {
        margin: 0;
        padding: 0 5px;
        background: #2b2b2b;
        height: 30px;
        outline: none;
        border: 1px #666 solid;
        box-sizing: border-box;
        width: 60px;
        color: #ccc;
        vertical-align: top;
    }
    /** Pagination end */


^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Tabela de comentários

Mensagem por Vinicius Reis em Qui 10 Nov 2016 - 16:34

Olá ficou ótimo! Muito bom gostei muito!

Mas teria como tirar a opção de marcar todos como não lido?! E também tirar aquela bolinha de: •

Tirar apenas isto: http://prnt.sc/d5nl0c

Funcionou para os tópicos sim ^_^

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Qui 10 Nov 2016 - 22:36

Opa, sem problemas.

Troque o código Javascript por esse:

Código:
; (function ($) {
    'use strict';

    var sizes, url, regex, getPageUrl;

    sizes = {
        topic: 25,
        forum: 50
    };

    url = location.pathname.match(/^\/(t|f)(\d+)(p\d+)?-(.*)/i);

    if (url === null) {
        return;
    }

    regex = /(\d+)\sde\s(\d+)/i;

    getPageUrl = function (page){
        var parts, page, pageUrl, type;

        switch (url[1]) {
            case 't': type = 'topic'; break;
            case 'f': type = 'forum'; break;
            default: return false;
        }

        page = parseInt(page) - 1;
        pageUrl = page > 0 ? 'p' + (page * sizes[type]) : '';

        return '/' + url[1] + url[2] + pageUrl + '-' + url[4];
    };

    $(function () {

        $('#main-content > .pagination').each(function (key, element) {
            var self, matches, page, last, prev, next, list;

            self = $(element);
            matches = self.text().match(regex);

            if (matches === null) {
                self.remove();
                return;
            }

            page = parseInt(matches[1]);
            last = parseInt(matches[2]);
            next = page + 1 > last ? -1 : page + 1;
            prev = page - 1 < 1 ? -1 : page - 1;

            list = [];

            if (page > 1) {
                list.push($('<li>', {
                    class: 'pagination-first',
                    html: $('<a>', {
                        text: '«',
                        href: getPageUrl(1)
                    }).prop('outerHTML')
                }).prop('outerHTML'));

                list.push($('<li>', {
                    class: 'pagination-prev',
                    html: $('<a>', {
                        text: '‹',
                        href: getPageUrl(prev)
                    }).prop('outerHTML')
                }).prop('outerHTML'));
            }

            list.push($('<li>', {
                class: 'pagination-data',
                text: page + ' / ' + last
            }).prop('outerHTML'));
           
            list.push($('<li>', {
                class: 'pagination-input',
                html: $('<input>', {
                    type: 'number',
                    value: page,
                    min: 1,
                    max: last
                }).prop('outerHTML')
            }).prop('outerHTML'));

            list.push($('<li>', {
                class: 'pagination-submit',
                html: $('<a>', {
                    text: 'GO',
                    href: 'javascript:void(0);'
                }).prop('outerHTML')
            }).prop('outerHTML'));

            if (page < last) {
                list.push($('<li>', {
                    class: 'pagination-prev',
                    html: $('<a>', {
                        text: '›',
                        href: getPageUrl(next)
                    }).prop('outerHTML')
                }).prop('outerHTML'));

                list.push($('<li>', {
                    class: 'pagination-last',
                    html: $('<a>', {
                        text: '»',
                        href: getPageUrl(last)
                    }).prop('outerHTML')
                }).prop('outerHTML'));
            }

            self
                .html('')
                .append($('<ul>', {
                    html: list.join('')
                }));

            self.on('click', '.pagination-submit', function () {
                location.href = getPageUrl(self.find('.pagination-input input').val());
            });
        });
    });
})(jQuery);

^-^

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Tabela de comentários

Mensagem por Vinicius Reis em Sab 12 Nov 2016 - 11:49

Ótimo! Arrasou, ficou show de bola!

Só teria como alinhar o "Criar um novo tópico" com a "Tabela de comentários"

Nas lista de tópicos ficou alinhado, mais nos comentário não!

Olha como está nos comentários: http://prnt.sc/d6ciw4

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/
  • 0

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Sab 12 Nov 2016 - 12:53

Adicione mais esta peça:

Código:
.topic-actions  {
    float: left;
}

#main-content > .pagination {
    margin-top: 10px;
}

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.com

Resolvido Re: Tabela de comentários

Mensagem por Vinicius Reis em Ter 15 Nov 2016 - 13:34

Legal! Amei *-* ficou 100% igual como eu queria! Muito obrigado.

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 171
Pontos Ativos : 503

http://atelier262.forumeiros.com/

Resolvido Re: Tabela de comentários

Mensagem por Kyo Panda em Ter 15 Nov 2016 - 15:53

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1863
Pontos Ativos : 4525

http://ajuda.forumeiros.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5