Xioluga
Membres
Inscrit le : 17 Nov 2004
Messages : 20
|  Sujet: [TUTO, facultatif] Comment creer un dollmaker  Mer 5 Jan - 11:47 | |
| Je trouve ca super d'avoir creer cette rubrique mais encore faut il savoir creer un dollmaker mais encore faut il savoir comment faire!!!!
Explications:
1°) Créez une nouvelle page vide, passez en mode source HTML, et dans la partie HEAD
de votre page, entre <HEAD> et </HEAD> collez la totalité du code ci-dessous :
| Citation: | <!-- Le code du dollmaker commence ici -->
<style>.drag {
CURSOR: hand; POSITION: relative
}
</style>
<script language="JavaScript1.2">
<!--
//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and terms of usage,
//visit http://www.dynamicdrive.com
var ie=document.all
var ns6=document.getElementById&&!document.all
var dragapproved=false
var z,x,y
function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}
function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"
while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
<!-- Le code du dollmaker finit ici --> |
2°) Ensuite, insérez, où vous voulez dans votre page, une petite image ".gif", n'importe laquelle... !
3°) Sélectionnez cette image et passez en mode source HTML ou afficher simplement la source HTML
de votre page et observez le code HTML qui sert à afficher votre image; il ressemble à ceci :
| Citation: | | <img src="votreimage.gif"> |
Il vous suffit d'y ajouter la "formule magique" class="drag" entre" img" et "src" comme ceci :
| Citation: | | <img class="drag" src="votreimage.gif" > |
>>> Vous enregistrez, vous affichez ensuite cette page dans Internet Explorer en double-cliquant
dessus dans le dossier où elle se trouve et là, vous remarquez quoi??? L'image que vous avez insérée
se laisse promener sur toute votre page comme sur un dollVoilà, vous avez compris le principe, il ne vous reste plus qu'à construire votre dollmaker!
>>> Il y a une seule chose dont vous devez tenir compte, c'est que les objets venant en premier sur
votre page se placeront en dessous et ceux venant en dernier, tout en bas de votre dollmaker
viendront se placer devant... Il vous faut donc placer en bas les accessoires et autres objets qui
devront absolument se placer devant votre dollz! ;-)
N'oubliez pas de laisser une zone blanche ou d'une autre couleur mais unie en tant que
zone de création comme, ceci :
Voila maintenant bonne chance.
Explications sur http://kissdesign.net |
|
astuma
Créateur
Inscrit le : 12 Avr 2005
Messages : 220
Anniversaire : 2o Ma!
| | Sujet: Re: [TUTO, facultatif] Comment creer un dollmaker Mar 27 Sep - 13:57 | |
| c'est un peu con lol dans ton code y a u lien direct vers un autre site
alors que le code ne lui appartient pas
_________________
Merci Fata |
|
