[TUTO, facultatif] Comment creer un dollmaker
Page 1 sur 1 • Partagez
[TUTO, facultatif] Comment creer un dollmaker
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 :
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 :
Il vous suffit d'y ajouter la "formule magique" class="drag" entre" img" et "src" comme ceci :
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
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 :
2°) Ensuite, insérez, où vous voulez dans votre page, une petite image ".gif", n'importe laquelle... !<!-- 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 -->
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 :
<img src="votreimage.gif">
Il vous suffit d'y ajouter la "formule magique" class="drag" entre" img" et "src" comme ceci :
>>> Vous enregistrez, vous affichez ensuite cette page dans Internet Explorer en double-cliquant<img class="drag" src="votreimage.gif" >
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
Xioluga- Nombre de messages : 20
Date d'inscription : 17/11/2004
Re: [TUTO, facultatif] Comment creer un dollmaker
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
alors que le code ne lui appartient pas
astuma- Nombre de messages : 220
Anniversaire : 2o Ma!
Date d'inscription : 12/04/2005
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|