Light Of God Index du Forum
Light Of God Index du ForumFAQRechercherS’enregistrerConnexion

Scénar&Triggers : TOUT SAVOIR !
Aller à la page: 1, 2  >
 
Poster un nouveau sujet   Répondre au sujet    Light Of God Index du Forum -> Espace technique -> Conseils AoT
Sujet précédent :: Sujet suivant  
Auteur Message
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Sam 3 Oct - 09:42 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Salut tout le monde ! Sa fait un moment que je ne suis plus allé sur le forum. A ma grande surprise, je retrouve un forum en vrac, des engueulades... alors que nous avons principalement fondé ce clan pour la bonne entente. Donc, Samy, je te prierai de ne pas faire TROP de remarques négative a propos de Ichigo et moi-même. Se serait sympa de ta part. Bon, ce topic est destiné au créateur de scénario :

I)> Comment faire une belle map
II)> Déclencheurs ? C'est quoi deja ?
III)> Placez les PNJs
IV)> Conclusion

--------------------------------------------------------------------------------------------------------------------------------

I)> Comment faire une belle map.

  Pour réaliser une belle carte(map) dans un scénario, vous devez déjà l'aplatir. Utilisez le bouton MONDE puis ELEVATION et appuyez un certain nombre de fois sur le bouton RABAISSER pour obtenir une map plate. Mais cette dernière est trop basse pour pouvoir placer de l'eau. Alors, remontez en appuyant sur le bouton MONTER. Essayer de placer de l'eau. Si sa marche, essayer de placer des CANYONS pour voir si le monde n'est pas trop haut. Sinon, ajustez. C'est bon ? Vous avez réussi ? Parfait. Vous pouvez aussi modifier la taille de la map dans le bouton MONDE.Vous allez vous attaquez aux textures:

Vous voulez faire une carte AQUATIQUE ? Remplissez le terrain de la texture d'eau d'Océan Artique.
Nous allons nous attaquer à une carte normale (forêt,canyon,eau). Pour faire des belles FORÊT vous devez varier les forêts du même type. Vous devez aussi faire correspondre le terrain a la forêt (par exemple, un terrain de feu ne correpondra pas a une forêt de pin enneigée). De beaux CANYONS, c'est simple. Vous devez cliquez plusieurs fois sur le même canyon puis, en faire de même sur les canyons a coté. Nombre de créateurs font les canyons d'un trait simple. Mais dans la réalité, les canyons ne sont pas droit. Le terrain est souvent imprévisible. Des belles RIVIERES : pour en faire de belles, il faut encore faire correspondre foret/canyon/terrain. Par exemple, une rivière Greek va a merveille avec les forets de pin et le terrain d'herbe. On ne met surtout pas une foret egyptienne, un terrain de feu et une riviere artique ( sauf cas exceptionnel).

Voilà qui conclus le premier chapitre sur "faire des belles map".

----------------------------------------------------------------------------------

II)> Déclencheurs ? C'est quoi deja ?

   Bon, je vais expliquer le plus simplement possible avec des images pour commencer de 0 la création des déclencheurs.



Appuyez sur INSERER pour inserer un nouveau déclencheur. Modifier son nom puis appuyez sur ENTREE. Maintenant, choisissez : *Actif (cochez pour que le declencheur soit actif. Laissez vide pour les "Fire Event" (on en reparlera) )
                   *Boucle (cochez pour que le déclencheur se répete. Souvent utilisé pour, par exemple, obtenir des pouvoirs divins toutes les 30 secondes.
                   *Lancer immédiatement (cochez pour que le déclencheur se lance dès le début de la partie. Le tout premier déclencheur du scénario DOIT avoir cette case cochée)

Maintenant, cliquez sur le petit rond Condit. pour passez dans la partie condition :
Vous pouvez insérer une condition a ce déclencheur. Comme par exemple : Valeur des Stats, unitée ennemies tuées => (égal ou plus)  30


A présent, cliquez sur le petit rond Effets pour passer dans la partie la plus importante des déclencheurs : les effets
:
Vous pouvez insérer un effet a ce déclencheur. Comme par exemple : Modif. proto-unit (le plus utilisé), hitpoint (les PVs) 50 (ajout de 50PVs) ; inserer un autre effet, Texte a l'écran : "Vous êtes monté(e) niveau 2 ! Félicitations !".

Bon. Maintenant décortiquons l'image :

(2)--> les cases a cocher.
(3)--> la liste des déclencheurs
(4)--> la liste des effets du déclencheur sélectionné
(5)--> la liste des conditions du déclencheur selectionné

A présent, vous voudrez surement créer des cinématiques. Insérer un autre déclencheur qui portera la nom de "Cinematic_1". Mettez en Actif ; lancez immédiatement (comme sur l'image). Aucune condition et les effets suivant : Cinematic mode <ON> ; Play Dialog <LENOMDUPERSONAGE : "Votre Dialogue"> Pas de Caméra Track ni de Sound Filname pour l'instant. Un deuxieme déclencheur avec la condition : Timer <LETEMPSDELAPREMIERECINEMATIC> (10 conseillé) et pour effet : Cinematic mode <OFF>. Et voilà ! Bon, voici pour les basics. J'ai essayer de faire le plus simple possible. Merci de me rendre vos impressions !

Voici ce qui clos le deuxieme chapitre sur les déclencheurs.

-------------------------------------------------------------------------------------

III)> Placez les PNJs

  Ce chapitre va être assez rapide. En effet, placez les PNJs est relativement simple mais attention tout de même a ne pas faire de gaffe. C'est pour cela que je vais vous éclaircir... : (je désigne à tort le terme de PNJ pour les héros joueurs.)

Règles :

Règle d'or du placement : Ne JAMAIS placez les mêmes PNJs protagonistes (en règle générale) cote a cote. Toujours changer les protagonistes, sinon le scénario sera assez répétitif (je pense aux scénarios "Mutation", ultra répétitif)
---
Règle n°1 : Les PNJs protagonistes (les PNJs héros, ceux que le joueur pourra contrôler) doivent être équilibré
Par exemple : Je travaille actuellement sur un scénario et j'ai placé différents héros. J'ai mis tous les stats des héros au même nombre (PV = 350, Speed = 5, ...). Vous n'êtes pas obligés de faire comme sa, mais, vous DEVEZ équilibré vos héros. Par exemple, un héros rapide et faible pour le J1, un héros fort mais lent pour le J2.

Règle n°2 : Les PNJs importants ne doivent surtout pas se ressembler.

Règle n°3 : Les PNJs "méchants" (boss) doivent être correctement équilibré aux forces des héros protagonistes. C'est évident mais souvent, les boss sont inégaux par rapport aux forces des héros (souvent trop fort), ce qui entraine la perte de ces derniers.

Règle n°4 : Les PNJs importants ne doivent pas être bloqués par la montagne, la foret ou l'eau.

Règle n°5 : Effectuez des rotations en mode éditeur pour mieux placez les PNJs.

IMPORTANT : Cela n'a rien a voir avec ce chapitre  mais je devais le caser quelque part : les PNJs neutre (Gaia) DOIVENT et DOIVENT être en diplomatie neutre avec tous les joueurs !! Pour ce faire :

Déclencheur --> Nouveau --> Effet : Diplomacy : Joueur : 1 à 0 = Neutral
                                                                            Joueur : 2 à 0 = Neutral

                                                                            etc... pour le nombre de joueur.

Voici ce qui clos le chapitre sur les PNJs. Chapitre fastidieux mais nécessaire.
-------------------------------------------------------------------------------------------------

IV)> Conclusion

