Erreur 404, page non trouvée

Présentation

Pour éviter de perdre un utilisateur suite à une erreur HTTP 404, affichez une belle, originale et explicative page 404, avec ou sans animation

Utilisez un template gratuit et redirigez vos utilisateurs vers une page "réelle" de votre Site web

Je vous propose 33 solutions au

  1. De Bruyne KasperTemplate (JS) 
  2. De Haan DaveAnimation (JS) 
  3. Deluce StéphaneAnimation (JS) 
  4. Fuscaldo AntonioAnimation (CSS pur) 
  5. GaoryrtTemplate (HTML) 
  6. Hashenko VolodymyrAnimation (CSS et SVG animé) 
  7. Hazelton IanAnimation (CSS pur) 
  8. Hope ComeAnimation (CSS pur) 
  9. Ilter AdemAnimation (JS, StyleFix) 
  10. Laskar RiazAnimation (JS pur) 
  11. Laxenaire MartinTemplate (JS, threeJs) 
  12. Lepinard SylvainAnimation (CSS et SVG animé) 
  13. LucasRafaelaAnimation (JS, jQuery) 
  14. Malhotra PriyaAnimation (CSS pur) 
  15. Maragopoulos CononTemplate (CSS pur) 
  16. McNabb ScottAnimation (JS, StyleFix) 
  17. Mishra RishabhAnimation (JS) 
  18. Nakaya YusukeAnimation (CSS pur) 
  19. Net WikywareAnimation (JS) 
  20. Nixon RobertAnimation (CSS pur) 
  21. Palma YerkoAnimation (JS) 
  22. Radu BratanAnimation (CSS pur) 
  23. RuliwebAnimation (CSS quasi pur) 
  24. Teslia ValeriiaAnimation (CSS pur) 
  25. Thurston BrettAnimation (CSS,JS, jQuery) Nouveauté
  26. Tompkins JheyAnimation (JS) 
  27. Urbanski DamianAnimation (JS, jQuery) 
  28. Van Zyl NicoAnimation 3D (CSS pur) 
  29. Vineeth.T.RAnimation (CSS pur) 
  30. Vineeth.T.R 2Animation (CSS pur) 
  31. W3LayoutsTemplate (CSS pur) 
  32. Wee GabrielleAnimation (CSS pur) 
  33. Zaman AftabTemplate (CSS pur) 

 

Template gratuit de page 404 originale

De Bruyne Kasper

- Tout est parfait et à sa place !

Caractéristiques

  • CSS, JS
  • Animation : spationaute
  • Lien vers la home page
  • Menu hamburger
  • Bref, il y a tout mais le code est lourd : énormément de CSS et de JS

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

De Haan Dave

Caractéristiques

  • Javascript seul
  • Originaire de Grand Rapids, Michigan, USA
  • Animation : Éclairage par spots
  • Très original

Image cliquable pour voir la page 404

animation  simple en Javascript : template avec eclairage par spot

Références

Site web

[Créé / modifié] [22-11-2020 / 22-11-2020]

Deluce Stéphane

Caractéristiques

  • CSS, JS
  • Animation : Perdu dans les profondeurs un bras armé d'un panneau avertit de l'inexistence de la page
  • Les liens de redirection n'existent pas

Image cliquable pour voir la page 404

page  d'animation suite a une erreur 404

Références

Site web

[Créé / modifié] [13-12-2020 / 13-12-2020]

Fuscaldo Antonio

- Super car ultra simple !
- Mais il faut avoir connu les anciens messages d'erreur

Caractéristiques

  • CSS pur
  • Animation : La ligne de rafraîchissement de l'écrean cathodique
  • Les liens de redirection sont prévus

Image cliquable pour voir la page 404

animation d'une erreur 404 pour votre site web: rafraîchissement d'un écran à l'ancienne

Références

Site web

[Créé / modifié] [21-09-2020 / 21-09-2020]

Gaoryrt

- Il faut avoir connu les anciens messages d'erreur

Caractéristiques

  • HTML de base
  • Ici, ancien message DOS. Existe aussi pour W3X, W95 et W98
  • J'aime le "don't panic" dans cette présentation aussi authentique que sérieuse
  • Ultra simple à mettre en oeuvre

Image cliquable pour voir la page 404

page 404 à la façon de l'ancien système d'explitation DOS ou Windows 3X, ou encore Windows 95

Références

Site web

[Créé / modifié] [19-10-2020 / 19-10-2020]

Hashenko Volodymyr - Kharkiv, Ukraine

- Concept de page 404 svg animée, illustrée par Lina

Caractéristiques

  • Animation en CSS et SVG
  • Template très, voire trop animé
  • Parfaitement responsive
  • Manque le renvoi sur la home page
  • Site de l'auteur intéessant sur Dribbble mais les animations mettent un temps fou à se charger.

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

