• Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.


HTML Je partage une Page Error 404

Le-Melvin

<3 Destiny <3
Premium
Inscrit
29 Août 2011
Messages
1 128
J'aime
315
Points
4 495
#1
Salut je vous partage une page error 404 en html

Demo

demo.png

HTML:
<!--
Css By Le-Melvin
* YouGaming.Fr
* Skype : Le-Melvin
-->
<!DOCTYPE html "Le-Melvin">
<html lang="fr">
    <head>
        <meta charset="UTF-8" />
        <title>Error 404 - Not found</title>
        <link rel="shortcut icon" href="http://www.cpat.com/website/images/template_2/stop.png" type="image/x-icon">
        <link rel="icon" href="http://www.cpat.com/website/images/template_2/stop.png" sizes="32x32">
        <meta name="title" content="Error 404 - Not found">
    </head>
    <style>
    <!--
Css By Le-Melvin
* YouGaming.Fr
* Skype : Le-Melvin
-->
h1 {
color: red;
}
body{color:#555;font-family:Arial, Tahoma, Verdana;margin:0;padding:0;font-size:normal;background:#f4f4f5}
#header{width:100%;height:135px;background:#292929;border-bottom:1px solid #0af;}
#logo{top:30px;left:180px;background:url('404.jpg') no-repeat;height:101px;width:398px;position:relative;display:inline-block;}
#logo1{margin:30px 20px 0 0;float:right;color:#00C9ED;font-family:'Amaranth',Georgia,Helvetica,Sans-serif;border:1px solid red;}
#menusousheader{font-family:'Amaranth',Georgia,Helvetica,Sans-serif;width:100%;height:60px;background:#3c3c3c;}
#footer{width:100%;height:auto;min-height:200px;background:#2d2c2c;color:#c7c7c7;padding:0;margin:0;}
#centre-footer{margin:5px auto;width:45%;height:auto;overflow:auto;}
#footer ul{float:left;list-style-type:none;margin:15px;}
#footer li a{color:#888;text-decoration:none;font-size:14px;}
#footer li a:hover{color:white;}
#footer li span{color:#fff;font-family:'Amaranth', Arial, Tahoma, Verdana;font-size:20px;}
.onglet_selectionner{float:left;margin:5px 2px -2px 5px;padding:5px 10px;border:1px solid #DDD;border-bottom:2px solid white;border-radius:5px 5px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;color:#555;cursor:pointer;font-weight:bold;list-style:none;}
.contenu-onglet{clear:both;border:1px solid #DDD;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:5px 10px;margin:5px;overflow:auto;text-align:justify;background:#f4f4f4;background:-webkit-linear-gradient(#FFFFFF, #f4f4f4);background:-moz-linear-gradient(#FFFFFF, #f4f4f4);background:-o-linear-gradient(#FFFFFF, #f4f4f4);background:-ms-linear-gradient(#FFFFFF, #f4f4f4);background:linear-gradient(#FFFFFF, #f4f4f4);cursor:text;}
.contenu-onglet:hover{-moz-box-shadow:8px 8px 12px #EEE;-webkit-box-shadow:8px 8px 12px #EEE;box-shadow:8px 8px 12px #EEE;}
.contenu-onglet a{text-decoration:none;color:#0AF;}
.email, .facebook, .googleplus, .rss, .sitemap, .twitter, .Black_transparent{background:url(http://img15.hostingpics.net/pics/810586sprites.png) no-repeat;}
.email{background-position:-181px 0;width:32px;height:32px;display:inline-block;}
.facebook{background-position:-145px 0;width:32px;height:32px;display:inline-block;}
.googleplus{background-position:-109px 0;width:32px;height:32px;display:inline-block;}
.rss{background-position:-73px 0;width:32px;height:32px;display:inline-block;}
.sitemap{background-position:-36px 0;width:32px;height:32px;display:inline-block;}
.twitter{background-position:0 0;width:32px;height:32px;display:inline-block;}
.Black_transparent{background-position:0 -38px;width:12px;height:12px;}
</style>
<div id="contenu">
                <center><h1>Hééé, ça va pas la tête, vous avez cassé mon<br> site internet et ce n'est pas gentil ... <br>par conséquent, une flagelation s'impose :) !</h1></center>
<div style="text-align:center;"><img style="width: 570px; height: 380px;" alt="404" src="http://img15.hostingpics.net/pics/290174404.jpg"></div>

<center><p>Cette page n'est malheureusement plus disponible. Le lien que vous avez suivi peut être incorrect ou la <br>page peut avoir été supprimée. Comme je suis un type sympa, je ne vais pas vous laissez planter là <br> comme un gland et vous orienter du mieux possible. Pour ce faire,<a style="cursor:pointer; color:purple;" onclick="alert('Après mûre réflexion, démerdez-vous ^^ !');">Cliquez ici</a>.</p></center>

            </div>
       
       
                <footer>

        <div id="footer">
        <div id="centre-footer">
       
            <nav>
                <ul>
                    <li><span>Site</span></li>
                    <li>
                        <a title="Me contacter" href="Lien de la page de contact "><div class="email"></div></a>
                        <a title="Flux RSS" href="Lien rss"><div class="rss"></div></a>
                    </li>
                </ul>
            </nav>
       
            <nav>
                <ul>
                    <li><span>Me suivre</span></li>
                    <li>
                        <a title="Créer un site sur Facebook" target="_blank" href="https://www.facebook.com/"><div class="facebook"></div></a>
                        <a title="Créer un site sur Twitter" target="_blank" href="https://twitter.com/"><div class="twitter"></div></a>
                    </li>
                </ul>
            </nav>
       
            <nav>
                <ul>
                    <li><span>Partenaires</span></li>
                    <li><a title="Le-Melvin" href="Lien du site" target="_blank">Nom</a></li>
                    <li><a title="Le-Melvin" href="Lien du site" target="_blank">Nom</a></li>
                    <li><a title="Le-Melvin" href="Lien du site" target="_blank">Nom</a></li>
                    <li><a title="Le-Melvin" href="Lien du site" target="_blank">Nom</a></li>
                    <li><a title="Le-Melvin" href="Lien du site" target="_blank">Nom</a></li>
       
                </ul>
            </nav>
        </div>
    </div>

</footer>

Vous devez vous inscrire pour voir les liens !




HTML:
<!DOCTYPE>
<html>
<head>
<title>404 page not found</title>
<script type="text/javascript">
//<![CDATA[
window.__CF=window.__CF||{};window.__CF.AJS={"abetterbrowser":{"ie":"7"},"ga_key":{"ua":"UA-18094633-3","ga_bs":"2"}};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) { var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/abv=2980380653/"},atok:"9f660852c5961a9485061a7f32665ad2",petok:"e652614c03aa985a6af4d5f72259517d-1384201436-1800",zone:"juicygraphics.net",rocket:"0",apps:{"abetterbrowser":{"ie":"7"},"ga_key":{"ua":"UA-18094633-3","ga_bs":"2"}}}];var a=document.createElement("script"),b=document.getElementsByTagName("script")[0];a.async=!0;a.src="//ajax.cloudflare.com/cdn-cgi/nexp/abv=616370820/cloudflare.min.js";b.parentNode.insertBefore(a,b);}}catch(e){};
//]]>
</script>
<link rel="stylesheet" href="http://www.juicygraphics.net/wp-content/themes/Juicy-Graphics/styles/404.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.juicygraphics.net/wp-content/themes/Juicy-Graphics/javascript/jquery.backstretch.min.js"></script>
<script type="text/javascript">
    $.backstretch("http://www.juicygraphics.net/wp-content/themes/Juicy-Graphics/images/404bg.jpg");
</script>
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18094633-3']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<body><script type="text/javascript">
//<![CDATA[
new Image().src = "/cdn-cgi/ping?cf%5blocation%5d=404&cf%5bjs%5d=1";
//]]>
</script>
<noscript>
<img src="/cdn-cgi/ping?cf%5blocation%5d=404&amp;cf%5bjs%5d=0" alt=""/>
</noscript>
<div class="block700">
<div class="centering">
<div class="content">
<h1>Oh oh ! Nous vous avons perdu.
Impossible de trouver la page que vous recherchez.
Une faute de frappe dans l'url ?</h1>
<a href="/" class="button">Go sur le site svp</a>
</div>
</div>
</div>
</body>
<script>/* CloudFlare analytics upgrade */
</script>
</html>
 
Dernière édition:

Le-Melvin

<3 Destiny <3
Premium
Inscrit
29 Août 2011
Messages
1 128
J'aime
315
Points
4 495
#3
bas c'est une page
c'est une page 404 pour metre dans sont FTP

404 ? ok

Définition Page 404

Une page 404 est une page renvoyée par le serveur d’un site web lorsque la page demandée n’existe plus ou lorsqu’il y a une erreur dans la partie de l’URL demandée située après le nom de domaine. Ce type d’erreur est courant lorsqu’une URL longue est copiée / collée.

Plusieurs milliers de pages 404 peuvent s’afficher chaque jour sur un site à gros trafic.

Les pages 404 not found proposées par défaut aux visiteurs par les serveurs sont généralement visuellement peu soignées et en anglais et nécessitent d’être optimisées dans le cadre d’une démarche marketing.
 

Destroy'

Ancien staff
Ancien staff
Inscrit
14 Juillet 2012
Messages
25 037
J'aime
5 515
Points
15 928
#6
Salut, j'ai renommé ta discussion car son titre n'était pas assez clair.

À l'avenir, tu devrais faire des titres de topics plus explicites, ça augmentera de façon significative les vues sur ta discussion, et les membres te répondrons donc plus facilement :)
 


Discussions similaires