Pour faire un bon scénario, mieux vaut respecter les chapitres ci-dessus. Je vous invite a améliorer vos compétences de créateurs de déclencheurs en allant dans le topic attribué à cela.

Voici ce  qui clos les bases d'un scénario. Si vous avez quelques questions, ou que vous pensez que je dois mettre des choses qui vous semblent importantes, un topic dans la section " problème technique" y est attribué.
Copyright "LoG_Toxin", Leader LoG et Créateur de scénario.

_________________


Dernière édition par LoG_Toxin le Mar 27 Oct - 13:45 (2009); édité 6 fois
Revenir en haut
Visiter le site web du posteur
Publicité






MessagePosté le: Sam 3 Oct - 09:42 (2009)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
SmUrF_Z3qU3
Ami LoG

Hors ligne

Inscrit le: 06 Sep 2009
Messages: 162
Localisation: A ton avis %)

MessagePosté le: Sam 3 Oct - 11:17 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

J'adore pour les RIVIERES (L)
_________________


Revenir en haut
Visiter le site web du posteur ICQ AIM Yahoo Messenger MSN GTalk/Jabber Skype
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Sam 3 Oct - 12:20 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Merci
_________________


Revenir en haut
Visiter le site web du posteur
SmUrF_Z3qU3
Ami LoG

Hors ligne

Inscrit le: 06 Sep 2009
Messages: 162
Localisation: A ton avis %)

MessagePosté le: Sam 3 Oct - 19:47 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Derien Wink
_________________


Revenir en haut
Visiter le site web du posteur ICQ AIM Yahoo Messenger MSN GTalk/Jabber Skype
LoG_Vegeta
Leader

Hors ligne

Inscrit le: 05 Sep 2009
Messages: 123
Localisation: Orchies - Nord

MessagePosté le: Sam 3 Oct - 21:08 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Il n'y aurait pas de remarques négatives si vous vous comportiez comme des être civilisés qui savent enchaîner des phrases sans inclure le mot "noob merde ta gueule boulet" hein .
Sinon très bonne initiative ce topic =)
_________________


Revenir en haut
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Dim 4 Oct - 08:51 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Je viens de post le nouveau chapitre sur les déclencheurs.
_________________


Revenir en haut
Visiter le site web du posteur
Anto
LoG Member

Hors ligne

Inscrit le: 10 Sep 2009
Messages: 58

MessagePosté le: Dim 4 Oct - 10:32 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

c'est sympa de faire ça amine

Revenir en haut
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Dim 4 Oct - 10:43 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

De rien  Embarassed
_________________


Revenir en haut
Visiter le site web du posteur
OveRstatsS
Ami LoG

Hors ligne

Inscrit le: 12 Sep 2009
Messages: 21
Localisation: Toundra

MessagePosté le: Mar 20 Oct - 06:00 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

GG ! ça roxX Puis je utiliser ce tutoriel sur Mysteria ? Évidemment je mettrai ton avatar avec en signifiant clairement qu'il s'agit de ton tutoriel....
 En fais j'aimerai faire une page wub rien que pour ton tutoriel (Pour toi) et si tu en réalises d'autre et bien tu auras autant de pages que de tutos ....

Qu'en penses tu ?
_________________


Revenir en haut
Visiter le site web du posteur Skype
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Ven 23 Oct - 17:54 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Je suis completement d'accord mais j'insiste bien sur le point comme quoi tu indique que c'est moi qui ai créer ce tuto ! Merci d'avance !
_________________


Revenir en haut
Visiter le site web du posteur
OveRstatsS
Ami LoG

Hors ligne

Inscrit le: 12 Sep 2009
Messages: 21
Localisation: Toundra

MessagePosté le: Ven 23 Oct - 22:04 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Évidemment ...
 Je vais même placer ton avatar pour que les internautes puissent te reconnaitre sur votre forum Cool

Alors vas y laches toi, fais moi un full tuto....Je suis en manque de rédacteurs ^^...

La futur page sera celle-ci http://www.doyoulikethat.com/Mysteria/apltuto.php  et ton tuto sera disponible peut être Dimanche soir.
_________________


Revenir en haut
Visiter le site web du posteur Skype
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Sam 24 Oct - 08:41 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Ok merci je m'attaquerai donc lundi aux prochains chapitres car la j'ai la flemme XD
_________________


Revenir en haut
Visiter le site web du posteur
OveRstatsS
Ami LoG

Hors ligne

Inscrit le: 12 Sep 2009
Messages: 21
Localisation: Toundra

MessagePosté le: Dim 25 Oct - 18:35 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Bon plutôt fin de semaine pour ce chapitre car je viens de formater installer domestiquer 2 oS 2 réseaux 2 xP
 chez moi ça m'a bouffé le weekend... Donc no stress..
 
Par contre c'est Ton 2 eme chapitre ?
 Contacts moi sur skipe pour qu'on s'organise si tu peux .... (MASKIFFONE)

Bye
_________________


Revenir en haut
Visiter le site web du posteur Skype
LoG_Toxin
Leader

Hors ligne

Inscrit le: 02 Sep 2009
Messages: 83
Localisation: France

MessagePosté le: Lun 26 Oct - 10:41 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

D'acc' !
_________________


Revenir en haut
Visiter le site web du posteur
OveRstatsS
Ami LoG

Hors ligne

Inscrit le: 12 Sep 2009
Messages: 21
Localisation: Toundra

MessagePosté le: Lun 26 Oct - 19:31 (2009)    Sujet du message: Scénar&Triggers : TOUT SAVOIR ! Répondre en citant

Voila >>>       http://www.doyoulikethat.com/Mysteria/apltutoxin.php     >>>
 Merci pour ton implication dans la Matrice de Aot powa. Merci à toi (franchement)

 Cela dit pourrais tu rédiger tes article en HTML langage universel d' encodage Web.
Mdr ...
 Non sérieux je t'apprendrai si tu veux....

Regarde voici ton tuto en HTML...



 
Code:



 <br/>
<div>


<font color="#ffffff" size="4">TUTORIEL SENAR1O \I/.</font><br/><br/>

