Si vous cherchez à égayer votre site Web sans créer de programmation personnalisée, vous pouvez utiliser quelques codes HTML sympas pour apporter de l’excitation à une page. Ces codes permettront non seulement de faire ressortir votre site, mais également de lui donner un avantage professionnel.
Table des matières
12 codes HTML sympas
Si vous n’êtes pas assez averti pour écrire votre propre code HTML, il existe de nombreux endroits en ligne qui offrent des codes gratuits et sans restriction à copier et coller dans vos propres pages Web. Cependant, avant de copier les codes, assurez-vous de lire et de comprendre les conditions d’utilisation du site, car certains propriétaires de sites veulent une reconnaissance des codes utilisés, y compris un lien de retour de votre site vers le leur. Vérifiez ces codes HTML sympas qui produisent des effets intéressants.
1. Compte à rebours jusqu’à une date précise
Créez un compte à rebours pour un site Web avec le code trouvé sur Computer Hope. Insérez une date personnalisée dans le code pour que l’affichage compte à rebours jusqu’à une date spécifique. Assurez-vous de changer la date en gras en votre date personnalisée.
aujourd'hui = nouvelle date ();
BigDay = nouvelle date ("25 décembre 2020");
msPerDay = 24 * 60 * 60 * 1000;
timeLeft = (BigDay.getTime () - today.getTime ());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor (e_daysLeft);
e_hrsLeft = (e_daysLeft - daysLeft) * 24;
hrsLeft = Math.floor (e_hrsLeft);
minsLeft = Math.floor ((e_hrsLeft - hrsLeft) * 60);
document.write ("Il ne reste que
" + daysLeft + "days" + hrsLeft + "heures et" + minsLeft + "minutes
Jusqu'au 25 décembre 2020");
2. Créer une petite fenêtre contextuelle
Créez un nouveau site Web dans une petite fenêtre avec ce code pratique trouvé sur Computer Hope.
function NAME_IT () {window.open ('http://www.computerhope.com/cgi-bin/search.cgi','EANITHING','toolbar=no,location=no, directory = no, status = yes, barre de menus = non, redimensionnable = oui,
copyhistory = no, scrollbars = no, width = 300, height = 300 ');}
3. Puces colorées pour la liste
Big Nose Bird propose un code qui vous permet d'avoir des puces colorées pour votre liste, plutôt que les puces noires les plus couramment utilisées.
- Ceci est le premier élément
- Ceci est le deuxième élément
- Ceci est le troisième élément
4. Rendez votre texte rebondissant
Donnez un peu de rebond à votre ligne de sélection avec ce code de Comment créer un site Web.
5. Chapiteau
Marquee:
Exemple de code Love to Know
6. Marquee en zigzag
Vous pouvez également faire en sorte que votre ligne de sélection fasse un motif en zigzag.
7. Table colorée
En-tête de tableau 1 | En-tête de tableau 1 |
---|---|
Aime savoir, cellule 1 | Aime savoir, cellule 2 |
8. Ajouter de la musique à votre page
Ajouter une boîte ombrée:
9. Ajouter un message de bienvenue
10. Zone de saisie de texte colorée
Champ 1:
11. Champ de texte coloré avec bordure en pointillés
Exemple de texte Love to Know
12. Changer la couleur d'arrière-plan
Ce code est pour un fond pêche. Découvrez les codes de couleur d'arrière-plan sur HTML Goodies.
Ressources pour des codes HTML plus intéressants
Il existe de nombreuses autres ressources de code disponibles à utiliser. Voici des exemples d'endroits où plus d'options sont disponibles:
- Computer Hope: Ce site Web offre une aide informatique gratuite pour tout le monde et propose également trois codes HTML sympas que vous pouvez ajouter à votre site Web. La première concerne une invite de survol de la souris qui fait apparaître une boîte de dialogue lorsque l'utilisateur place sa souris sur un graphique ou un texte. Le site propose également un code pour sélectionner le code d'arrière-plan et un qui permet aux visiteurs de taper leur propre boîte de texte.
- Astuces Wild: Outre le HTML de base, Wild Tips propose également des codes intéressants, notamment du code qui rend le texte flou, a des ombres et d'autres effets. Le site Web propose également des codes HTML pour les chapiteaux et les effets photo.
- Big Nose Bird: Ce site Web propose des didacticiels, des scripts et des graphiques gratuits aux utilisateurs du site. Il contient également plusieurs pages d'astuces HTML sympas, y compris des démonstrations de tableaux colorés, des instructions pour utiliser efficacement une image d'arrière-plan forte et la création d'une liste déroulante répertoriant de nombreux pays différents.
- W 3 Écoles: Ce site fournit du code HTML qui permet aux utilisateurs d'envoyer des e-mails à partir d'un site avec plusieurs autres codes intéressants.
Personnalisez votre site avec des codes sympas
Si vous comprenez le codage Web, vous pouvez toujours expérimenter et trouver votre astuce. Si vous n'êtes pas un webmaster, vous pouvez toujours créer des sites attrayants et professionnels en utilisant des codes HTML intéressants comme ceux présentés ici. Vous pouvez ajouter à peu près n'importe quel type de code HTML à votre site Web, tant que vous n'utilisez pas de constructeur de site qui l'interdit. Certains des constructeurs de sites Web gratuits ne permettent pas l'utilisation de codes HTML, mais si vous utilisez un programme qui le permet, vous constaterez qu'il n'est pas difficile d'ajouter des fonctionnalités intéressantes à votre site.
Lisez plus d'astuces sur le design web ici, et n'oubliez pas de partager l'article sur Facebook !