7 Effets frais de html que tout le monde peut ajouter à leur site web

sites Habilement conçus avec des effets décents et met en évidence soigneusement sélectionnés ne sont pas seulement agréable à voir, ils sont également fonctionnels et améliore l`expérience utilisateur.

Malheureusement, pas tout le monde a le don, le temps ou la liberté financière pour créer un site extraordinaire et sophistiqué avec CSS et ainsi de suite. Certains d`entre nous auront à vivre avec des pages HTML simples pour un peu plus longtemps.

En attendant, vous pouvez toujours profiter de simples effets cool HTML et des balises pour rendre l`information se démarquer avec style.

Peut-être que l`un d`entre eux est ce que vous avez cherché.

1. Tableizer!

Si vous avez un fichier Excel existant, Calc ou tout autre modèle de feuille de calcul, Tableizer! transformera vos données dans un tableau HTML en un tournemain. Le code HTML résultant peut facilement être ajouté à votre site Web. Bien sûr, ce n`est pas vraiment un effet HTML, mais il est tout à fait à portée de main.

Contribution:

Sortie:

Avec un peu de patience et d`édition des-couleurs de fond, vous pouvez le faire regarder beaucoup plus frais, par exemple par la coloration de la colonne bleue à gauche « index » aussi bien.

2. Scrollable zone de texte

Ceci est un effet utile, cool HTML dans le cas où vous voulez emballer longs extraits de texte dans un format compact, de sorte qu`il ne prend pas tout l`espace sur une page.

Contribution:

Sortie:

Vous pouvez jouer avec les couleurs et la taille de la zone de texte.

3. Texte surligné

Avec un simple balise HTML, vous pouvez ajouter une tonne d`effets à votre texte ou des images. Notez que certains ne peut fonctionner que dans IE et que je ne mentionner ceux qui travaillent avec IE et Firefox.

Contribution:

Votre texte ici.

Sortie:

Votre texte ici.

4. Ajouter une image de fond au texte

De même, vous pouvez changer la couleur de votre texte ou ajouter une image d`arrière-plan. Celui-ci ne devient vraiment excitant si votre texte a une taille assez grande, ce qui explique pourquoi j`ai aussi augmenté la taille de la police.

Contribution:

Sortie:

MakeUseOf présente ...

5. Ajouter Titre infobulle

Une pointe de l`outil de titre apparaît lorsque vous faites défiler avec la souris sur un morceau de texte « manipulé » ou des images. Vous savez ces images ou de texte lié. Voici comment vous pouvez ajouter celui-ci en texte brut.

Contribution:

Déplacez votre souris sur moi!

Video: Foie Gras & the Ethics of Force-Feeding: The Politics of Food

Sortie:

Déplacez votre souris sur moi!

6. Changer de fond / Couleur du texte

Choisir des couleurs que tout le monde aime est une entreprise difficile. En bref, il est impossible. Soit vous violez le goût personnel de quelqu`un ou vous une discrimination contre les personnes aveugles couleur. Si vous voulez être super correct, laissez simplement vos visiteurs changer les couleurs de fond et de texte sur votre site eux-mêmes.

Contribution:

noir Orange fuschia jaune clair vert cyan jaune rouge blanc - -Couleur de fond

noir Orange fuschia jaune clair cyan jaune rouge blanc - -Couleur du texte

Sortie:

Cette démonstration sera effectivement fonctionne pas ici, ce qui est pourquoi j`ai créé un exemple de travail de celui-ci sur cette page (le lien plus disponible).

7. Ajouter un Switchmenu

Les effets HTML les plus intéressants sont les effets HTML dynamiques. Cependant, ils sont souvent à base de scripts. Voici un effet pour les menus que je suis venu à adorer. Il est un peu plus compliqué que votre balise HTML avarage car il fonctionne avec une feuille de style et des scripts. L`avantage est que vous ne devez pas télécharger un fichier CSS ou d`un script pour le faire fonctionner, vous pouvez planter toutes les informations nécessaires dans le section de votre site Web.

Contribution:

Ajoutez le code suivant dans la section de votre page:

Et ce code va partout où vous voulez que le menu dynamique apparaisse.

Sortie:

Encore une fois, ce menu ne peut être démontré ici. Voici la source d`origine de cet effet dynamique HTML.

Pour plus balises, visiter plus HTML. Si vous avez intéressé par HTML dynamique, consultez Dynamic Drive pour des tonnes de scripts incroyables. Et enfin, ne pas oublier, que votre site est mieux apprécié quand il se charge rapidement. A cet égard, vous trouverez peut-être l`article de Guy sur 5 conseils HTML pour créer un site de chargement rapide très instructif.5 conseils HTML pour créer un chargement rapide Site gratuit5 conseils HTML pour créer un chargement rapide Site gratuitLire la suite

Quel est votre favori effet HTML sur votre ou tout autre site Web? S`il vous plaît partager avec nous!