7 Efeitos frescos html que qualquer um pode adicionar ao seu site

sites habilmente projetados com efeitos decentes e destaques cuidadosamente selecionados não são apenas bom para ver, eles também são funcionais e melhora a experiência do usuário.

Infelizmente, nem todos têm o dom, o tempo ou a liberdade financeira para criar um site extraordinário e sofisticado completa com CSS e outros enfeites. Alguns de nós só vai ter que viver com páginas HTML simples para um pouco mais.

Enquanto isso, você ainda pode querer tirar vantagem de, efeitos HTML legais simples e tags para tornar a informação se destacar com estilo.

Talvez um deles é o que você está procurando.

1. Tableizer!

Se você tem um Excel existente, Calc ou outro modelo de planilha, Tableizer! vai transformar seus dados em uma tabela HTML em um instante. O código HTML resultante pode ser facilmente adicionado ao seu site. Claro, isso não é realmente um efeito HTML, mas é bastante útil.

Entrada:

Saída:

Com um pouco de paciência e edição de fundo-cores que você pode fazer com que pareça muito mais frio, por exemplo, por colorir o mais à esquerda azul coluna “index” também.

2. Caixa de texto de rolagem

Este é um útil, legal efeito HTML no caso de você querer embalar longos trechos de texto em um formato compacto, de modo que ele não ocupa todo o espaço em uma página.

Entrada:

Saída:

Você pode jogar com as cores e o tamanho da caixa de texto.

3. Realçar texto

Com um simples tag HTML você pode adicionar uma tonelada de efeitos para suas texto ou imagens. Note-se que alguns só podem trabalhar no IE e que eu só estou mencionando aqueles que trabalham com o IE eo Firefox.

Entrada:

Seu texto aqui.

Video: Efeitos de Animação | Adicione efeitos de animação em seu site Wix

Saída:

Seu texto aqui.

4. Adicione a imagem em texto

Da mesma forma, você pode mudar a cor do seu texto ou adicionar uma imagem de fundo. Este só se torna realmente emocionante se o texto tem um tamanho grande o suficiente, o que é por isso que eu também aumentou o tamanho da fonte.

Entrada:

Video: Wix.com: Crie Um Site Grátis Hoje Mesmo

Saída:

MakeUseOf apresenta ...

5. Adicione Título Ferramenta Tip

Uma dica de ferramenta título surge quando você rola com o mouse sobre um pedaço de texto “manipulada” ou imagens. Você sabe que estes a partir de imagens ou texto vinculado. Aqui está como você pode adicionar um presente para texto simples.

Entrada:

Mover o mouse em cima de mim!

Saída:

Mover o mouse em cima de mim!

6. Mudança de fundo / cor do texto

Escolher cores que todo mundo gosta é um negócio difícil. Em suma, é impossível. Ou você vai violar gosto pessoal de alguém ou você vai discriminar cor indivíduos cegos. Se você quer ser super correta, simplesmente deixar seus visitantes mudar as cores de fundo e de texto em seu site si.

Entrada:

Preto laranja fuschia luz amarela verde ciano amarelo vermelho branco - -Cor de fundo

Preto laranja fuschia luz amarela ciano amarelo vermelho branco - -Cor do texto

Saída:

Esta demonstração realmente não vai funcionar aqui, é por isso que eu criei um exemplo de trabalho dele nesta página (o link já não está disponível).

7. Adicionar um Switchmenu

Os efeitos HTML mais emocionantes são efeitos HTML dinâmicos. No entanto, são muitas vezes roteiro baseado. Aqui é um efeito para menus que eu vim para adorar. É um pouco mais complicado do que o seu avarage tag HTML porque trabalha com uma folha de estilo e scripts. A vantagem é que você não tem que carregar um arquivo CSS ou script para fazê-lo funcionar, você pode plantar todas as informações necessárias para o seção de seu site.

Entrada:

Adicione o seguinte código no seção da sua página:

E este código vai para onde você deseja que o menu dinâmico para aparecer.

Saída:

Mais uma vez, este menu não pode ser demonstrada aqui. Aqui está a fonte original para este efeito HTML dinâmico.

Para mais etiquetas, visite extras HTML. Se você ficou interessado em HTML dinâmico, confira Dynamic Drive para toneladas de roteiros incríveis. E, finalmente, não se esqueça, que o seu site é melhor apreciado quando ele carrega rápido. Com este respeito, você pode encontrar o artigo de Guy on 5 dicas de HTML para criar um site Carregando Rápido muito informativo.5 dicas de HTML para criar uma rápida Carregando Free Website5 dicas de HTML para criar uma rápida Carregando Free Websiteconsulte Mais informação

Qual é o seu efeito HTML favorito em seu ou qualquer outro site? Por favor, compartilhe-o conosco!