Reuters Financial Software Champions League: Inscription au match de la semaine

====== HTML ====== [[http://www.dil.univ-mrs.fr/~mari/Enseignement/M2CCI/Ressources/assets/HTML-MCCI-1.pdf]]




  
        
        
        Reuters Financial Software Champions League: Inscription au match de la semaine



Saison:2015 Match:5
   
         
        Inscription au match de la semaine


Bonjour. Souhaitez-vous consulter Global Turaz ?
Vers une ancre 


    Photo:


Titre


Les titres et paragraphes
 . .  Titre de niveau n, de 1 à 6
 . .  Paragraphe
Les listes
 . .  Liste non triée, liste à puces
 . .  Liste triée, liste à numéros

Maintenant quelques exemples de lignes horizontales


Positionner une image en absolu
CSS
/* where margin-left = {img width}/2, and margin-top= {img height}/2 */
.bigdiv {
   width:100%;
   height:100%;
   position:absolute;
}
.bigdiv img {
   position:absolute;
   left:50%;
   top:50%;
   margin-left:-10px;
   margin-top:-10px;
}
body {margin:0;padding:0;}

HTML


[[http://fr.html.net/tutorials/css/lesson14.php]]

CSS
// Positions absolues
	h1 {
		position:absolute;
		top: 100px;
		left: 200px;
	}
	
// Positions relatives
#dog1 {
		position:relative;
		left: 350px;
		bottom: 150px;
	}
	#dog2 {
		position:relative;
		left: 150px;
		bottom: 500px;
	}

	#dog3 {
		position:relative;
		left: 50px;
		bottom: 700px;
	}

HTML

Exemple | Tutoriel CSS | HTML.net

CSS Sprite [[http://alistapart.com/article/sprites]]






 CSS Sprites: Image Slicing's Kiss of Death

Animation [[http://stackoverflow.com/questions/1736922/how-to-show-animated-image-from-png-image-using-javascript-like-gmail]]


CSS
#anim {
  width: 14px; height: 14px;
  background-image: url(http://mail.google.com/mail/im/emotisprites/wink2.png);
  background-repeat: no-repeat; 
}

HTML


Javascript
var scrollUp = (function () {
  var timerId; // stored timer in case you want to use clearInterval later

  return function (height, times, element) {
    var i = 0; // a simple counter
    timerId = setInterval(function () {
      if (i > times) // if the last frame is reached, set counter to zero
        i = 0;
      element.style.backgroundPosition = "0px -" + i * height + 'px'; //scroll up
      i++;
    }, 100); // every 100 milliseconds
  };
})();

// start animation:
scrollUp(14, 42, document.getElementById('anim'))


EDIT: You can also set the CSS properties programmatically so you don't have to define any style on your page, and make a constructor function from the above example, that will allow you to show multiple sprite animations simultaneously:

Usage:

var wink = new SpriteAnim({
  width: 14,
  height: 14,
  frames: 42,
  sprite: "http://mail.google.com/mail/im/emotisprites/wink2.png",
  elementId : "anim1"
});

var monkey = new SpriteAnim({
  width: 18,
  height: 14,
  frames: 90,
  sprite: "http://mail.google.com/mail/im/emotisprites/monkey1.png",
  elementId : "anim4"
});
Implementation:

function SpriteAnim (options) {
  var timerId, i = 0,
      element = document.getElementById(options.elementId);

  element.style.width = options.width + "px";
  element.style.height = options.height + "px";
  element.style.backgroundRepeat = "no-repeat";
  element.style.backgroundImage = "url(" + options.sprite + ")";

  timerId = setInterval(function () {
    if (i >= options.frames) {
      i = 0;
    }
    element.style.backgroundPosition = "0px -" + i * options.height + "px";
     i++;
  }, 100);

  this.stopAnimation = function () {
    clearInterval(timerId);
  };
}
Notice that I added a stopAnimation method, so you can later stop a an specified animation just by calling it, for example:

monkey.stopAnimation();

====== Google dorking ====== intext:"toto" filetype="pdf" site:.edu intext:"gmail.com" site:linkedin.com/ site:pastebin.com intext"admin password" shodan os:windows country:FR camera city:paris webcam city:paris webcamxp city:paris