<font color="#ffffff" size="2"><font color="green">....Tutoriel Réalisé par --> LoG ToXiN <--</font><br/>
Pour Log Clan Fr dispoSourse <a href="http://www.doyoulikethat.com/Mysteria/aplclan.php" class="scrollover" type="scrollover">>Clan_Allié_FR</a>(Cliquez sur le lien)

<ul><li>@ Leader Log Expert Editor Mode,<br/>
 <font color="green">TOXIN Thanks Bye Mysteria Powa Clan AOT /K1FF. @</font></li></ul><br/>

<img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/toxin.jpg"><br/><br/><br/>

Salut tout le monde ! Bon, ce topic est destiné au créateur de scénario :<br/>
<ul>
<li>I)><font color="red" size="3"> Comment faire une belle map</font></li>
<li>II)><font color="red" size="3"> Déclencheurs ? C'est quoi deja ?</font></li>
<li>III)><font color="red" size="3"> Placez les PNJs</font></li>
<li>IV)><font color="red" size="3"> Conclusion</font></li>
</ul>
<br/>
----------------------------------------------------------------------------------
<br/>
<br/>
<br/>
<font color="" size="4" face="Papyrus">I)> Comment faire une belle map.</font><br/><br/>

  Pour réaliser une belle carte(map) dans un scénario,<br/>
  vous devez déjà l'aplatir.</br>
  Utilisez le bouton <font color="green">MONDE</font> puis <font color="green">ELEVATION</font> et<br/>
  appuyez un certain nombre de fois<br/>
  sur le bouton <font color="green">RABAISSER</font> pour obtenir une map plate.<br/>
  Mais cette dernière est trop basse pour pouvoir placer de l'eau.<br/>
  Alors, remontez en appuyant sur le bouton <font color="green">MONTER.</font><br/>
  Essayer de placer de l'eau.<br/>
  Si sa marche, essayer de placer des <font color="green">CANYONS</font> pour voir si le monde<br/>
  n'est pas trop haut.<br/>
  Sinon, ajustez. C'est bon ? Vous avez réussi ? Parfait.<br/>
  Vous pouvez aussi modifier la taille de la map<br/>
  dans le bouton <font color="green">MONDE.</font><br/>
  <br/>
  Vous allez vous attaquez aux textures:
  <br/><br/>

<font color="red" size="3">Vous voulez faire une carte AQUATIQUE ?</font><br/><br/>

 Remplissez le terrain de la texture d'eau d'Océan Artique.<br/>
Nous allons nous attaquer à une carte normale (forêt,canyon,eau).<br/>
 Pour faire des belles FORÊT vous devez varier les forêts du même type.<br/>
 Vous devez aussi faire correspondre le terrain a la forêt <br/>
 (par exemple, un terrain de feu ne correpondra pas<br/>
 a une forêt de pin enneigée).<br/><br/>
 
 <font color="red" size="3">De beaux CANYONS, c'est simple.</font><br/><br/>
 
 Vous devez cliquez plusieurs fois sur le même canyon puis,<br/>
 en faire de même sur les canyons a coté.<br/>
 Nombre de créateurs font les canyons d'un trait simple.<br/>
 Mais dans la réalité, les canyons ne sont pas droit.<br/>
 Le terrain est souvent imprévisible.<br/><br/>
 
 <font color="red" size="3">Des belles RIVIERES :</font><br/><br/>
 
 Pour en faire de belles, il faut encore faire correspondre<br/>
 <font color="green">foret/canyon/terrain.</font><br/>
 Par exemple, une rivière Greek va a merveille avec <br/>
 les forets de pin et le terrain d'herbe.<br/>
 On ne met surtout pas une foret egyptienne,<br/>
 un terrain de feu et une riviere artique ( sauf cas exceptionnel).<br/>
 <br/><br/>

<font color="green">Voilà qui conclus le premier chapitre sur "faire des belles map".</font><br/><br/>

---------------------------------------------------------------------------------
<br/><br/>
<font color="" size="4" face="Papyrus">II)> Déclencheurs ? C'est quoi deja ?</font><br/><br/>

   Bon, je vais expliquer le plus simplement<br/>
   possible avec des images,<br/>
   pour commencer de 0 la création des déclencheurs.<br/><br/>



Appuyez sur <font color="green">INSERER</font> pour inserer un nouveau déclencheur.<br/>
 Modifier son nom puis appuyez sur <font color="green">ENTREE.</font><br/>
 Maintenant, choisissez :<br/>
