
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.
<p>
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:
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.