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

Esqueci minha senha

Últimos assuntos
» Bug nos modelos de postagem.
Hoje à(s) 17:24 por Luiz~

» Melhorar a popularidade do fórum
Hoje à(s) 17:24 por Luiz~

» Modificação nos ranks
Hoje à(s) 17:23 por Luiz~

» Apenas o Dono ve os templates
Hoje à(s) 17:23 por Luiz~

» Barra de posts
Hoje à(s) 17:22 por Luiz~

» Criar uma página HTML para menu
Hoje à(s) 17:20 por Luiz~

» Logo Móvel
Hoje à(s) 17:06 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
288 usuários online :: 10 usuários cadastrados, 1 Invisível e 277 Visitantes :: 2 Motores de busca

Connor R., iScroll, Jefferson105, Kyo Panda, Luiz~, Oliver Miller, PESS_dodo, Shek Crowley, Thomazinny, YouTube3

[ Ver toda a lista ]


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

Redimensionamento de imagem

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

Resolvido Redimensionamento de imagem

Mensagem por Appoloz em Qua 18 Jan 2017 - 11:50

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 Sex 20 Jan 2017 - 0:08, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz~ em Qua 18 Jan 2017 - 13:13

avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1126
Pontos Ativos : 2053

http://ajuda.forumeiros.com/forum

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em Qua 18 Jan 2017 - 14:55

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 : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em Qui 19 Jan 2017 - 15:04

up
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz~ em Qui 19 Jan 2017 - 16:23

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
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1126
Pontos Ativos : 2053

http://ajuda.forumeiros.com/forum

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em Qui 19 Jan 2017 - 17:39

Não resultou
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz~ em Qui 19 Jan 2017 - 17:44

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
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1126
Pontos Ativos : 2053

http://ajuda.forumeiros.com/forum

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em Qui 19 Jan 2017 - 18:45

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 : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz~ em Qui 19 Jan 2017 - 18:56

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
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1126
Pontos Ativos : 2053

http://ajuda.forumeiros.com/forum

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em Qui 19 Jan 2017 - 19:48

Não resulta, olha como está:

http://narutoworld.com.br/t498-teste-template#3148
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz~ em Qui 19 Jan 2017 - 19:53

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

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1126
Pontos Ativos : 2053

http://ajuda.forumeiros.com/forum

Resolvido Re: Redimensionamento de imagem

Mensagem por Appoloz em Qui 19 Jan 2017 - 20:30

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

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 392
Pontos Ativos : 2482

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Redimensionamento de imagem

Mensagem por Luiz~ em Qui 19 Jan 2017 - 20:37

A questão encontra-se resolvida?
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1126
Pontos Ativos : 2053

http://ajuda.forumeiros.com/forum

Resolvido Re: Redimensionamento de imagem

Mensagem por Kyo Panda em Sex 20 Jan 2017 - 10:18

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. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2884
Pontos Ativos : 6066

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