A category - Some code

here is some colorized code (pre)(code) ...css.. (/code)(/pre) with Prism


/* iframe-responsive-wrapper */
.iframe-responsive-wrapper {
	position: relative;
}
.iframe-responsive-wrapper .iframe-ratio {
	display: block;
	width: 100%;
	height: auto;
}
.iframe-responsive-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* fin iframe-responsive-wrapper */

here is some colorized code (pre)(code) ...html.. (/code)(/pre) with Prism


<div style="margin: auto; width:60%">
<div class="iframe-responsive-wrapper">
<img class="iframe-ratio" src="images/ratio800x600.gif" />
<iframe marginheight="0" marginwidth="0" scrolling="no" src="images/flexslider-iframe.html" width="200" height="150" frameborder="0"></iframe>
</div>
</div>

here is some colorized code (pre)(code) ...js.. (/code)(/pre) with Prism


var j = new Date();
var jourSemaine = ['dimanche','lundi','mardi','mercredi','jeudi','vendredi','samedi'];
var mois = ['janvier','février','mars','avril','mai','juin',
            'juillet','août','septembre','octobre','novembre','décembre'];

function aujourdHui(){
   return jourSemaine[j.getDay()]+' '+j.getDate()+' '+
          mois[j.getMonth()]+' '+j.getFullYear()+' '+
          j.getHours()+":"+(j.getMinutes()<10?"0":"")+j.getMinutes();
}            

function insererDate(){
    var dateElem = document.getElementById("date");
    var b = document.createElement("b");
    b.appendChild(document.createTextNode(aujourdHui()));
    dateElem.appendChild(b);
}

// une meilleure alternative à  l'utilisation de l'attribut "onload='insererDate()'" du body

window.addEventListener("load",insererDate,false);




Index |Info | Print | Permalink
Menu

A category

Another category

CSS
Release

0.63.2

Stable - Documented

free download