• Annonce ■ une page "Erreur 404" personnalisée


    Dimanche 18 Septembre 2016 à 21:10
    stormalo

    Une page "erreur 404" personnalisée.

    Principe : Intégrer une image (avec texte et illustration) en fond de l'élément contenant le titre de la page.

    ✏ Ajouter ce code css :

    /* personalisation page erreur 404 */
    #module_titre_error404.module_titre_contenu {
    height: 300px;     /* à adapter pour contenir la hauteur de l'image */
    Color: transparent;   /* facultatif - rendre transparent le titre 'erreur 404  */
    Background: Url(http://ekladata.com/0aRNyH5GDsjaMjYh4i7CYJJ0PQ4) No-Repeat bottom 10px  center; /* image non répétée, à 10px du bas de l'élément, centrée */
     }

    /* facultatif -  cacher  le formulaire  de la page */
    #module_contenu_error404.module_contenu {
    display: none;
     }

     Autre exemple d'image,  avec un brin d'humour en plus:
    http://ekladata.com/xATD0ggKM14ffXQEMd6aQwdBizU   et prévoir dans le css height: 450px

    Pour réutiliser ces deux images d'exemples, pas de soucis, c'est disponible sans frais, mais il est certainement facile de faire mieux. Ce n'était pas le but ici .

    Mardi 20 Septembre 2016 à 08:46
    Pipiou

    Bonjour,

    personnaliser une page Error 404 ! alors ça j'y aurais pas pensé, sûrement parce que ça provoquerait chez moi un renvoi direct à une erreur de ma part  he

    mais j'aime beaucoup l'excellent  background  brin d'humour !

    C'est bien : ça a l'avantage de faire sourire quand y'a un problème  yes

    Merci stormalo

     

    Mardi 8 Novembre 2016 à 20:10
    stormalo

    Bonjour,

     Certains des messages 404 sont personnalisés pour rester dans la ligne éditoriale ou graphique, d'autres ajoutent une note d'humour ou simplement un peu de fantaisie. C'est moins frustrant (comme on le dit ici)

       cool Pour voir des belles pages 404 >>>  http://www.bonjour404.fr/➚ 

     c'est nettement mieux que mes images d'exemples et ça peut donner des idées !

    Mercredi 9 Novembre 2016 à 17:41
    Colette95

    Bonjour Stormalo,

    Encore une idée géniale et j'étais loin d'imaginer que ça pouvait se faire tout au moins sur cette plateforme. Je me demande où tu vas chercher toutes ces bonnes idées dont tu nous fais profiter. sarcastic

    Suis tout à fait d'accord que c'est moins frustrant, voire même agréable de "tomber" sur une page 404 personnalisée, aussi ai-je de suite adopté l'idée.

    Merci beaucoup de ce partage. yes

    Mercredi 9 Novembre 2016 à 23:12
    stormalo

    bonsoir,

    merci aussi du retour (en + ça permet d'aller voir)

    les idées, quand ont les trouve, on se demande parfois pourquoi maintenant et pas avant.

    On peut aussi se faire une page 404 en fonction de l'année, des saisons, de l'actualité ; voire un lien spécial 404 pour tester l'effet etc.. 

    Dans la sélection des belles pages, j'ai bien aimé celle évoquant 50% de réduction (erreur 202)  smile

    mais il ne  faut pas trop provoquer d'affichage 404

    - bonnes suites -

    Jeudi 10 Novembre 2016 à 07:59
    Colette95

    Bonjour Stormalo,

    Dans la sélection des belles pages, tout comme toi, j'ai trouvé celle relative aux soldes absolument extra pour son humour.

    Soit dit en passant, j'aime bien le tien également et j'espère que tu ne te coinces pas trop souvent les doigts dans le clavier. he

    Bonne journée. yes

     

    Lundi 16 Juillet 2018 à 16:37
    Ced Fripard

    Bonjour, 

    Bien pratique cette idée de la page 404 personnalisée, merci pour le partage ! 


    J'en profite pour ajouter que je vais le mettre en place, en ajoutant un lien vers la page d'accueil de mon blog pour que si quelqu'un tombe dessus, il puisse continuer de naviguer tranquillement sur mon blog yes

    Mardi 29 Janvier 2019 à 19:41
    -Wakfu-

    c'est une super idée!happy merci^^

    Samedi 13 Avril 2019 à 21:51
    Hatsushio

    Super idée pour s'amuser un peu, merci Stormalo!

    Samedi 9 Mai 2020 à 18:22
    Tendreciel

    Excellent! Trop bonne idée! Merci Stormalo et Bonne idée de Ced Fripard de mettre un lien vers page d'accueil!

    Merci pour ces bonnes idées.




    Vous devez être membre pour poster un message.