<![CDATA[Teknotit Snipet Manager tarfst: Snippets: html]]>http://snipet.teknotit.com/index.php <![CDATA[Chargement css sans bloquer le rendu]]> <link rel="stylesheet" href="style.css" media="none" onload="if(media!='all')media='all'"> <noscript><link rel="stylesheet" href="style.css"></noscript>]]> Wed, 03 May 2017 17:14:46 +0000 <![CDATA[clickTag DFP]]> <html> <head> <meta name="ad.size" content="width=300,height=250"> <script type="text/javascript"> var clickTag = "http://www.google.com"; </script> </head> [The rest of your creative code goes here.] </html> Make sure your creative uses the click tag variable as the click-through URL: <a href="javascript:window.open(window.clickTag)"> <img src="images/dclk.png" border=0> </a>]]> Thu, 16 Feb 2017 02:55:15 +0000 <![CDATA[SWip]]> http://codepen.io/meganos/pen/YNGQRB]]> Mon, 16 Jan 2017 00:17:20 +0000 <![CDATA[Taille police redimensionable]]> Vous connaissez certainement les unités px, em, rem ou pt pour dimensionner vos corps de texte ? Rajoutez à cette liste : vw : « Viewport Width », correspond à l’unité relative à la largeur de votre écran vh : « Viewport Height », correspond à l’unité relative à la hauteur de votre écran vmin (vm pour IE9) : « Viewport Min », correspond à l’unité relative à la plus petite des deux dimensions (largeur ou hauteur selon l’orientation) vmax : « Viewport Max », correspond à l’unité relative à la plus grande des deux dimensions (largeur ou hauteur selon l’orientation) Très bien, mais que représente une unité de vw, par exemple ? C’est assez simple mais pas forcément intuitif de prime abord : 1 unité représente 1% de la dimension de référence. h1 { font-size: 10vw; } ]]> Thu, 23 Oct 2014 19:07:23 +0000 <![CDATA[Sticky Footer]]> /********************** * HTML *******************/ <div id="page"> <div id="content"></div> <div id="footer"></div> </div> /********************** * CSS *******************/ #page { position: relative; min-height: 100%; padding: 0 0 150px 0; } #content{ /* facultatif */ padding-bottom: 100px; } #footer { position: absolute; bottom: 0; width: 100%; height: 150px; background: #FFF; } ]]> Fri, 17 Oct 2014 06:53:04 +0200