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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Problemas ao editar
Hoje à(s) 10:24 am por Ketholy123

» Menu Mensagem Privada
Hoje à(s) 10:06 am por Ketholy123

» Colocar um tópico ligado a dois sub forums
Hoje à(s) 10:02 am por Ketholy123

» Notificação de novas mensagens
Hoje à(s) 06:35 am por IsmaelS.

» Atualizar status
Hoje à(s) 06:30 am por IsmaelS.

» Dúvida Smiles
Hoje à(s) 12:41 am por Ketholy123

» Visibilidade das imagens e endereços /site apenas para os usuários registados
Ontem à(s) 10:59 pm por Ketholy123

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
T1ag0
 

Quem está conectado
226 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 221 Visitantes :: 2 Motores de busca

Dr., DustyRhodes, Ketholy123, Philopannyx, Railison Ramon

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Redimensionamento de imagem

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

Resolvido Redimensionamento de imagem

Mensagem por Appoloz em 18/01/17, 09:50 am

Detalhes da questão


Endereço do fórum: http://rpg-narutoworld.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Atualmente as imagens redimensionam normalmente com o codigo:

Código:
/* redimensionamento */
.pun .postbody img {
          max-width: 640px;
          max-height: 480px;
        }

mas não há aquela opção de "clique para ver em tamanho original" e então abre uma nova janela para poder ver a imagem em seu tamanho original
gostaria de fazer que nem no da forumeiros, onde você clica e abre uma "janela sobreposta" na página, ou seja, sem abrir aba nova no navegador


Última edição por Appoloz em 19/01/17, 10:08 pm, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz em 18/01/17, 11:13 am



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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5126
Pontos Ativos : 5939

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em 18/01/17, 12:55 pm

Agora ele abre em uma nova aba se eu clico, gostaria de que abrisse apenas na mesma página, deixando o fórum em segundo plano.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em 19/01/17, 01:04 pm

up
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz em 19/01/17, 02:23 pm

Olá.
Retire o JavaScript que lhe passei anteriormente.
Adicione este CSS (ao topo de sua folha de estilo):
Código:
.entry-content img:hover {
    cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
    max-width: 100%;
    }
    .entry-content img {
    max-width: 250px;
    transition: all ease-out .2s;
    }

Resulta?
Até mais. 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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5126
Pontos Ativos : 5939

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em 19/01/17, 03:39 pm

Não resultou
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz em 19/01/17, 03:44 pm

Olá. Tente esse:
Código:
.pun .postbody img:hover {
    max-height: none!important;
    max-width: none!important;
    width: VALORpx!important;
    height: VALORpx!important;
}

Lembre-se de retirar o código que te passei anteriormente.

Com esse código, iremos "forçar" que quando a imagem esteja em modo hover, ela mude sua altura e largura.
Personalize à seu gosto os campos:
• "width" -> largura da imagem;
• "height" -> altura da imagem.

Este resulta? =p
Até mais. 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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5126
Pontos Ativos : 5939

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em 19/01/17, 04:45 pm

Resultou, estamos quase lá!
O problema é que se a imagem for maior que o tamanho do tópico, ela fica cortada, como faço para ela abrir que nem aqui no fdf?
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz em 19/01/17, 04:56 pm

Em tese, era para ser o que diz neste tutorial:
-> http://ajuda.forumeiros.com/t93872-tutorial-efeito-lightbox-para-imagens-nos-topicos

Tente instalá-lo novamente.
(Com investimento em todas as páginas).

Resulta?
Até mais. De bem com a vida


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5126
Pontos Ativos : 5939

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em 19/01/17, 05:48 pm

avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz em 19/01/17, 05:53 pm

Ok.
Retire o CSS que lhe passei anteriormente, bem como o JavaScript.

Adicione este CSS:
Código:
.pun .postbody .entry-content img:hover{
width:LARGURA;
height:ALTURA;
max-width:none!important;
max-height:none!important;
position:absolute!important;
left: 10%;
right: 10%;
}

.pun .postbody .entry-content img {transition:0.5s;}

---

Modificações no código:
width:LARGURA; -> Modifique "LARGURA" pelo valor que você quer que a largura da imagem em modo hover fique.
height:ALTURA; -> Modifique "ALTURA" pelo valor que você quer que a altura da imagem em modo hover fique.

Resulta? Piscada
Até mais.


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5126
Pontos Ativos : 5939

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em 19/01/17, 06:30 pm

Não resultou, pretendo deixar como está, obrigado.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz em 19/01/17, 06:37 pm

A questão encontra-se resolvida?


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5126
Pontos Ativos : 5939

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Redimensionamento de imagem

Mensagem por Kyo Panda em 20/01/17, 08:18 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

Ver perfil do usuário 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