Pré-visualização do tópico em hover

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

Atendido / Resolvido Pré-visualização do tópico em hover

Mensagem por Try em 15.07.18 13:28

Detalhes da questão


Endereço do fórum: http://kings1.forumeiros.com
Versão do fórum: phpBB3

Descrição


Bom dia a todos Membros do forumeiros,E sobre um tutorial a qual encontrei aqui no fórum sobre visualização da pagina em modo Hover,Só que eu observei qui ele e bem limitado em questão de visualização de conteúdo,Eu modifiquei no max-height e no max-width ele simplesmente  bugou e ficou na  lateral,A minha questão existe a possibilidade de expande ele  e centralizar mais ? (Observação Meu conhecimento e básico)


Tutorial a qual encontrei:
https://ajuda.forumeiros.com/t90653-tutorial-visualizar-topico-em-modo-hover


Imagem com Width e Height ja modificado:


Pré-visualização do tópico em hover Tumblr_pbwqiaxwhB1vcqqsxo1_1280
Try

Try
Nível 5

Masculino
Inscrito dia : 30/05/2016
Mensagens : 58
Pontos Ativos : 90

http://kings1.forumeiros.com http://kings1.forumeiros.com

Atendido / Resolvido Re: Pré-visualização do tópico em hover

Mensagem por Pedxz em 15.07.18 13:53

Olá @Try,
Preciso só de uma informação que medidas você quer usar (Width & Height)?

Até mais,
pedxz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3337
Pontos Ativos : 3987

https://power-pixel.net

Atendido / Resolvido Re: Pré-visualização do tópico em hover

Mensagem por Try em 15.07.18 14:04

assim eu modifiquei ele para  1000x700 e ele bugou, eu queria ele tipo grande para visualizar mais o conteúdo.
Try

Try
Nível 5

Masculino
Inscrito dia : 30/05/2016
Mensagens : 58
Pontos Ativos : 90

http://kings1.forumeiros.com http://kings1.forumeiros.com

Atendido / Resolvido Re: Pré-visualização do tópico em hover

Mensagem por Pedxz em 15.07.18 14:36

Mude para:
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://i.imgur.com/gdvRoFW.png"/>' +
          '</a>'
        );
        $('.preview_topic').click(function () {
            var url = this.previousSibling.href;
            $('body').prepend(
              ' <style>.popupWrapper {' +
              ' box-sizing: border-box;' +
              ' 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: 30px;' +
              ' right: 30px;' +
              ' margin: 0 auto !important;' +
              ' height: auto;' +
              ' max-height: 100%;' +
              ' min-width: 90%;' +
              ' overflow: auto;' +
              ' padding: 4px;' +
              ' position: fixed !important;' +
              ' top: 100px;' +
              ' bottom: 30px;' +
              ' } </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 diga-me se está melhor a visualização Muito feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3337
Pontos Ativos : 3987

https://power-pixel.net

Atendido / Resolvido Re: Pré-visualização do tópico em hover

Mensagem por Try em 15.07.18 14:58

Cara  já falaram que você e o cara ? simplesmente  F*%$#  parece que você tirou da minha cabeça  ficou Ótimo gostei muito do tamanho que ficou agradeço muito,Pode fecha o tópico
Try

Try
Nível 5

Masculino
Inscrito dia : 30/05/2016
Mensagens : 58
Pontos Ativos : 90

http://kings1.forumeiros.com http://kings1.forumeiros.com

Atendido / Resolvido Re: Pré-visualização do tópico em hover

Mensagem por Pedxz em 15.07.18 15:07

Obrigado, obrigado @Try Ops... fiquei sem graça

Título alterado de '[Javascript] Vizualização Modo Hover' para 'Pré-visualização do tópico em hover'
@Pedxz

Tópico resolvido



Movido para "Questões resolvidas".


Última edição por RafaelS. em 15.07.18 15:27, editado 2 vez(es) (Razão : Alterar título)


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3337
Pontos Ativos : 3987

https://power-pixel.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum