Fourm Crea illusion Fantasy
Créer votre icône Bannie10

Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Fourm Crea illusion Fantasy

#Forum d'entraide, une inscription pour nous rejoindre. Les débutants sont les bienvenu aussi :)


 

Partagez

Créer votre icône

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Ptite_Perle
Messages : 4704
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 81910
Fondatrice
Ptite_Perle
24px
MessageSujet: Créer votre icône Créer votre icône EmptyVen 1 Déc 2017 - 21:04

Coucou

Voici un script pour créer des icônes

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style>
  .editeur table{
  border :2px solid black;
  position : absolute;
  top :0px;
  left :0px;
  background-color :#fff;
  }
  .editeur td{
  border:2px solid black;
  width :13px;
  height :20px;
  font-size : 1px;
  cursor:hand;
  background-color :#fff;
  border-spacing:0px;
  }
  .editeur tr{
  border :2px solid black;
  }
 
  #couleurprise
  {
    border :2px solid black;
  }
 
  #couleurprise2
  {
    border :2px solid black;
  }
 
  .couleur table{
  border :3px solid black;
  position :absolute;
  }
  .couleur td{
  border :2px solid black;
  width:9px;
  height:15px;
  font-size:0px;
  }
  .couleur tr{
  border : 1px solid black;
  }
 
  .bloc{
    position : absolute;
    border : 2px solid black;
    background-color : #ccc;
  }
 
  .couleur 
  </style>
  </head>
  <body oncontextmenu="return false">
  <script>
  function carre( x, y, l, h, couleur ) {
  return  '<div style="position:absolute;'+
      'border-left:' + l +
      'px solid ' + couleur + ';'+
      'left:' + x + 'px;'+
      'top:' + y + 'px;'+
      'width : 0px;' +
      'height:' + h + 'px;'+
      'clip:rect(0,'+l+'px,'+h+'px,0);'+
      'background-color:' + couleur+
      ';"><\/div>';
  }
 
  // De Dynamic drive
  var dragobject={ z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0, initialize:function()
  {document.onmousedown=this.drag; document.onmouseup=function()
  {this.dragapproved=0;} }, drag:function(e) { var evtobj=window.event? window.event : e;
  this.targetobj=window.event? event.srcElement : e.target; if (this.targetobj.className=="bloc")
  {this.dragapproved=1; if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
  if (isNaN(parseInt(this.targetobj.style.top)))
  {this.targetobj.style.top=0;} this.offsetx=parseInt(this.targetobj.style.left);
  this.offsety=parseInt(this.targetobj.style.top); this.x=evtobj.clientX;
  this.y=evtobj.clientY; if (evtobj.preventDefault) evtobj.preventDefault();
  document.onmousemove=dragobject.moveit; } }, moveit:function(e){ var evtobj=window.event? window.event : e;
  if (this.dragapproved==1){ this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px";
  this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"; return false; } } }
  // Fin Dynamic Drive
  dragobject.initialize();
 
  var coulglob = "FFF";
  var coulglob2 = "FFF";
  function getcolor(couleur)
  {
  document.getElementById("couleurprise").style.backgroundColor = "#"+couleur;
  coulglob = couleur;
  }

  function getcolor2(couleur)
  {
  document.getElementById("couleurprise2").style.backgroundColor = "#"+couleur;
  coulglob2 = couleur;
  }
 
  function edit(i,j)
  {
  var obj = document.getElementById("case"+i+","+j);
  obj.style.backgroundColor = "#"+coulglob;
  objapercu.innerHTML += carre(4+3*i,14+3*j,3,3,"#"+coulglob);
  }
 
  function edit2(i,j)
  {
  var obj = document.getElementById("case"+i+","+j);
  obj.style.backgroundColor = "#"+coulglob2;
  objapercu.innerHTML += carre(4+3*i,14+3*j,3,3,"#"+coulglob2);
  }
 
 
// Table couleur
  var tmp = '';
  var hex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
  var cshor = 16;
  var csver = 16;
  tmp+='<div id="panneaucouleur" class="bloc" style="left:500px;"><br><table class="couleur">';
  for(j=0;j<csver;j++) {
  tmp+="<tr>";
  for(i=0;i<cshor;i++){
  id = "";'case'+i+','+j;
  couleur=''+hex[j]+''+hex[i]+''+hex[Math.abs(2*i-j)];
  fonction = 'onclick=getcolor("'+couleur+'") oncontextmenu=getcolor2("'+couleur+'")';
     
 
  tmp+='<td style="background-Color:#'+couleur+'" '+fonction+'> </td>';
  }
  tmp+="</tr>";
  }
  tmp+='<tr><td id="couleurprise" colspan="8"> </td><td id="couleurprise2" colspan="8"> </td></tr></table></div>';
  document.body.innerHTML += tmp;
 

// Table edition
  var tmp = '';
  var cshor = 20;
  var csver = 20;
  tmp+='<div id="edit" class="bloc"><br><table class="editeur" border style="border:1px solid black;">';
  for(j=0;j<csver;j++) {
  tmp+="<tr>";
  for(i=0;i<cshor;i++){
  id = 'case'+i+','+j;
  fonction = "onclick=edit("+i+","+j+") oncontextmenu=edit2("+i+","+j+")";
  tmp+='<td style="border:2px solid black;"  id="'+id+'" '+fonction+'>&nbsp;</td>';
  }
  tmp+="</tr>";
  }
  tmp+="</table></div>";
 
  tmp +='<div id="apercu" class="bloc" style="top:400px;left:500px;width:80px;height:90px"><br></div>';
  document.body.innerHTML += tmp;
 
  var objapercu = document.getElementById("apercu");
  </script>

  </body>
</html>
Revenir en haut Aller en bas

Créer votre icône

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Votre chanson préféré de NOEL c'est laquelle ?
» Logs et options de sécurité de votre forum
» Avertissement, visiter ce site peut etre préjudiciable à votre ordinateur - QUE FAIRE ?
» code "Voir les nouveaux messages depuis votre dernière visite"
» Modifier l'adresse Internet de votre forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fourm Crea illusion Fantasy :: Caverne d'Alibaba du forum :: Créer-