Je partage une Page Error 404

Le-Melvin

Le-Melvin

<3 Destiny <3
Premium
Inscription
29 Août 2011
Messages
1 142
Réactions
324
Points
20 336
RGCoins
25
Salut je vous partage une page error 404 en html

Demo

You must be registered for see images attach


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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.



rv1u.png

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:
bas c'est une page
☆JuLieN_54☆ a dit:
salut sa sert a quoi ??
Cliquez pour agrandir...
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.
Cliquez pour agrandir...
 
je comprend rien dans se domaine sa a l'aire compliquer sa ;)
 
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 :)
 
Retour
Haut