<ol> <li><font color="red">*Actif</font> (cochez pour que le declencheur soit actif.<br/>
 Laissez vide pour les "Fire Event" (on en reparlera) )</li>
                   <li><font color="red">*Boucle</font> (cochez pour que le déclencheur se répete.<br/>
Souvent utilisé pour, par exemple, obtenir des pouvoirs<br/>
 divins toutes les 30 secondes.</li>
                   <li><font color="red">*Lancer immédiatement</font> <br/>
(cochez pour que le déclencheur se lance dès le début de la partie.<br/>
 Le tout premier déclencheur du scénario DOIT avoir cette case cochée)</li></ol><br/>

Maintenant, cliquez sur le petit rond Condit.<br/>
 pour passez dans la partie condition :<br/>
Vous pouvez insérer une condition a ce déclencheur.<br/>
 Comme par exemple : Valeur des Stats,<br/>
 unitée ennemies tuées => (égal ou plus)  30<br/><br/>


A présent, cliquez sur le petit rond Effets pour passer dans la partie<br/>
 la plus importante des déclencheurs : les effets :<br/>
Vous pouvez insérer un effet a ce déclencheur.<br/>
 Comme par exemple : Modif. proto-unit (le plus utilisé),<br/>
 hitpoint (les PVs) 50 (ajout de 50PVs) ;<br/>
 inserer un autre effet, Texte a l'écran :<br/>
 "Vous êtes monté(e) niveau 2 ! Félicitations !".
 <br/><br/>
 <img src="http://s3.archive-host.com/membres/images/141566365050705845/imgtuto.jpg">
 <br/>
<br/>
Bon. Maintenant décortiquons l'image :<br/><br/>

(2)--><font color="green"> les cases a cocher.</font><br/>
(3)--><font color="green"> la liste des déclencheurs</font><br/>
(4)--><font color="green"> la liste des effets du déclencheur sélectionné</font><br/>
(5)--><font color="green"> la liste des conditions du déclencheur selectionné</font><br/><br/>

A présent, vous voudrez surement créer des cinématiques.<br/>
 Insérer un autre déclencheur qui portera la nom de "Cinematic_1".<br/>
 Mettez en Actif ; lancez immédiatement (comme sur l'image).<br/>
 Aucune condition et les effets suivant :<br/>
 <font color="red">Cinematic mode <ON></font> ;<br/><br/>
 <font color="green">Play Dialog <LENOMDUPERSONAGE : "Votre Dialogue"></font><br/><br/>
 Pas de Caméra Track ni de Sound Filname pour l'instant.<br/>
 Un deuxieme déclencheur avec la condition :<br/>
 <br/><font color="green"> Timer <LETEMPSDELAPREMIERECINEMATIC></font><br/><br/>
 (10 conseillé) et pour effet : <font color="red">Cinematic mode <OFF></font>.<br/>
 Et voilà !<br/><br/>
 Bon, voici pour les basics. J'ai essayer de faire le plus simple possible.<br/><br/>
 Merci de me rendre vos impressions !<br/>
 (Sur LoG ><a href="http://www.doyoulikethat.com/Mysteria/aplclan.php" class="scrollover" type="scrollover">>Clan_Allié_FR</a> dans Espace Technique/Conseils AOT...<br/><br/>
<br/>
<font color="green" size="3">Voici ce qui clos le deuxieme chapitre sur les déclencheurs.<br/>
 Envoyez vos reactions !! (Copyright LoG_Toxin)<br/><br/>
 
 K1FF dit : Et bein Jolie travail Monsieur, bel investissement trés bien rédigé...<br/>
 ...Vivement la suite ! ^^</font><br/><br/>
 
 Merci à tous.

</font>
<br/><br/><br/>



</div>







 
Code:
 <div id="tutof">
<div style="width:120px;
height:30px;
background-color:#787746;
position:absolute; top:-15px; left:120px;
border:1px;
border-color:#ffffff;
border-style:ridge;z-index:1;">
 <center><font color="#ffffff" size="3" face="Papyrus">Tutos Forum</font></center>
</div>
</div>

<!--Menu gauche-->
<div id="support" style="position:absolute; top:176px; left:145px; width:150px; height:445px; overflow:hidden;
z-index:10;">
   <div id="contenu" style="position:absolute; top:0px; left:0px; padding:10px;10px;20px;10px;">
   
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />

</div>

</div>

<div style=" width:35px; height:100px; position:absolute; top:180px; right:708px;z-index:20;">
        <img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/flechehaut.jpg?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0;">
        <img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/flechebas.jpg?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0; bottom:0;">        
</div>
<!--Menu gauche fin-->


<div id="presente">
<div style="width:180px;
height:30px;
background-color:#787746;
position:absolute; top:3px; left:155px;
border:1px;
border-color:#ffffff;
border-style:ridge;z-index:1;">
 <center><font color="#ffffff" size="3" face="Papyrus">Les Tutoriels</font></center>
</div>

<div id="support2" style="position:absolute; top:10px; left:30px; width:504px; height:475px; overflow:hidden; background-color:#32331D;
border:1px;
border-color:#ffffff;
border-style:ridge;">
   <div id="contenu2" style="position:absolute; top:0px; left:0px; padding:10px;10px;20px;10px;">
   
<br/>

<?php
    include ("include/tutoindex.php");
?>

</div>
    
<div style=" width:35px; height:385px; position:absolute; top:35px; right:40px;z-index:10;border:1px;
border-color:#ffffff;
border-style:ridge;">
        <img onmouseover="moveLayer2(1);" onmouseout="clearTimeout(Timer);" src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/flechehaut.jpg?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0;">
        <img onmouseover="moveLayer2(-1);" onmouseout="clearTimeout(Timer);" src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/flechebas.jpg?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0; bottom:0;">        
</div>

</div>

</div>

<div id="tutos">
<div style="width:120px;
height:30px;
background-color:#787746;
position:absolute; top:-15px; left:18px;
border:1px;
border-color:#ffffff;
border-style:ridge;">
 <center><font color="#ffffff" size="3" face="Papyrus">Tutos Site</font></center>
</div>
</div>

<!--Menu droite-->

<div id="support3" style="position:absolute; top:176px; left:765px; width:150px; height:445px; overflow:hidden;
z-index:10;">
   <div id="contenu3" style="position:absolute; top:0px; left:0px; padding:10px;10px;20px;10px;">
   
<div id="li1" align="center"><a href="http://www.doyoulikethat.com/Mysteria/apltutoxin.php"
     class="scrollover" type="scrollover">Senario 1</a></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />
<div id="li1"></div><br /><br />

</div>
    
<div style=" width:35px; height:100px; position:absolute; top:10px; right:-2px;z-index:20;">
        <img onmouseover="moveLayer3(1);" onmouseout="clearTimeout(Timer);" src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/flechehaut.jpg?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0;">
        <img onmouseover="moveLayer3(-1);" onmouseout="clearTimeout(Timer);" src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/flechebas.jpg?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0; bottom:0;">        
</div>

</div>

<!--Menu droite fin-->







 
Code:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">



<head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
 <meta name = "author" content = "Maskiff"/>
 <meta name="keywords" content="Clan, Mysteria, Site Mysteria, KiffKiff Prod, Age of Mythology, Age of Mythologie"/>
 <meta name="description" content="Site du clan Mysteria"/>
 <meta name="Keyworks" content="Clan, Mysteria, Site Mysteria, KiffKiff Prod, Age of Mythology, Age of Mythologie,
 grecs, scandinaves, atlantéens, égyptiens"/>

 <title>Mysteria</title>

<link href="Css/Mysteria.css" rel="stylesheet" type="text/css" />

      <!--Défilement textes-->
<script language="javascript" type="text/javascript">
var Timer=null;
var Pas = 3;
function moveLayer(Sens) {
    var Objet=document.getElementById("contenu");
    if(parseInt(Objet.style.top) + (Pas*Sens)>0)  {
        clearTimeout(Timer);
    }
    else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support").offsetHeight)) {
        clearTimeout(Timer);
    }
    else {
        Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
    }
    Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}
</script>
      <!--Défilement textes fin-->
      <!--Défilement textes2-->
<script language="javascript" type="text/javascript">
var Timer=null;
var Pas = 3;
function moveLayer2(Sens) {
    var Objet=document.getElementById("contenu2");
    if(parseInt(Objet.style.top) + (Pas*Sens)>0)  {
        clearTimeout(Timer);
    }
    else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support2").offsetHeight)) {
        clearTimeout(Timer);
    }
    else {
        Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
    }
    Timer = setTimeout("moveLayer2(" + Sens + ");", 30);
}
</script>
      <!--Défilement textes2 fin-->
      <!--Défilement textes3-->
<script language="javascript" type="text/javascript">
var Timer=null;
var Pas = 3;
function moveLayer3(Sens) {
    var Objet=document.getElementById("contenu3");
    if(parseInt(Objet.style.top) + (Pas*Sens)>0)  {
        clearTimeout(Timer);
    }
    else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support3").offsetHeight)) {
        clearTimeout(Timer);
    }
    else {
        Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
    }
    Timer = setTimeout("moveLayer3(" + Sens + ");", 30);
}
</script>
      <!--Défilement textes3 fin-->
      
<!--Contact-->

<script language="JavaScript">

function ChangeUrl(formulaire)
    {
    if (formulaire.ListeUrl.selectedIndex != 0)
        {
        location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
         }
    else
        {
        alert('Explications');
        }
    }
</script>        
        
