Advertisement
soirs

Noscript

Nov 12th, 2019
154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. https://webdesign.tutsplus.com/tutorials/quick-tip-dont-forget-the-noscript-element--cms-25498
  2. <head>
  3.     <noscript>
  4.         <style>
  5.             figure noscript {
  6.                 top: 0;
  7.                 left: 0;
  8.                 position: absolute;
  9.             }
  10.         </style>
  11.     </noscript>
  12. </head>
  13. <body>
  14.     <header class="site-header cf">
  15.         <h1>Blur Image Load</h1>
  16.     </header>
  17.     <noscript>
  18.         <style>
  19.             #enable-js {
  20.                 margin: 0;
  21.                 padding: 12px 15px;
  22.                 background-color: #FFC107;
  23.                 color: #000;
  24.                 text-align: center;
  25.                 font-family: "Arial";
  26.                 font-size: 13px;
  27.             }
  28.         </style>
  29.         <p id="enable-js">Enable JavaScript in your browser for better experience. <a href="#">Here is how.</a></p>
  30.     </noscript>
  31. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement