Imagem expandivel

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

Resolvido Imagem expandivel

Mensagem por pecktovit em 18/10/11, 05:07 pm

Qual é minha questão:
Quero saber como faço para criar uma imagem expandivel igual a essa:
( http://img835.imageshack.us/img835/2586/semttulo2bx.png )


E se desse queria fazer um outro pedido nesse mesmo exemplo, Tipo como insir uma nova bbcode para por isso, tipo "[enlarge][/enlarge]".

Ja que no tópico que vi isso ( http://forums.transformice.com/showthread.php?t=19997 ) - fora do forumeiros.

A tag era: [thumbnail][/thumbnail]

bom galera espero respostas.
VLW...
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por Consolado em 18/10/11, 08:26 pm

Olá!

Painel de Controle -> Geral -> Mensagens e e-mails -> Configuração
Procure pelo campo " Redimensionamento de imagens :" e defina as dimensões necessárias para que a mesma se torne "expandivel".

Atenciosamente!


Última edição por Today em 18/10/11, 09:08 pm, editado 1 vez(es)
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 18/10/11, 08:31 pm

NÃO É EXATAMENTE ISSO, ISSO EU SEI FAZER, MAS TIPO, TEM COMO EU COLOCAR PARA POR UM BOTÃO, TIPO, SEM ESSE "VER TAMANHO REAL", E OUTRA COISA, CRIAR EM UMA OUTRA BBCODE

SE NÃO DER PARA CRIAR EM OUTRA BBCODE, TIPO, SE FOR ATÉ: 640X480 Continue sem o "redimencionador" ja se utrapassar esse limite, vire uma miniatura que eu escolha (tipo se a imagem for 740x580 ai vira uma miniatura de 640x480 e quando clicar nela, que se expansa até o limite do fórum (que não passe da linha, ai do lado teria (tipo, no lugar de "ver em tamanho real" poderia ter, mas que abrisse o link real da imagem e não o link hospedado pelo forumeiros.) ty.
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por '-Hobby-' em 18/10/11, 08:51 pm

@pecktovit escreveu:NÃO É EXATAMENTE ISSO, ISSO EU SEI FAZER, MAS TIPO, TEM COMO EU COLOCAR PARA POR UM BOTÃO, TIPO, SEM ESSE "VER TAMANHO REAL", E OUTRA COISA, CRIAR EM UMA OUTRA BBCODE

SE NÃO DER PARA CRIAR EM OUTRA BBCODE, TIPO, SE FOR ATÉ: 640X480 Continue sem o "redimencionador" ja se utrapassar esse limite, vire uma miniatura que eu escolha (tipo se a imagem for 740x580 ai vira uma miniatura de 640x480 e quando clicar nela, que se expansa até o limite do fórum (que não passe da linha, ai do lado teria (tipo, no lugar de "ver em tamanho real" poderia ter, mas que abrisse o link real da imagem e não o link hospedado pelo forumeiros.) ty.

Olá!

Porfavor não coloque o Caps Lock...

Acho que existe um código Css, não me lembro...
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Imagem expandivel

Mensagem por Consolado em 18/10/11, 09:07 pm

Olá!

É assim que pretende?
Código:
a.fullsize {
color: transparent !important;
background-image: url('http://img257.imageshack.us/img257/2408/redp.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
.resize {
color: transparent !important;
background-image: url('http://img689.imageshack.us/img689/8599/redi.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
Adicione o código em:
Painel de Controle -> Visualização -> Imagens e cores -> Cores / Folha de estilos CSS

Atenciosamente!

Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre a aparência do fórum'
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 18/10/11, 10:31 pm

Eu testei e pegou mas tipo é aparti desse ai, so que tipo, tem como tirar essa barra branca, e por esses icones:

{ http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20in.png }


{ http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20out.png }

e outra coisa, e quando não está com zoom fica "Expandir esta imagem" e não o ícone que eu pus, e tipo eu troquei as imagens e pus os icones e os icones so apareceu a metade, então queria 3 coisas:

• Tirar a "barra de fundo" de onde fica o texto

• Adicionar os ícones que já estão ai emcima (o que eu postei agora) e tirar o bug que a imagem fique pela metade

• Resolver o bug de quando ta sem zoom fica escrito e não imagem


• E se der tirar aquele "visualizar em tamanho real"




Separei uma imagem para você ver

Em caso de bug: http://img842.imageshack.us/img842/7103/semttulo1snz.png

1 > O bug do "sem zoom", não aparece a imagem e sim o texto normal

2 > O ícone do "com zoom" aparece, so que bugado

3 > Se possivel tirar aquele texto "Ver em tamanho real"

4 > Não é o "ver em tamanho real", sabe essa barra branca atrás, quero remove-la também.
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por '-Hobby-' em 18/10/11, 10:53 pm

Olá!

Tente:
Código:

a.fullsize {
color: transparent !important;
background-image: url('http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20in.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
.resize {
color: transparent !important;
background-image: url('http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20out.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}

Resolve?
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 20/10/11, 02:17 pm

@'-Hobby-' escreveu:Olá!

Tente:
Código:

a.fullsize {
color: transparent !important;
background-image: url('http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20in.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}
.resize {
color: transparent !important;
background-image: url('http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20out.png');
background-repeat: no-repeat;
height: 20px;
width:130px;
}

Resolve?

Mais ou menos... so 1 coisa funcinou
3 > Se possivel tirar aquele texto "Ver em tamanho real"

O resto continua o mesmo. (em relação ao post anterior que eu fiz)
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 20/10/11, 10:36 pm

UP?
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por Luciano98 em 21/10/11, 08:21 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
span.resizebox[style="width:500px"] a.enlarge{color:transparent!important;display:block!important}span.resizebox.enlarged a.resize{color:transparent!important;display:block!important;background-image:url(http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20out.png);background-repeat:no-repeat}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 23/10/11, 02:14 pm

Cara fica a mesma coisa, tipo eu resolvi criar uma imagem para você ver como é o que eu quero que faça.



Ai quando clicar ele aumente e quando clicar de novo ele volte pro normal. bem era isso, se possível me manda o código CSS/JAVA/HTML que faça isso.
.
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 24/10/11, 03:59 pm

Alguem?
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por Firenando em 24/10/11, 04:47 pm

Espera um admin, pois isso nao é facil :S
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 24/10/11, 07:01 pm

Fire_Hell escreveu:Espera um admin, pois isso nao é facil :S

Já espero a 7 dias... aguardando .... (x_X) algum moderador pode vim aqui e responder se é possivel adicionar isso:

so quero saber isso, se não, algo parecido, bem espero ...


Última edição por pecktovit em 24/10/11, 07:09 pm, editado 1 vez(es)
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por '-Hobby-' em 24/10/11, 07:07 pm

Fire_Hell escreveu:Espera um admin, pois isso nao é facil :S

Olá!

As imagens, apareceram, mas, aqueles nomes: "Ver imagens em tamanhos reais" , acho que não dará para alterar!
avatar

'-Hobby-'
Usuário avançado

Masculino
Inscrito dia : 15/10/2011
Mensagens : 317
Pontos Ativos : 373

Ver perfil do usuário http://www.hobby-forum.top-forum.net

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 24/10/11, 07:10 pm

@'-Hobby-' escreveu:
Fire_Hell escreveu:Espera um admin, pois isso nao é facil :S

Olá!

As imagens, apareceram, mas, aqueles nomes: "Ver imagens em tamanhos reais" , acho que não dará para alterar!

Sim mas as imagens fica meio que bugada, eu fiz uma mensagem acima, vê se da para fazer isso, pode deixar as coisas só mudar o icone, porque o icone fica entre a barra branca de fundo e embaixo/por tras da imagem
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 31/10/11, 02:39 pm

UP;;
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

Resolvido Re: Imagem expandivel

Mensagem por Fukuller em 05/11/11, 09:57 am

Javascript:
Código:
jQuery(function(){
jQuery(".enlarge").html('<img src="_IMAGEM_EXPANDIR_" alt="expandir">');
jQuery(".resize").html('<img src="_IMAGEM_REDUZIR_" alt="reduzir">');
});
_IMAGEM_EXPANDIR_ = Link da imagem "expandir"
_IMAGEM_REDUZIR_ = Link da imagem "reduzir"

Cole em:
Painel de controle > Módulos > HTML & JavaScript > Gestão das páginas JavaScript

AVISO: Não remova os outros códigos.

EDIT: acho que precisará de uma edição no script da forumeiros
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

Ver perfil do usuário http://estrangenero.forumeiros.com/

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 05/11/11, 02:27 pm

Não funcionou... Triste
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum
  • 0

Resolvido Re: Imagem expandivel

Mensagem por Fukuller em 05/11/11, 02:39 pm

@pecktovit escreveu:Não funcionou... Triste

mas ao menos trocou os ícones?

EDIT: Consegui fazer funcionar (mesmo demorando um pouco para carregar os ícones)
Código:
jQuery(function(){
setTimeout("changeImages()",7000);
});

function changeImages() {
jQuery(".enlarge").html('<img src="http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20in.png" alt="expandir" class="enlarge">');
jQuery(".resize").html('<img src="http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20out.png" alt="reduzir" class="resize">');
}
avatar

Fukuller
Usuário destaque

Feminino
Inscrito dia : 11/04/2010
Mensagens : 934
Pontos Ativos : 1318

Ver perfil do usuário http://estrangenero.forumeiros.com/

Resolvido Re: Imagem expandivel

Mensagem por pecktovit em 05/11/11, 05:11 pm

AEEEE funfou Feliz)) MUITOOOOOOO OBRIGADO, DEPOIS DE SECULOS VOCÊ É O CARA MANO ! Muito oBRIGADO funcinou perfeitamente (:
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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