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 18 solutions au

  1. De Bruyne KasperTemplate (JS) 
  2. De Haan DaveAnimation (JS) 
  3. Fuscaldo AntonioAnimation (CSS pur) 
  4. GaoryrtTemplate (HTML) 
  5. Ilter AdemAnimation (JS, StyleFix) 
  6. Laskar RiazAnimation (JS pur) 
  7. Laxenaire MartinTemplate (JS, threeJs) 
  8. LucasRafaelaAnimation (JS, jQuery) 
  9. Malhotra PriyaAnimation (CSS pur) 
  10. McNabb ScottAnimation (JS, StyleFix) 
  11. Nakaya YusukeAnimation (CSS pur) 
  12. Nixon RbertAnimation (CSS pur) Nouveauté
  13. RuliwebAnimation (CSS quasi pur) 
  14. Teslia ValeriiaAnimation (CSS pur) 
  15. Van Zyl NicoAnimation 3D (CSS pur) Nouveauté
  16. Vineeth.T.RAnimation (CSS pur) 
  17. W3LayoutsTemplate (CSS pur) 
  18. Zaman AftabTemplate (CSS pur) 

De Bruyne Kasper

très beau template de page 404

Les caractéristiques

  • CSS, JS
  • Superbe template
  • 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

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

positionneen début de page

De Haan Dave

animation  simple en Javascript : template avec eclairage par spot

Les caractéristiques

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

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

positionneen début de page

Fuscaldo Antonio

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

Les caractéristiques

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

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

positionneen début de page

Gaoryrt

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

Les caractéristiques

  • HTML de base
  • Il faut avoir connu les anciens messages d'erreur
  • 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

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

positionneen début de page

Ilter Adem

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

Les caractéristiques

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

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

positionneen début de page

Laskar Riaz

animation erreur 404 : template avec defilement et relief

Les caractéristiques

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

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

positionneen début de page

Laxenaire Martin

très beau template de page 404

Les 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
  • Quel dommage qu'il ne soit pas responsive !

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

positionneen début de page

Lucas Rafaela

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

Les 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...
  • J'adore !

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

positionneen début de page

Malhotra Priya

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

Les caractéristiques

  • CSS pur
  • Animation : Simple mais tellement agréable
  • J'aime beaucoup !

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

positionneen début de page

McNabb Scott

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

Les 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...
  • Pas responsive !

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

positionneen début de page

Nakaya Yusuke

animation d'une page 404 : boite roulante

Les caractéristiques

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

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

positionneen début de page

Nixon obert

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

Les caractéristiques

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

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

positionneen début de page

Ruliweb

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

Les caractéristiques

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

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

positionneen début de page

Teslia Valeriia

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

Les caractéristiques

  • CSS pur
  • Animation : deux portes s'ouvrent
  • Les liens de redirection sont prévus de belle façon
  • Quel dommage qu'il ne soit pas responsive !

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

positionneen début de page

Van Zyl Nico

erreur 404, page animation 3D

Les caractéristiques

  • CSS pur
  • Animation 3D
  • Pas de lien de redirection
  • Pas responsive
Site personnel de l'auteur

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

positionneen début de page

Vineeth.T.R

404 Error page animation

Les caractéristiques

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

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

positionneen début de page

W3Layouts

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

Les caractéristiques

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

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

positionneen début de page

Zaman Aftab

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

Les caractéristiques

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

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

positionneen début de page