<!--contact fin-->

      <!--soulignement des liens-->              
   <style type="text/css">
  A {text-decoration: none;}
   </style>
       <!--soulignement des liens-->
       
         <!--Script Lien class-->
<script type="text/javascript" src="http://Doyoulikethat.com/Mysteria/Script/Script Scroll.js"></script>
            <!--Fin Script-->    
   
</head>

<!--Kiff Prod pour Mysteria clan-->

<body bgcolor="#000000" style="background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/Fontecran.jpg);background-repeat:no-repeat;">

<!--StasGoogle-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11141010-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<!--StasGoogle-->
<!--StasGoogle-->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
try {
_uacct = "UA-11141010-1";
urchinTracker();
} catch(err) {}</script>
<!--StasGoogle-->
<!--general--><div id="general">

   <div id="index1">
    <a href="http://www.doyoulikethat.com/Mysteria/index.php">
    <img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/index.jpg" border="0"></a>
   </div>

<!-- menu droite--><div id="md">

    <?php
    include ("include/cl2.php");
     ?>
    
   <div id="menu_int">
   
     <br/>
    
     <div id="title">
   <img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/loki.jpg">
  </div>
<br/>
<br/>
<br/>
<br/>
<br/>

    <div id="Menud">
     <center>
      <font color="#ffffff" face="Papyrus" size="2">
                                 MENU FORUM
      </font>
     </center>
    </div>
    
     <br/>
     <br/>
     <br/>
    
  <center>

    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/aplpostu.php"
     class="scrollover" type="scrollover">Postulations</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/apldepanage.php"
     class="scrollover" type="scrollover">Dépanages</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/aplgames.php"
     class="scrollover" type="scrollover">Games</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/apldlmyst.php"
     class="scrollover" type="scrollover">Téléchargements</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/apltournois.php"
     class="scrollover" type="scrollover">Tournois</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Images</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Sons</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Ch3aT</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Templates</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">MAS School</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Stratégies</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/aplclan.php"
     class="scrollover" type="scrollover">Clans Partenaires</a>
    <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Sites Utilies</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/apltuto.php"
     class="scrollover" type="scrollover">Demandes+Tutos</a>
     <div id="f11c"><img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/construction.gif" title="En Construction..." border="0"></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/aplpatchexperts.php"
     class="scrollover" type="scrollover">Packs Experts</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/aplpatchmembres.php"
     class="scrollover" type="scrollover">Packs Membres</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">X.Files</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Stats Mysteria</a>
    
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/aplstats.php"
     class="scrollover" type="scrollover">Stats Eso</a>
     <div id="f1"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Classements Membres</a>
    </div>
     <br/>
    <div id="m1"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Ta Gueule à l'Affiche</a>
    </div>
    
   <br/>

  </center>    
 </div>
  </div>
 
  <!-- logo flash -->
 
  <div id="head">
 <center>
  <object width="1040px" height="118px">
     <param name="movie" value="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/logo.swf">
     <param name="quality" value="high">
      <embed src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/logo.swf"
       loop="0" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
       width="1040px" height="118px">
      </embed>
   </object>
 </center>
  </div>
  <!-- logo -->
 
  <?php
    include ("include/cl1.php");
     ?>





 
Code:
 <!-- menu gauche--><div id="mg">

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>

<div id="Menud2">
     <center>
      <font color="#ffffff" face="Papyrus" size="4">
                                 MENU INTRO
      </font>
     </center>
</div>
<br/>
<br/>
<br/>

<center>

    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/apllien1.php"
     class="scrollover" type="scrollover">Présentation du Site</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
     </div>
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/apllien2.php"
     class="scrollover" type="scrollover">Réglement Mysteria</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/apllien3.php"
     class="scrollover" type="scrollover">Réglement Mas</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
    
    <div id="m11x"><a href="http://www.doyoulikethat.com/Mysteria/apljournal.php"
     class="scrollover" type="scrollover">Foire aux Questions !</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
        
</center>

<br/>
<br/>
<br/>

<div id="Menud2">
     <center>
      <font color="#ffffff" face="Papyrus" size="4">
                                 MENU SITE
      </font>
     </center>
</div>
<br/>
<br/>
<br/>

<center>

    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/apllien12.php"
     class="scrollover" type="scrollover">Téléchargements</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Diseign Art</a>
    
    </div>
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Programmation Web</a>
    
    </div>
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Programmation Dur</a>
    
    </div>
    
    <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/aplhack11.php"
     class="scrollover" type="scrollover">Hacking</a>
    <div id="f12c"><img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/construction.jpg" title="En Construction..."></div>
    </div>
    
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/aplradio.php"
     class="scrollover" type="scrollover">Radios Nationales</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
     <br/>
    <div id="m10"><a href="http://www.doyoulikethat.com/Mysteria/index.php"
     class="scrollover" type="scrollover">Les Sites Partenaires</a>
    
     </div>
     <br/>
    <div id="m10fin"><a href="http://www.flyordie.com/games/sites/calioga/games.html?game=Chess&room=640&lang=fr"
     class="scrollover" type="scrollover">Jouer aux Echecs</a>
     <div id="f12"><img src="http://www.toocharger.com/img/graphiques/gifs_animes/webmaster/fleches/sfleche.1249.gif" title="Lien Activé ! Page finit..."></div>
    </div>
    
    
    <div id="ref">
     <a href="http://aom.heavengames.com"
      target="_blank">
       <img src="http://www.heavengames.com/hgcommon/btns/btn_aomh.gif"
        border="0" width="90" height="30">
    </a><br/>
    <!-- refgratuit.fr - 80x15 - 1 -->
<center><a href="http://www.refgratuit.fr/" target="_top"><img
src="http://www.refgratuit.fr/images/pub/80x15.png"
border="0" alt="référencement gratuit"></a></center>
<!-- refgratuit.fr - 80x15 - 1 --></div>

<!-- refgratuit-->
<div id="ref2">
<table width="100" height="25" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <a href="http://www.frawee.com/">
    <img src="http://www.franceastro.com/images/ref_01.jpg" border="0" width="20" height="25" alt="Evenements"></a>
  </td>
  <td>
   <a rel="nofollow" href="http://www.franceastro.com/referencement-gratuit/">
    <img src="http://www.franceastro.com/images/ref_02.jpg" border="0" width="80" height="25" alt="Referencement gratuit"></a>
  </td>
 </tr>
</table>
</div>
<!-- refgratuit-->
</div>        
    
</center>

<!-- menu gauche fin--></div>

<div id="ppage">
 <div id="title2">
    <img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/age_of_mythology2.jpg"><font color="black">.KIFF/.........PROD/................KIFF/.........PROD/....................KIFF/.........PROD/</font>
    
    <!--son-->
<div id="son">

 <center>
   <object width="90" height="80">
     <param name="movie" value="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/son.swf">
     <param name="quality" value="high">
   <embed src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/son.swf"
     quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
     type="application/x-shockwave-flash" width="90" height="80">
   </embed>
  </object>
 </center>
 
