• 0k
  • 0
Web Design \ 23 de abril de 2013

Dicas de Web Design – Usando Um Efeito de Imagens Divididas

Hoje queremos mostrar-lhe um pequeno truque que a maioria dos usuários Wix não conhece – dividir uma foto em várias imagens e usá-la como um menu. Veja aqui como fica o resultado desse efeito.

Este efeito nada mais é do que uma alternativa moderna ao menu de navegação. É uma ótima maneira de dar um “upgrade” numa galeria de fotos ou página de serviços, ou mesmo na sua página inicial. O que vamos mostrar é como pegar uma imagem, dividi-la em quatro partes iguais e, em seguida, ligá-las à diferentes páginas do seu site. Claro que você pode fazer o mesmo com mais de quatro imagens – apenas certifique-se de configurar a galeria corretamente.

Para dividir a imagem de maneira uniforme, usamos uma ferramenta online chamada Image Splitter (Divisor de Imagem). Tudo o que você precisa fazer é carregar a foto que você quer dividir, digitar o número de partes que você deseja receber e o Image Splitter vai baixá-los para o seu computador como um arquivo zip.

Passo-a-Passo

  • Visite o Image Splitter e divida a sua foto em várias partes.
  • No Editor Wix HTML5, abra o template que você quer usar

  • Crie as páginas que você quer conectar às imagens divididas. Nesta etapa, uma página temporária irá servir – por hora, só precisamos dos links

  • Prepare a página onde você quer inserir a imagem dividida. Garanta que exista espaço suficiente nela.
  • Clique em Adicionar > Galeria > Grid

  • Nas configurações da galeria, selecione 2 colunas e 2 linhas
  • Na opção “Quando clicar em uma imagem”, selecione o modo “Ir para o link especificado”

  • Clique em “Organizar Imagens”

  • Arrume a ordem das imagens até conseguir o efeito desejado
  • Agora clique em cada uma das imagens para editar a sua configuração – adicione Títulos e Descrições

  • Clique no campo “Link para”, selecione a opção “Página” e escolha a página correta

  • Após configurar todas as imagens individuais, você pode editar o design da galeria em si – clique na galeria e selecione a opção “Trocar Estilo”

Pronto! Você acabou de adicionar um efeito super moderno ao seu site Wix!


Receba o Blog do Wix
no conforto da sua casa!

Assine o Wix Blog e não perca nenhuma novidade!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email

Aproveite! \ 

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e o Wix!

Opa, esse não é um email válido.

Opa, esse não é um email válido. Email already exists

Opa, esse não é um email válido. Invalid email