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
» [Plugin] Criar tags bbcode
Hoje à(s) 04:12 am por STBWº

» Pintar ícones
Hoje à(s) 02:49 am por Cannabis._.

» Aumentar a fonte do título da mensagem
Ontem à(s) 10:51 pm por rlmac

» Botão do Menu que Redireciona para Links Aleatórios
Ontem à(s) 10:44 pm por Br_SP_Rodrigo

» tem, certificado ssl gratuito?
Ontem à(s) 10:00 pm por Luiz~

» Tem como tirar esse nome?
Ontem à(s) 09:39 pm por Luiz~

» Informações tooltip
Ontem à(s) 09:21 pm por Ramon Rodrigues

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Shek
 
Kyo Panda
 
Chrono Trigger
 
Harleen
 
Sennior
 
CAI0
 
Br_SP_Rodrigo
 
admin186
 
rlmac
 

Quem está conectado
206 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 204 Visitantes :: 1 Motor de busca

rcnovalski, STBWº

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

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

Resolvido Re: Redimensionamento de imagem

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



Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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

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

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

Resolvido Re: Redimensionamento de imagem

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

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 : 611

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.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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

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?


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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. 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 : 3499
Pontos Ativos : 4759

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