</div>
    <!--son-->

    <img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/aom_34.jpg">
 </div>
 
 <div id="piedKiff">
 <br/>
 <center>
 <font color="#ffffff" size="2">
 <i>Ex¢lusive Kjff Production 2009
 for MYSTERIA/Clan/AoT</i>
 <i>Mas+ et Partenaires Powa !</i>
 <font>
 </center>
 <br/>
 </div>
 
 
 <div id="imgmyst">
  <img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/forummystint.jpg">
 </div>
 
 <div id="forummyst">
 <center><a href="http://www.doyoulikethat.com/Mysteria/forum.php">
 <IMG onmouseover="this.src='http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fmyst2.jpg'"
 src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fmyst1.jpg"
onmouseout="this.src='http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fmyst1.jpg'" border="0">
</a> </center>
 </div>
 
  <div id="kiffprod">
  <img src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/kiffprod.jpg">
  </div>
 </div>
 
  <div id="contact">
  <img src="http://www.gif-anime.org/im/gif/webmaster/mini_fleches/mini_fleches3.gif">
  <a href="http://Doyoulikethat.com/Mysteria/aplcontact.php">
 <IMG onmouseover="this.src='http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/img2.jpg'"
 src="http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/img1.jpg"
onmouseout="this.src='http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/img1.jpg'" border="0">
</a>
  </div>
 <br/>
 <br/>
 
<!--general--></div>

    
</body>
</html>






 
Code:
 <?php
    include ("include/header.php");
?>
    
<?php
    include ("include/tutoxin.php");
?>
    
<?php
    include ("include/footer.php");
?>   

 





 
Code:
 <style type="text/css">

/*Kiff prod for Mysteria Clan*/
body
{
}
.milieu  { vertical-align:middle;}

.topic_masque
{
visibility: hidden;
}

a.shakeimage {
 POSITION: relative
}
a.scrollover2 {
     /* Default Colour/Styles here */
     color:#787746;    
}

a.scrollover {
     /* Default Colour/Styles here */
     color:#FFFFFF;    
}    
a.scrollover em:first-line {
     /* Rollover Colour/Styles here */
     color:#B9121B;
}

