Imagem expandivel

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 )


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

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!

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

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'

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

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

UP?

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores 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.

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

Alguem?

Espera um admin, pois isso nao é facil :S

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

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

UP;;

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

Não funcionou...

pecktovit escreveu:Não funcionou...

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

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