Visualização do tópicos

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.forumeiros.com/forum
Versão do fórum: phpBB2

Descrição

Olá pessoal, vi nesse fórum: http://bestweb.forumais.com/f1-anuncios-e-atualizacoes

O seguinte Script:
Quando clica aqui: https://i.imgur.com/Nt9RmYY.png?1
Abre essa aba: https://i.imgur.com/YmbWfWD.png

Eu gostaria disso na pagina inicial e sub-foruns do meu fórum, se possível.
Agradeço desde já

Olá autor, boa tarde.

Crie um novo javascript com investimento ao sub-fórum com esse código:

Código:

if (/\/?f\d+.*/.test(window.location.pathname)) {
    $(function () {
        $('a.topictitle').after('<a href="#" style="margin-left: 5px;" class="preview_topic"><img src="http://i56.servimg.com/u/f56/18/45/41/65/new_wi10.gif"/></a>');
        $('.preview_topic').click(function () {
            var url = this.previousSibling.href;
            $('body').prepend('<style>.popupWrapper {background-color: rgba(70, 70, 70, 0.6);border-radius: 4px 4px 4px 4px;box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);left: 80px;margin: 0 auto !important;max-height: 400px;max-width: 92%;overflow: auto;padding: 4px;position: fixed !important;top: 200px;}</style><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;" class="modal" id="document_modal"></div><div id="topic_popup" class="popupWrapper" style="z-index: 10001;"></div>');
            $('#topic_popup').load(url + ' .post:first', function () {
                $('#document_modal').click(function () {
                    $('#document_modal, #topic_popup').remove();
                });
            });
            return false;
        });
    });
}

E adicione esse código em sua folha de estilo css:

Código:

.popupWrapper {
    background-color: rgba(70, 70, 70, 0.6);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
    left: 80px;
    margin: 0 auto !important;
    max-height: 400px;
    width: 100%;
    overflow: auto;
    padding: 4px;
    position: fixed !important;
    top: 200px;
}

OBS: No index não será possível fazer esse efeito.

Até mais.

Certo, os resultados sairam um pouco bugado, veja:
https://imgur.com/a/MT8wk

Editado:

Bom, acho q ocorreu um pequeno problema, lá em cima meu fórum está como phpBB2, o código passado pode ser este, só que na vdd meu fórum é PunBB :/

Acho que foi isso, se o código passado foi para phpBB2

UP

Adicione em sua folha de estilo css esse código:

Código:

#topic_popup > div > div > div.postbody > div.user > div.user-info {margin:20px;}
        #topic_popup > div > div > div.postbody > div.user > div.user-ident > div {background:#fff;}
        #topic_popup > div > div > div.postbody > div.user > div.user-ident > h4 {border:1px solid;padding:5px;background:black;}
        #topic_popup > div > div > div.postbody > div.post-entry {margin:-470px;background: #fff;}

Até mais.

Olá While, resolveu 80%
Basta isso agora:

Está assim: https://i.imgur.com/u09Zqmw.png
Era pra ficar assim: https://i.imgur.com/67WuNbP.png

igual no meu tópico mesmo. Aguardando reparos, obrigado até agora pela ajuda.

Autor, aconselho ler as regras do setor de suporte. O uso do "UP" só pode ser utilizado em 24 em 24 horas da ultima resposta no tópico.

while escreveu:Autor, aconselho ler as regras do setor de suporte. O uso do "UP" só pode ser utilizado em 24 em 24 horas da ultima resposta no tópico.

Peço desculpas, acho que houve alguma confusão da minha parte, lembro de ter lido e batido os horários corretamente. Bom, fico sujeito á levar punição, fiquem a vontade.

iScroll escreveu:Era pra ficar assim: https://i.imgur.com/67WuNbP.png

Infelizmente, não será possível deixar assim, pois não existe um meio de "pegar" tudo isso via Ajax, sem pegar os outros posts. E pegando todos os posts, deixaria o carregamento muito pesado, o que prejudicaria a usabilidade de tal recurso para pessoas com conexão de internet mais lenta. 

---

Tendo em vista isso:

• Ainda é possível personalizar esta parte:
  https://i.imgur.com/u09Zqmw.png
  Utilizando CSS.

Como o senhor deseja prosseguir?

Até mais.

Luiz~ escreveu:

iScroll escreveu:Era pra ficar assim: https://i.imgur.com/67WuNbP.png

Infelizmente, não será possível deixar assim, pois não existe um meio de "pegar" tudo isso via Ajax, sem pegar os outros posts. E pegando todos os posts, deixaria o carregamento muito pesado, o que prejudicaria a usabilidade de tal recurso para pessoas com conexão de internet mais lenta. 

---

Tendo em vista isso:

• Ainda é possível personalizar esta parte:
  https://i.imgur.com/u09Zqmw.png
  Utilizando CSS.

Como o senhor deseja prosseguir?

Até mais.

Olá @Luiz~ , sim desejo prosseguir, se pudesse me ajudar ficarei agradecido.

Quanto à personalização usando CSS, o que poderemos fazer para o senhor?

Até mais.

https://i.imgur.com/u09Zqmw.png

O nome do tópico está bagunçado
O perfil do player também: https://i.imgur.com/9fj2NWh.png
E alguns tópicos ficam assim além da table ficar pequena: https://i.imgur.com/Ze5eBWZ.png

Olá,

Penso que o Ajax não pega todos os estilos e javascripts que estão disponíveis somente nos tópicos. Isso faz com que seja necessário um enorme trabalho para contornar tal situação. O que torna inviável refazer isso com CSS.
Creio que este problema não aconteça no fórum do while por outras razões, dentre elas o fato do tema dele ser completamente diferente do seu.

Alguns UP's mais antigos deste tópico foram apagados para "despoluir".

Fica à seu critério manter este tópico aberto, fazendo UP's, ou arquivá-lo, visto que não sei se uma solução será apresentada.

Até mais.

Bom, visto que não ficaria como imaginei irei dar como resolvido :/
Agradeço pelo atendimento.

Situação chata...

---

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