Molduras e efeitos em imagens

Coloque molduras e efeitos de sombra em suas imagens de modo fácil com estes shortcodes. Veja abaixo alguns exemplos:

Exemplo de moldura simples

Exemplo de moldura com link:
 

Ver código
Exemplo de moldura que abre a imagem, com zoom, ao clicar:

Ver código
Exemplo de moldura que não tem ação ao clicar:

Ver código

Exemplo de imagem com reflexo

Exemplo de moldura com link:
 

Ver código
Exemplo de moldura que abre a imagem, com zoom, ao clicar:

Ver código
Exemplo de moldura que não tem ação ao clicar:

Ver código

Exemplo de imagem com sombra

Exemplo de moldura com link:
 

Ver código
Exemplo de moldura que abre a imagem, com zoom, ao clicar:

Ver código
Exemplo de moldura que não tem ação ao clicar:

Ver código

Exemplo de imagem com borda transparente

Exemplo de moldura com link:
 

Ver código
Exemplo de moldura que abre a imagem, com zoom, ao clicar:

Ver código
Exemplo de moldura que não tem ação ao clicar:

Ver código

Exemplo de imagem com borda e sombra

Exemplo de moldura com link:
 

Ver código
Exemplo de moldura que abre a imagem, com zoom, ao clicar:

Ver código
Exemplo de moldura que não tem ação ao clicar:

Ver código

Exemplo de imagem com sombra e reflexo

Exemplo de moldura com link:
 

Ver código
Exemplo de moldura que abre a imagem, com zoom, ao clicar:

Ver código
Exemplo de moldura que não tem ação ao clicar:

Ver código

Alinhamento das imagens

Alinhamento da imagem à esquerda

Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui.

Ver código

Alinhamento da imagem à direita

Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui.

Ver código

Alinhamento da imagem ao centro

Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui. Escreva aqui o seu conteúdo. Este texto é apenas para demonstrar o uso do espaço, você deve inserir o seu conteúdo aqui.

Ver código
PARÂMETRO OPÇÕES
Estilo framed, reflect,shadow, border, framed_shadow ou reflect_shadow
Alinhar esquerda, direita, ou centro
Altura -
Largura -
Alt alt texto
Title title texto
prettyphoto “falso” para desabilitar prettyphoto
link_to “falso” para desabilitar link na imagem

Para saber como inserir os Shorcodes em sua página consulte este link.

 

Código desta página

    No Twitter Messages