Page de l'auteur sur Dribbble

[Créé / modifié] [04-03-2021 / 04-03-2021]

Hazelton Ian

- Quel dommage qu'il ne soit pas responsive !

Caractéristiques

  • CSS, Normalize.css
  • Animation avec un bel effet de relief
  • Stockholm, Suède

Image cliquable pour voir la page 404

beau template de page 404 avec relief

Références

Site web

[Créé / modifié] [12-01-2021 / 12-01-2021]

Hope Come

Caractéristiques

  • CSS pur
  • Le cadre tourne autour du message
  • Pas de redirection, rien d'autre
  • Beijing, Chine
  • Ça a le mérite d'être clair

Image cliquable pour voir la page 404

page 404 avec cadre tournant autour du message d'erreur

Références

Site web

[Créé / modifié] [01-01-2021 / 01-01-2021]

Ilter Adem

Caractéristiques

  • CSS; JS, StyleFix
  • Animation : façon vieille télé cathodique en rupture d'image
  • Très original

Image cliquable pour voir la page 404

animation d'une page 404 : no signal télévisuel

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Laskar Riaz

Caractéristiques

  • Javascript seul
  • Originaire de Kolkata, West Bengal, India
  • Animation : Défilement et relief
  • Très original

Image cliquable pour voir la page 404

animation erreur 404 : template avec defilement et relief

Références

Site web

[Créé / modifié] [22-11-2020 / 22-11-2020]

Laxenaire Martin

- Pas responsive !

Caractéristiques

  • CSS, JS, threeJS.org
  • Superbe template
  • Déformation du '404' au passage de la souris
  • 'Page not found' en balise h2, donc facilement modifiable

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Lepinard Sylvain - Lyon

Caractéristiques

  • Animation en CSS et SVG
  • Beau template, reposant
  • Parfaitement responsive
  • Manque le renvoi sur la home page

Image cliquable pour voir la page 404

très beau template de page 404

Références

Site web

[Créé / modifié] [04-03-2021 / 04-03-2021]

Lucas Rafaela

- Très très complet !

Caractéristiques

  • CSS, jQuery, Parallax.min.js
  • Animation : Elle se déplace à l'inverse du curseur
  • Tout est prévu : Responsive avec adaptation; Bouton "j'y vais"; Place du Logo...

Image cliquable pour voir la page 404

animation d'une page 404 : scintillement annonçant la panne imminente de l'écran

Références

Site web

[Créé / modifié] [20-10-2020 / 20-10-2020]

Malhotra Priya

- J'aime beaucoup la simplicité apparente de la solution !

Caractéristiques

  • CSS pur
  • Animation : Simple mais tellement agréable

Image cliquable pour voir la page 404

animation d'une page 404 : scintillement annonçant la panne imminente de l'écran

Références

Site web

[Créé / modifié] [30-10-2020 / 30-10-2020]

MaragopoulosConon

Caractéristiques

  • CSS pur
  • Alexandroupolis, Grèce
  • Seulement du texte pour un site qui serait vraiment pas tout à fait fini
  • La même idée chez un autre auteur
  • Idée sympa. Ces deux auteurs ont l'honnêteté de dire qu'elle est empruntée

Image cliquable pour voir la page 404

erreur 404, texte en langage de programmation

Références

Site web

[Créé / modifié] [26-01-2021 / 26-01-2021]

McNabb Scott

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : façon l'affichage de l'écran n'en a plus pour longtemps
  • Fatigant à regarder, alors de là cliquer sur un lien...

Image cliquable pour voir la page 404

animation d'une page 404 : scintillement annonçant la panne imminente de l'écran

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Mishra Rishabh

Caractéristiques

  • CSS, JS
  • Animation : piratage informatique avec parasitage
  • Barre de commande ludique en bas à gauche : taper 'list' pour voir les options
  • Vite fatigant à regarder

Image cliquable pour voir la page 404

animation d'une page 404 : piratage informatique

Références

Site web

[Créé / modifié] [01-01-2021 / 01-01-2021]

Nakaya Yusuke

Caractéristiques

  • CSS pur
  • Animation : cube roulant
  • Idée marquante

Image cliquable pour voir la page 404

animation d'une page 404 : boite roulante

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Net Wikyware

Caractéristiques

  • CSS; JS
  • Le pain grillé surgit à l'affichage de la page. Puis une légère fumée s'échappe hors du grille-pain. AUtrement dit ; Vous êtes grillé !
  • Sans lien de redirection

Image cliquable pour voir la page 404

animation pour une page 404 : grille-pain avec toast crame

Références

Site web

[Créé / modifié] [13-12-2020 / 13-12-2020]

Nixon Robert

Caractéristiques

  • CSS pur
  • Et pourquoi pas ? Tout simplement !
  • Avec lien de redirection

Image cliquable pour voir la page 404

