Visualização do tópicos

3 participantes

Ir para baixo

Tópico resolvido Visualização do tópicos

Mensagem por iScroll 12.03.17 14:58

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á
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por while 12.03.17 17:23

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 12.03.17 18:46

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
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 13.03.17 20:30

UP
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por while 15.03.17 23:46

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.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 16.03.17 2:21

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.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por while 17.03.17 0:56

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
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 17.03.17 1:10

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
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por Luiz 21.03.17 22:01

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:
Como o senhor deseja prosseguir? Feliz

Até mais.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 21.03.17 22:18

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:
Como o senhor deseja prosseguir? Feliz

Até mais.

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

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por Luiz 21.03.17 22:20

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

Até mais.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 21.03.17 22:41

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
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por Luiz 08.04.17 1:54

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

Até mais. Tchau
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por iScroll 08.04.17 2:02

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

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualização do tópicos

Mensagem por Luiz 08.04.17 2:07

Situação chata... Triste

---
Visualização do tópicos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos