Voiture Eggy

651 argghh

Ouvrir dans l'éditeur Publiez votre code

Recommandé

24 August 2025

Curseur accordéon HTML des spécifications de la voiture

25 June 2025

Plateforme d'achat et de vente de voitures : annonces, filtrage

9 March 2026

Modèle HTML de présentation de voitures neuves

HTML

<!DOCTYPE html>

<html>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <link rel="apple-touch-icon" sizes="256x256" href="icon-256.png" />
  <meta name="HandheldFriendly" content="true" />

<meta name="mobile-web-app-capable" content="yes" />
  <link rel="shortcut icon" sizes="256x256" href="icon-256.png" />

<style type="text/css">
    * {
      padding: 0;
      margin: 0;
    }

html,
    body {
      background: #000;
      color: #fff;
      overflow: hidden;
      touch-action: none;
      -ms-touch-action: none;
    }

canvas {
      touch-action-delay: none;
      touch-action: none;
      -ms-touch-action: none;
    }

@font-face {
      font-family: Changa One;
      src: url(changaone_regular.ttf.ttf);
    }
  </style>

</head>

<body>
  <script>
  (function() {
    const originalImage = window.Image;
    
    window.Image = function() {
      const img = new originalImage();
      img.crossOrigin = "anonymous";
      return img;
    };
    
    const originalCreateElement = document.createElement.bind(document);
    document.createElement = function(tagName) {
      const element = originalCreateElement(tagName);
      if (tagName.toLowerCase() === 'img') {
        element.crossOrigin = "anonymous";
      }
      return element;
    };
  })();
</script>
  <div id="fb-root"></div>

<div id="c2canvasdiv">

<canvas id="c2canvas" width="1280" height="720">
      
      <h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org">What is a browser?</a>
        <br /><br /><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br />
        <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br />
        <a href="https://www.google.com/chrome/">Google Chrome</a><br />
        <a href="http://www.apple.com/safari/download/">Apple Safari</a>
      </h1>
    </canvas>

</div>

<script src="jquery-2.1.1.min.js"></script>

<script src="c5runtime.js"></script>

// Pause and resume on page becoming visible/invisible
    function onVisibilityChanged() {
      if (document.hidden || document.mozHidden || document.webkitHidden || document.msHidden)
        cr_setSuspended(true);
      else
        cr_setSuspended(false);
    };

document.addEventListener("visibilitychange", onVisibilityChanged, false);
    document.addEventListener("mozvisibilitychange", onVisibilityChanged, false);
    document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
    document.addEventListener("msvisibilitychange", onVisibilityChanged, false);

function OnRegisterSWError(e) {
      console.warn("Failed to register service worker: ", e);
    };

// Runtime calls this global method when ready to start caching (i.e. after startup).
    // This registers the service worker which caches resources for offline support.
    window.C2_RegisterSW = function C2_RegisterSW() {
      if (!navigator.serviceWorker)
        return; // no SW support, ignore call

try {
        navigator.serviceWorker.register("sw.js", {
            scope: "./"
          })
          .then(function(reg) {
            console.log("Registered service worker on " + reg.scope);
          })
          .catch(OnRegisterSWError);
      } catch (e) {
        OnRegisterSWError(e);
      }
    };
  </script>
</body>

</html>

CSS