Simple animation de page 404 avec redirection vers la page d'accueil;

Références

Site web

[Créé / modifié] [30-11-2020 / 30-11-2020]

Palma Yerko

- Pas responsive !

Caractéristiques

  • CSS, JS, Particles.js, et bien d'autres
  • Auteur Chilien
  • Animation : Constellations en mouvement
  • La souris perturbe les combinaisons

Image cliquable pour voir la page 404

animation d'un ciel etoile avec les constellations en mouvement

Références

Site web

[Créé / modifié] [12-01-2021 / 12-01-2021]

Radu Bratan

- Idée très bien réalisée et agréable à regarder !

Caractéristiques

  • CSS pur
  • Animation : Saturne est le centre de recherche de la page manquante. La terre, planète bleue, en retrait, surveille les opérations.
  • Galati, Roumanie
  • Le 'retour maison' est prévu

Image cliquable pour voir la page 404

animation d'un ciel etoile a travers lequel la page est cherchee

Références

Site web

[Créé / modifié] [06-02-2021 / 06-02-2021]

Ruliweb

Caractéristiques

  • CSS quasi pur
  • Animation : porte de l'ascenseur s'ouvrant sur l'étage 404 inexistant
  • Idée originale

Image cliquable pour voir la page 404

animation d'un ascenseur arrivant à un étage 404 non trouvé

Références

Site web

[Créé / modifié] [14-10-2020 / 14-10-2020]

Teslia Valeriia

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : deux portes s'ouvrent
  • Les liens de redirection sont prévus de belle façon

Image cliquable pour voir la page 404

animation d'une page 404 pour votre site web: ouverture de porte

Références

Site web

[Créé / modifié] [07-09-2020 / 07-09-2020]

Thurston Brett

- Bien vu !

Caractéristiques

  • CSS, JS, jQuery
  • Animation : l'aiguille de la boussole suit la souris
  • Le lien de redirection est bien vu
  • Thurston Brett habite à Mobile en Alabama, États-Unis

Image cliquable pour voir la page 404

animation d'une page 404 avec utilisation d'une boussole

Références

Site web

Site de l'auteur

[Créé / modifié] [12-04-2021 / 12-04-2021]

Tompkins Jhey

Caractéristiques

  • CSS, Normalize.css, JS
  • Animation : Les objets se déplacent au contact de la souris

Image cliquable pour voir la page 404

animation d'une page 404 avec reaction a la souris

Références

Site web

[Créé / modifié] [13-12-2020 / 13-12-2020]

Urbanski Damian

Caractéristiques

  • CSS, JS, jQuery
  • Animation : brouillage, parasitage
  • Vient de Pologne
  • Redirection prévue
  • Fatigant à regarder

Image cliquable pour voir la page 404

animation d'une page 404 : brouillage, parasitage

Références

Site web

[Créé / modifié] [01-01-2021 / 01-01-2021]

Van Zyl Nico

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation 3D
  • Pas de lien de redirection

Image cliquable pour voir la page 404

erreur 404, page animation 3D

Références

Site web

Site de l'auteur

[Créé / modifié] [30-11-2020 / 30-11-2020]

Vineeth.T.R

Caractéristiques

  • CSS pur
  • Animation : Le regard est également perdu
  • Pas de lien de redirection

Image cliquable pour voir la page 404

404 Error page animation

Références

Site web

[Créé / modifié] [13-11-2020 / 13-11-2020]

Vineeth.T.R 2

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : Le fameux bébé qui pleure
  • Pas de lien de redirection

Image cliquable pour voir la page 404

404 Error page animation avec un bebe qui pleure : crying baby

Références

Site web

[Créé / modifié] [12-01-2021 / 12-01-2021]

W3Layouts

- Lien retour obligatoire !

Caractéristiques

  • CSS pur
  • Animation : strict minimum
  • Les liens de redirection sont bien mis en évidence

Image cliquable pour voir la page 404

template gratuit d'une page destinée à gérer l'erreur 404

Références

Site web

[Créé / modifié] [21-09-2020 / 21-09-2020]

WeeGabrielle - Bay Area, Californie

- Pour moi c'est très réussi !

Caractéristiques

  • CSS pur
  • Animation : Quand la simplicité est un atout
  • L'animation, légère, ne détourne pas l'attention, au contraire

Image cliquable pour voir la page 404

erreur 404, tres belle animation par sa simplicite

Références

Site web

Site de l'auteur

[Créé / modifié] [26-01-2021 / 26-01-2021]

Zaman Aftab

- Pas responsive !

Caractéristiques

  • CSS pur
  • Animation : strict minimum
  • Le lien de redirection est bien mis en évidence

Image cliquable pour voir la page 404

page design pour l'erreur 404, page non trouvée

Références

Site web

[Créé / modifié] [21-09-2020 / 21-09-2020]