/*total*/

 
div#general
{
width:1010px;
height:710px;
position:absolute; top:5px; left:80px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#f1
{
position:absolute; top:0px; left:159px;
z-index:21;
}

div#f11c
{
position:absolute; top:0px; left:156px;
z-index:21;
}

div#f1x
{
position:absolute; top:0px; left:134px;
z-index:21;
}

div#f1c
{
position:absolute; top:0px; left:129px;
z-index:21;
}

div#f2
{
position:absolute; top:0px; left:159px;
z-index:21;
}

div#f2c
{
position:absolute; top:0px; left:154px;
z-index:21;
}

div#f11
{
position:absolute; top:0px; left:169px;
z-index:21;
}

div#f12
{
position:absolute; top:0px; left:179px;
z-index:21;
}
 
div#f12c
{
position:absolute; top:0px; left:175px;
z-index:21;
}  
 
div#ref2
{
position:absolute; top:735px; left:1119px;
}
 
div#index1
{
position:absolute; top:140px; left:-43px;
z-index:11;
}

div#index1x
 {
position:absolute; top:143px; left:-50px;
z-index:11;
}
 
div#textindex
 {
width:300px;
height:350px;
position:absolute; top:205px; left:199px;
padding:10px;
background-color:#243A4D;
border:1px;
border-color:#FFFF33;
border-style:ridge;
}
 
div#commentaire
{
width:200px;
height:50px;
position:absolute; top:190px; left:945px;
padding:10px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}
 
div#retour
{
position:absolute; top:124px; left:920px;
z-index:1;
}

div#drapeau
{
position:absolute; top:200px; left:0px;
z-index:1;
}

div#generalbis
{
width:1200px;
height:710px;
position:absolute; top:5px; left:40px;
}

div#imgset
{
position:absolute; top:365px; left:765px;
}

div#imggauche
{
position:absolute; top:440px; left:-30px;
z-index:2;
}


/*Menu gauche*/

div#aom
{
position:absolute; top:725px; left:800px;
z-index:1;
}

div#aom2
{
position:absolute; top:725px; left:150px;
}

div#mg
{
width:100px;
height:700px;
position:absolute; top:-1px; left:-60px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#m10
{
width:200px;
height:40px;
position:absolute; left:5px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#m10h
{
width:200px;
height:40px;
position:absolute; left:5px;
background-color:#003300;
padding:2px;
border:1px;
border-color:#CC0000;
border-style:ridge;
}

div#m10h1
{
width:200px;
height:40px;
position:absolute; left:5px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#CC0000;
border-style:ridge;
}

div#m10fin
{
width:200px;
height:25px;
position:absolute; left:5px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#m10finh
{
width:200px;
height:25px;
position:absolute; left:5px;
background-color:#003300;
padding:2px;
border:1px;
border-color:#CC0000;
border-style:ridge;
}

div#m10x
{
width:180px;
height:18px;
position:relative; left:5px;
padding:1px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:4;
}

div#m11x
{
width:202px;
height:20px;
position:absolute; top:306px; left:5px;
padding:1px;
border:1px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:20;
}

div#m11xh
{
width:202px;
height:20px;
position:absolute; top:306px; left:5px;
padding:1px;
border:1px;
background-color:#003300;
border:1px;
border-color:#CC0000;
border-style:ridge;
z-index:20;
}

div#m11x2
{
width:180px;
height:20px;
position:absolute; top:306px; left:5px;
padding:1px;
border:1px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:20;
}

div#Menud2
{
width:180px;
height:40px;
position:absolute; left:25px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

 div#ref
 {
 position:absolute; left:110px; top:574px;
 }
 
 
  div#ppage
  {
 position:absolute; left:85px; top:0px;
 }
 
div#Menud2x
{
width:160px;
height:40px;
position:absolute; left:25px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#fontnoirg
{
width:200px;
height:390px;
position:absolute; left:-20px; top:215px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontgauche.jpg);
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#fontnoird
{
width:160px;
height:520px;
position:absolute; left:-95px; top:168px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontdroite.jpg);
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:11;
}
/*Menu gauche fin*/


div#kiffprod
{
width:30px;
height:547px;
position:absolute; top:-700px; left:845px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#piedKiff
{
width:200px;
position:absolute; top:721px; left:0px;
}

div#piedKiffh
{
background-color:#000000;
width:200px;
position:absolute; top:705px; left:-70px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#piedKiffx
{
width:400px;
height:20px;
position:absolute; top:721px; left:305px;
z-index:10;
}

div#piedKiff2
{
width:400px;
height:20px;
position:absolute; top:700px; left:720px;
}

div#piedKiff21
{
width:400px;
height:20px;
position:absolute; top:720px; left:260px;
}
 
div#forummyst
{
position:absolute; top:630px; left:390px;
z-index:2;
}

div#forumhack
{
position:absolute; top:576px; left:-110px;
z-index:2;
}

div#imgmysth
{
position:absolute; top:611px; left:-134px;
z-index:3;
}

div#fontntete
{
background-color:#000000;
width:1063px;
height:150px;
position:absolute; top:0px; left:-50px;
}

div#fontntete2
{
background-color:#000000;
width:80px;
height:800px;
position:absolute; top:-6px; left:1080px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#head
{
width:1050px;
height:125px;
position:absolute; top:11px; left:-50px;
}

div#cl1
{
width:900px;
height:562px;
position:absolute; top:147px; left:-20px;
background-color:#32331D;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#cl2
{
width:220px;
height:600px;
padding:10px;
position:absolute; top:149px; left:-186px;
background-color:#32331D;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#page1
{
width:414px;
height:500px;
position:absolute; top:149px; left:286px;
}

/*Menu droite*/

div#md
{
width:140px;
height:600px;
position:absolute; top:-2px; left:996px;
}

div#m1
{
width:200px;
height:40px;
position:absolute; left:-80px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#m1h
{
width:200px;
height:40px;
position:absolute; left:-80px;
background-color:#003300;
padding:2px;
border:1px;
border-color:#CC0000;
border-style:ridge;
}

div#mx
{
width:150px;
height:18px;
position:relative; left:-90px;
padding:1px;
border:1px;
z-index:11;
}

div#Menud
{
width:200px;
position:absolute; left:-80px; top:135px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:10;
}

div#Menudh
{
width:200px;
position:absolute; left:-80px; top:140px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:10;
}

div#Menudx
{
width:250px;
position:absolute; left:-135px; top:137px;
background-color:#787746;
padding:2px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:25;
}

div#title
{
width:106px;
height:125px;
position:absolute; top:4px; left:18px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#titleh
{
position:absolute; top:4px; left:18px;
border:1px;
border-color:#CC0000;
border-style:ridge;
}

div#smith
{
position:absolute; top:550px; left:952px;
z-index:20;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#menu_int
{
width:105px;
height:728px;
position:absolute; top:1px; left:17px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#menu_inth
{
width:105px;
height:728px;
position:absolute; top:1px; left:17px;
background-color:#000000;
border:1px;
border-color:#CC0000;
border-style:ridge;
}

div#title2
{
width:1200px;
height:100px;
position:absolute; top:635px; left:-53px;
background-color:#000000;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#title2x
{
width:1200px;
height:100px;
position:absolute; top:728px; left:-53px;
background-color:#000000;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:10;
}

/*Menu droite fin*/

div#son
{
width:90px;
height:80px;
position:absolute; top:10px; left:1134px;
background-color:#000000;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

/*Les Liens*/
 
div#présentation
{
width:744px;
height:450px;
position:absolute; top:170px; left:170px;
background-image:url(http://s3.archive-host.com/membres/images/141566365050705845/fontdivmilieu.jpg);
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#présentation2
{
width:400px;
height:40px;
position:absolute; top:100px; left:168px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#présentationint
{
height:185px;
width:140px;
position:absolute; top:163px; left:130px;
}

div#présentation211
{
width:744px;
height:450px;
position:absolute; top:170px; left:170px;
background-image:url();
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#présentationint1
{
height:185px;
width:140px;
position:absolute; top:163px; left:130px;
}

div#li1
{
width:100px;
height:30px;
position:absolute;
}

div#présentation21
{
width:760px;
height:60px;
position:absolute; top:-5px; left:-9px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#img
{
position:absolute; top:-110px; left:422px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#icone1
{
position:absolute; top:10px; left:10px;
z-index:2;
}

/*Les Liens fin*/

div#menuswf
{
height:40px;
width:500px;
position:absolute; top:-170px; left:-40px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

/*menu dl*/

div#menudl
{
height:30px;
width:360px;
position:absolute; top:-120px; left:0px;

}

div#dl1
{
height:20px;
width:90px;
position:absolute; top:2px; left:0px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#dl2
{
height:20px;
width:90px;
position:absolute; top:2px; left:90px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#dl3
{
height:20px;
width:90px;
position:absolute; top:2px; left:180px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#dl4
{
height:20px;
width:90px;
position:absolute; top:2px; left:270px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

/*menu dl*/

div#dldl1
{
position:absolute; top:10px; left:10;
padding:5px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#dldl
{
height:95px;
width:380px;
padding:2px;
position: relative; left:95px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#dldldl
{
height:95px;
width:70px;
padding:2px;
position: absolute;
background-color:#32331D;
}

div#dldldl1
{
height:95px;
width:85px;
padding:2px;
position: absolute;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#imgallpage
{
position:absolute; top:-577px; left:450px;
z-index:11;
}

div#decor
{
position:absolute; top:545px; left:580px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:2;
}

div#fontcadre
{
position:absolute; top:90px; left:191px;
}

/*Clan Partenaires*/

div#clanspartenaires

{
height:645px;
width:730px;
position:absolute; top:145px; left:20px;
background-color:#000000;

}

div#titleclan
{
height:35px;
width:1190px;
position:absolute; top:-25px; left:3px;
padding:6px;
background-color:#40411E;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#cp1
{
height:30px;
width:118px;
position:absolute; top:35px; left:141px;
padding:6px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#cp2
{
height:30px;
width:118px;
position:absolute; top:35px; left:259px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#cp3
{
height:30px;
width:118px;
position:absolute; top:35px; left:377px;
padding:6px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}


div#cp4
{
height:30px;
width:118px;
position:absolute; top:35px; left:485px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#cp5
{
height:30px;
width:118px;
position:absolute; top:35px; left:593px;
padding:6px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#cp6
{
height:30px;
width:118px;
position:absolute; top:35px; left:691px;
padding:2px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#imgclan
{
height:300px;
width:695px;
position:absolute; top:50px; left:165px;
background-color:#000000;
}

div#imgc1

{
height:450px;
width:200px;
position:absolute; top:50px; left:35px;
z-index:1;
}

div#imgc2
{
height:450px;
width:200px;
position:absolute; top:50px; left:128px;
z-index:1;
}

div#imgc3

{
height:450px;
width:118px;
position:absolute; top:50px; left:221px;
z-index:1;
}

div#imgc4
{
height:450px;
width:118px;
position:absolute; top:50px; left:314px;
z-index:1;
}

div#imgc5

{
height:450px;
width:118px;
position:absolute; top:50px; left:407px;
z-index:1;
}

div#imgc6

{
height:450px;
width:118px;
position:absolute; top:50px; left:500px;
z-index:1;
}

div#iframe
{
height:418px;
width:1100px;
position:absolute; top:90px; left:110px;
}

/*Clan Partenaires fin*/

div#iframe2
{
position:absolute; top:-577px; left:-156px;
 z-index:9;
}

div#retourtotal
{
width:140px;
height:500px;
position:absolute; top:200px; left:75px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#gifd
{
position:absolute; top:455px; left:-14px;
z-index:1;
}

div#gifg
{
position:absolute; top:455px; left:121px;
z-index:1;
}

div#contact
{
position:absolute; top:-215px; left:839px;
}

div#kiffkiffprod
{
position:absolute; top:303px; left:0px;
}

div#contactx
{
position:absolute; top:-98px; left:783px;
 z-index:11;
}

div#kiffprodx
{
position:absolute; top:-565px; left:800px;
}

div#imgmyst
{
position:absolute; top:605px; left:330px;
z-index:3;
}

div#foot
{
width:771px;
height:500px;
position:absolute; top:145px; left:156px;
background-color:#000000;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#titrevitrine
{
width:750px;
height:50px;
padding:5px;
position:absolute; top:136px; left:163px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#stats
{
width:750px;
height:496px;
position:absolute; top:135px; left:170px;
background-color:#000000;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#stats2
{
width:400px;
height:480px;
position:absolute; top:143px; left:510px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#horizontal
{
position:absolute; top:-23px; left:-163px;
}

div#horizontal2
{
position:absolute; top:-587px; left:-163px;
}

div#vertical
{
position:absolute; top:-572px; left:-163px;
}

div#timbre
{
position:absolute; top:-123px; left:-225px;
z-index:10;
}

div#timbre2
{
position:absolute; top:-128px; left:-365px;
z-index:10;
}

div#fontindex
{
height:325px;
position:absolute; top:205px; left:524px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#fontindex2
{
position:absolute; top:534px; left:280px;
}

div#longuehaut
{
height:35px;
position:absolute; top:159px; left:200px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#patchexperts
{
height:539px;
width:678px;
position:absolute; top:159px; left:200px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#bloc
{
height:549px;
width:150px;
padding:3px;
position:absolute; top:155px; left:857px;
background-color:#000000;
}

div#patch1
{
height:50px;
width:450px;
padding:3px;
position:absolute; top:698px; left:570px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:0;
}

div#Mysteriatxt
{
position:absolute; top:600px; left:513px;
z-index:20;
}

div#namepatch
{
height:510px;
width:150px;
padding:3px;
position:absolute; top:169px; left:160px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria_Games/backgroundpatch.jpg);
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#namexpert
{
height:22px;
width:120px;
padding:5px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#dlexpert
{
height:22px;
width:200px;
padding:3px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#imgpatch
{
position:absolute; top:149px; left:680px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#radio
{
height:380px;
width:500px;
padding:3px;
position:absolute; top:169px; left:300px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#barre
{
height:22px;
width:503px;
position:absolute; top:0px; left:0px;
background-color:#787746;
z-index:2;
}

div#fontradio
{
height:300px;
width:750px;
position:absolute; top:380px; left:155px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:2;
}

div#fontradioint
{
position:absolute; top:15px; left:30px;
z-index:2;
}

div#clip
{
width:640px;
position:absolute; top:390px; left:180px;
background-color:#000000;
z-index:2;
}

div#Rimgd
{
height:550px;
width:100px;
background-color:#787746;
position:absolute; top:143px; left:805px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:3;
}

div#Rimgg
{
height:204px;
width:150px;
background-color:#787746;
position:absolute; top:169px; left:142px;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:2;
}

div#journal
{
height:450px;
width:700px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontjiournal.jpg);
position:absolute; top:169px; left:170px;
z-index:1;
}

div#interview
{
height:450px;
width:700px;
background-color:#787746;
position:absolute; top:175px; left:210px;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#txtinterv
{
height:200px;
width:30px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/interview.jpg);
position:absolute; top:100px; left:665px;
}

div#txtinterv2
{
height:200px;
width:30px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/question.jpg);
position:absolute; top:100px; left:665px;
}

div#sujet
{
height:400px;
width:630px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontsujet.jpg);
position:absolute; top:45px; left:10px;
}

div#faq
{
height:40px;
width:300px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/faqMyst.jpg);
position:absolute; top:5px; left:200px;
}

div#faq2
{
height:40px;
width:300px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/linterviewdumois.jpg);
position:absolute; top:5px; left:200px;
}

div#date
{
height:30px;
width:80px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontdate.jpg);
position:absolute; top:140px; left:170px;
z-index:2;
}

div#date21
{
height:30px;
width:80px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontdate.jpg);
position:absolute; top:140px; left:170px;
z-index:2;
}

div#date2
{
height:30px;
width:80px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontdate.jpg);
position:absolute; top:140px; left:250px;
z-index:1;
}

div#date1
{
height:30px;
width:80px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/fontdate.jpg);
position:absolute; top:140px; left:250px;
z-index:1;
}

div#jaminter
{
position:absolute; top:255px; left:700px;
z-index:2;
}

div#Mystinter
{
position:absolute; top:255px; left:700px;
z-index:2;
}


div#K1ffinter2
{
position:absolute; top:630px; left:245px;
z-index:4;
}


div#Vs
{
position:absolute; top:675px; left:370px;
z-index:10;
}

div#Perfectinter
{
height:80px;
width:80px;
position:absolute; top:640px; left:635px;
z-index:2;
}

div#cadre1
{
position:absolute; top:174px; left:-8px;
}

div#barregmenu
{
position:absolute; top:174px; left:150px;
}

div#cadre2
{
position:absolute; top:614px; left:-20px;
}

div#font2
{
height:73px;
width:183px;
position:absolute; top:610px; left:4px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#zone1
{
position:absolute; top:610px; left:700px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
z-index:1;
}

div#messhack
{
position:absolute; top:150px; left:200px;
}

div#tutof
{
width:220px;
height:400px;
position:absolute; top:160px; left:40px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/tutog.jpg);
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#tutos
{
width:130px;
height:420px;
position:absolute; top:160px; left:770px;
background-image:url(http://s3.archive-host.com/membres/up/141566365050705845/Mysteria/tutod.jpg);
border:1px;
border-color:#ffffff;
border-style:ridge;
}

div#presente
{
width:500px;
height:650px;
position:absolute; top:135px; left:265px;
background-color:#787746;
border:1px;
border-color:#ffffff;
border-style:ridge;
}

</style>

 
....J'ai écris tout ça ???? Cool Abusé mais j'adore la Matrice.... Razz

Imagine un instant le boulot qu'il y a derrière ta ptite entreprise ...

Allé GG mon gas tu rox.
_________________


Revenir en haut
Visiter le site web du posteur Skype
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 13:25 (2018)    Sujet du message: Scénar&Triggers : TOUT SAVOIR !

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Light Of God Index du Forum ->
   Conseils AoT
Toutes les heures sont au format GMT + 1 Heure
Aller à la page: 1, 2  >
Page 1 sur 2

 
Sauter vers:  

Index | Panneau d’administration | créer forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Template higlightSilver created by larme d'ange
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com