Imagem expandivel

+2
Consolado
pecktovit
6 participantes

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

Tópico resolvido Imagem expandivel

Mensagem por pecktovit 18.10.11 20:07

Qual é minha questão:
Quero saber como faço para criar uma imagem expandivel igual a essa:
( https://2img.net/r/ihimizer/img835/2586/semttulo2bx.png )
Imagem expandivel Semttulo2bx

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

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por Consolado 18.10.11 23:26

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 19.10.11 0:08, editado 1 vez(es)
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 18.10.11 23:31

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

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por '-Hobby-' 18.10.11 23:51

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...
'-Hobby-'

'-Hobby-'
****

Membro desde : 16/10/2011
Mensagens : 317
Pontos : 374

http://www.hobby-forum.top-forum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por Consolado 19.10.11 0:07

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'
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 19.10.11 1:31

Eu testei e pegou mas tipo é aparti desse ai, so que tipo, tem como tirar essa barra branca, e por esses icones:
Imagem expandivel Zoom%20in
{ http://cdn2.iconfinder.com/data/icons/drf/PNG/zoom%20in.png }

Imagem expandivel Zoom%20out
{ 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
Imagem expandivel Semttulo1snz
Em caso de bug: https://2img.net/r/ihimizer/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.
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por '-Hobby-' 19.10.11 1:53

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?
'-Hobby-'

'-Hobby-'
****

Membro desde : 16/10/2011
Mensagens : 317
Pontos : 374

http://www.hobby-forum.top-forum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 20.10.11 17:17

'-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)
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 21.10.11 1:36

UP?
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem expandivel

Mensagem por Luciano98 21.10.11 23:21

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 23.10.11 17:14

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

Imagem expandivel Semttulo1du

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

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 24.10.11 18:59

Alguem?
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por Firenando 24.10.11 19:47

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

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 24.10.11 22:01

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: Imagem expandivel Semttulo1du

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


Última edição por pecktovit em 24.10.11 22:09, editado 1 vez(es)
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por '-Hobby-' 24.10.11 22:07

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!
'-Hobby-'

'-Hobby-'
****

Membro desde : 16/10/2011
Mensagens : 317
Pontos : 374

http://www.hobby-forum.top-forum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 24.10.11 22:10

'-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
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 31.10.11 16:39

UP;;
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por Fukuller 05.11.11 11:57

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
Fukuller

Fukuller
Membro

Membro desde : 12/04/2010
Mensagens : 934
Pontos : 1318

http://estrangenero.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 05.11.11 16:27

Não funcionou... Triste
pecktovit

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem expandivel

Mensagem por Fukuller 05.11.11 16:39

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">');
}
Fukuller

Fukuller
Membro

Membro desde : 12/04/2010
Mensagens : 934
Pontos : 1318

http://estrangenero.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem expandivel

Mensagem por pecktovit 05.11.11 19:11

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

pecktovit
***

Membro desde : 09/06/2011
Mensagens : 174
Pontos : 322

http://transfor-mj.forumeiros.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos