Royaume de sainte-Croix


 
AccueilMembresGroupesRechercherS'enregistrerConnexionCalendrierFAQ
Forums amis

WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

Navigation interne
Sondage
Quelle est la pièce d'œuvre qui vous paraît la plus géniale compte tenu du contexte de chaque création.
01 L'Acropole
9%
 9% [ 1 ]
02 Le palais d'Angkor
0%
 0% [ 0 ]
03 Le Grand Boudha
0%
 0% [ 0 ]
04 Le Colisée
9%
 9% [ 1 ]
05 La Grande Mosquée du Maroc
0%
 0% [ 0 ]
06 Les statues de l'Ile de Pâques
9%
 9% [ 1 ]
07 Le Palais de Matsumoto
9%
 9% [ 1 ]
08 La grande Muraille de Chine
9%
 9% [ 1 ]
09 L'Opéra de Sidney
0%
 0% [ 0 ]
10 Les Pyramides de Gizeh
9%
 9% [ 1 ]
11 Les Pyramides Incas
0%
 0% [ 0 ]
12 Le Mont Rushmore
0%
 0% [ 0 ]
13 Stonehenge
27%
 27% [ 3 ]
14 Le Taj Mahal
18%
 18% [ 2 ]
Total des votes : 11

Partagez | 
 

 Utilisation de la carte de Ste-Croix

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Statut :
avatar
Robinson
MessageSujet: Utilisation de la carte de Ste-Croix   Ven 27 Juil - 0:39

La mécanique de la carte se trouve dans une page html du forum. Pour s'y rendre, TA, MODULE, tout en bas à gauche, HTML & JAVASCRIPT, gestion des pages html. C'est la page n°1
Lorsque l'on clique sur la réa jaune, dans le cadre nomé CODE HTML*, apparait ceci:
Code:
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="100" height="3">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
    <param name="bgcolor" value="#000000" />
    <param name="FlashVars" value="mp3=http://www.archive-host.com/files/1679727/971e6b8110bd71cb5648125842a5ee4cef93a149/Mer_calme.mp3&autoplay=1&volume=40" />
    </object></center>

    <center><table width="88%" cellpadding="3" cellspacing="1" border="0" bgcolor="#000000"><tr>
    <td width=10 style="color:white" bgcolor="#b8b885">></td>
    <td style="color:#333333;font-weight:bold;background-color:#b8b885;">CARTE DU JEU : dernière maj 11-10-12</td>
    </tr></table></center>

    <div style="width:1024px;height:1024px;position:relative;top:0px;left:0px;margin:auto">
    <img usemap="#page_d_accueil" src="http://www.archive-host.com/files/1736465/971e6b8110bd71cb5648125842a5ee4cef93a149/1024_5_noms.png" width="1024" height="1024" border="0">
    <map name="page_d_accueil">
    <area shape="poly" title="L'île des pirates" coords="201, 17, 175, 37, 175, 52, 181, 59, 197, 69, 222, 71, 247, 63, 253, 56, 252, 47, 230, 22, 222, 17, 201, 17" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="L'île du Lézard" coords="321, 358, 283, 394, 268, 449, 283, 449, 338, 392, 321, 358" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="Comptoir des boucaniers" coords="49, 495, 17, 518, 17, 543, 119, 529, 180, 496, 176, 485, 135, 490, 96, 510, 49, 495" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="Forest aux druides" coords="959,12,969,26,981,26,997,51,995,63,958,62,938,31,959,12"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Agriculture" coords="929,139,950,144,955,159,940,160,941,185,928,187,921,183,925,167,907,158,916,153,913,144,929,139"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Elevage" coords="865,318,916,319,925,335,925,352,884,353,871,865,318"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Royaume des Terres du Levant" coords="790, 0, 757, 32, 861, 94, 808, 111, 849, 220, 782, 244, 747, 350, 810, 382, 1003, 406, 940, 597, 983, 746, 1024, 750, 1024, 0, 790, 0"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Lin" coords="306,927,295,961,312,957,325,961,333,959,339,949,330,939,317,941,306,927" href="http://sainte-croix.forumgratuit.org/h10-triangle" />
    <area shape="poly" title="Royaume du triangle" coords="328, 786, 266, 886, 238, 967, 411, 966, 415, 948, 381, 862, 328, 786" href="http://sainte-croix.forumgratuit.org/h10-triangle" />
    <area shape="poly" title="Royaume des Espérides" coords="164, 204, 109, 212, 59, 251, 36, 294, 33, 325, 42, 338, 63, 358, 160, 403, 214, 332, 200, 225, 164, 204" href="http://sainte-croix.forumgratuit.org/h9-roy-esperides" />
    <area shape="poly" title="Mines de charbon" coords="559,65,570,74,574,83,542,83,559,65" href="http://sainte-croix.forumgratuit.org/h8-provinces-unies" />
    <area shape="poly" title="Mines de fer" coords="358,263,370,275,329,275,339,265,346,270,350,263,358,263" href="http://sainte-croix.forumgratuit.org/h8-provinces-unies" />
    <area shape="poly" title="Les Provinces-Unies" coords="485, 42, 403, 133, 311, 273, 309, 291, 399, 368, 461, 277, 565, 311, 713, 169, 692, 84, 647, 57, 525, 31, 497, 33, 485, 42" href="http://sainte-croix.forumgratuit.org/h8-provinces-unies" />
    <area shape="poly" title="Delta ensablé" coords="536,543,531,540,520,539,506,551,505,556,520,559,536,552,536,543" href="http://sainte-croix.forumgratuit.org/h6-grandes-terres" />
    <area shape="poly" title="Royaume des grandes Terres" coords="677, 356, 504, 452, 465, 486, 452, 505, 445, 621, 506, 787, 598, 875, 683, 904, 798, 918, 874, 917, 917, 897, 928, 854, 928, 454, 915, 430, 863, 399, 718, 361, 677, 356" href="http://sainte-croix.forumgratuit.org/h6-grandes-terres" />
    <area shape="poly" title="Les îles désertes" coords="244, 550, 196, 573, 184, 601, 183, 625, 198, 655, 230, 680, 283, 692, 291, 689, 351, 636, 344, 553, 244, 550" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="L'île de la Flibuste" coords="139, 741, 109, 756, 94, 769, 49, 773, 33, 784, 33, 808, 37, 811, 100, 824, 130, 825, 182, 799, 189, 786, 182, 774, 148, 745, 139, 741" href="http://sainte-croix.forumgratuit.org/h1-" />
    </map>
    <style type="text/css">
    <!--
    /* forme des participants */
   
    .ship{
    background:url('http://img11.hostingpics.net/pics/642136pictovoilier.png') center no-repeat;
    width:59px;height:59px;
    border:1px solid #bbb;opacity:0.8;
    position:absolute;
    -moz-border-radius:0 30px 30px;
    -webkit-border-radius:0 30px 30px;
    border-radius:0 30px 30px;
    }   
    .ship div{
    background:url('http://img11.hostingpics.net/pics/642136pictovoilier.png') center no-repeat;
    width:55px;height:55px;
    border:1px solid #bbb;margin:1px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    }
   
    /* position des participants */
   
    .blanc{
      background-color:#ffffff;
    top:423px;left:330px;
    }
    .bordeau{
    background-color:#760606;
    top:881px;left:378px;
    }
    .mauve{
    background-color:#b000c4;
    top:220px;left:203px;
    }
    .rouge{
    background-color:#eb1a3d;
    top:213px;left:500px;
    }
    .bleu{
    background-color:#0617af;
    top:260px;left:857px;
    }
    .vert{
    background-color:#0c6921;
    top:655px;left:700px;
    }
    .noir{
    background-color:#111111;
    top:10px;left:10px;
    }
   
    /* forme des lieux */
   
    .lieu{
    background-color:#febe7e;
    width:8px;height:8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:absolute;
    z-index:2;
    }
   
    /* position des lieux */
   
    .Kanaye{
    left:204px;top:63px;
    }
    .PortRoyal{
    top:541px;left:537px;
    }
    .SainteCroix{
    top:67px;left:862px;
    }
    .Collense{
    top:239px;left:555px;
    }
    .BassesMines{
    top:77px;left:506px;
    }
    .LesForges{
    top:371px;left:808px;
    z-index:4;
    }
    .LesForges img{
    display:none;
    }
    .LesForges:hover img{
    display:block;
    position:absolute;
    top:10px;left:-570px;
    }
    .Esperide{
    top:279px;left:208px;
    }
    .Tisserie{
    top:400px;left:312px;
    }
    .Scieries{
    top:304px;left:362px;
    }
    .HautMarche{
    top:954px;left:385px;
    }
    .AubergePendu{
    top:598px;left:261px;
    z-index:4;
    }
    .AubergePendu img{
    display:none;
    }
    .AubergePendu:hover img{
    display:block;
    position:absolute;
    top:10px;left:-220px;
    }
    .Esperide{
    top:279px;left:208px;
    }
    .ChantiersNavals{
    top:744px;left:498px;
    }
    .PuitsBouc{
    top:520px;left:100px;
    }
    .PasLevant{
    top:740px;left:991px;
    }
    .Hospital{
    top:512px;left:924px;
    }
    .BaieGeoles{
    top:66px;left:623px;
    }
    .CapNord{
    top:788px;left:329px;
    }
    .Chenaux{
    top:277px;left:862px;
    }
    -->
    </style>
    <div class="lieu Kanaye" title="Kanayé"></div>
    <div class="lieu PortRoyal" title="Port-Royal"></div>
    <div class="lieu SainteCroix" title="Sainte-Croix"></div>
    <div class="lieu Collense" title="Collense"></div>
    <div class="lieu BassesMines" title="Basses-mines"></div>
      <div class="lieu LesForges" title="Les-Forges"><img src="http://i44.servimg.com/u/f44/16/74/01/20/nonjvi10.jpg" /></div>
    <div class="lieu Esperide" title="Espéride"></div>
    <div class="lieu Tisserie" title="La-Tisserie"></div>
    <div class="lieu Scieries" title="Les-Scieries"></div>
    <div class="lieu HautMarche" title="Haut-Marché"></div>
    <div class="lieu AubergePendu" title="Auberge du pendu"><img src="http://i34.servimg.com/u/f34/16/74/01/20/auberg10.jpg" /></div>
    <div class="lieu ChantiersNavals" title="Les chantiers navals"></div>
    <div class="lieu PuitsBouc" title="Puits-du-Bouc"></div>
    <div class="lieu PasLevant" title="Pas-du-Levant"></div>
    <div class="lieu Hospital" title="Hospital"></div>
    <div class="lieu BaieGeoles" title="Baie-des-geoles"><img src="http://i34.servimg.com/u/f34/16/74/01/20/baie_g10.jpg" /></div>
    <div class="lieu CapNord" title="Cap Nord"></div>
    <div class="lieu Chenaux" title="Les-Chenaux"></div>

      <div class="ship blanc" title="exemple"><div></div></div>
    <div class="ship bordeau" title="Sam du Nord"><div></div></div>
    <div class="ship mauve" title="Lady Jane"><div></div></div>
    <div class="ship rouge" title="Draven Boat"><div></div></div>
    <div class="ship bleu" title="Jean des Iles"><div></div></div>
    <div class="ship vert" title="Hazgard"><div></div></div>
    <div class="ship noir" title="Barbe Noire"><div></div></div>
    </div>

C'est la structure de la page. A première vue cela paraît barbare, mais c'est en fait très simple. Ce tutoriel va la décortiquer afin de faciliter l'utilisation de la carte. La première règle a respecter: En cas de doute même minime, prière de vous adresser AVANT la manip' à un Admin plus aguéri.


Merci par avance


Dernière édition par Robinson le Sam 20 Oct - 23:09, édité 4 fois
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Ven 27 Juil - 23:01

Code:
<center> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="100" height="3">
        <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
        <param name="bgcolor" value="#000000" />
        <param name="FlashVars" value="mp3=http://www.archive-host.com/files/1679727/971e6b8110bd71cb5648125842a5ee4cef93a149/Mer_calme.mp3&autoplay=1&volume=125" />
    </object></center>

- Les six premières lignes entre les premières balises center et objet... type="application...//...volume=125"/> est un lecteur mp3 dans lequel on peut mettre n'importe quel fichier mp3. Il suffit de l'héberger ou de copier le lien ou vous le trouvez. et de le coller à la place de" celui qui se trouve à value="mp3=...............................................................&autoplay=1&volume=125
la valeur 1 de autoplay sert à démarrer la lecture à l'ouverture de la page, et volume règle la puissance du son
pour un lecteur visible sur la page: width à 200 et height à 30
notez les couleurs en troisième ligne> bgcolor value= #....... , en 7ème ligne et pour la couleur du lecteur en avant dernière ligne en b8b885 la couleur de fond du forum pour le rendre pratiquement invisible ici.
Ce type de lecteur mp3 doit être mis toujours en premier sur une page html car certains pc ont du mal à le faire démarrer s'il y a d'autres élément disposer avant ce module.

... à suivre dans quelques jours.
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Sam 25 Aoû - 22:24

Code:
<td style="color="#b8b885";font-weight:bold" bgcolor="#b8b885">CARTE DU JEU derniere maj 25-07-12</td>

ligne 11, c'est l'annonce au-dessus de la carte donnant la date de la dernière mise à jour. Cette date est à modifier chaque fois que vous déplacez des navires.
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Sam 25 Aoû - 22:28

Code:
<center><img usemap="#page_d_accueil" src="http://www.archive-host.com/files/1676537/971e6b8110bd71cb5648125842a5ee4cef93a149/1024_villes.png" width="1024" height="1024" border="0"></center>
    <map name="page_d_accueil">

cette partie suivante est la définition de la carte; son nom "page_d_accueil", son adresse d'hébergement, ses dimensions Larg X Long.
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Sam 25 Aoû - 22:31

Ensuite, nous trouvons les contours des nations, des lieux ou setrouvent les ressources:
Code:
<area shape="poly" title="L'île des pirates" coords="201, 17, 175, 37, 175, 52, 181, 59, 197, 69, 222, 71, 247, 63, 253, 56, 252, 47, 230, 22, 222, 17, 201, 17" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="L'île du Lézard" coords="321, 358, 283, 394, 268, 449, 283, 449, 338, 392, 321, 358" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="Comptoir des boucaniers" coords="49, 495, 17, 518, 17, 543, 119, 529, 180, 496, 176, 485, 135, 490, 96, 510, 49, 495" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="Forest aux druides" coords="959,12,969,26,981,26,997,51,995,63,958,62,938,31,959,12"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Agriculture" coords="929,139,950,144,955,159,940,160,941,185,928,187,921,183,925,167,907,158,916,153,913,144,929,139"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Elevage" coords="865,318,916,319,925,335,925,352,884,353,871,865,318"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Royaume des Terres du Levant" coords="790, 0, 757, 32, 861, 94, 808, 111, 849, 220, 782, 244, 747, 350, 810, 382, 1003, 406, 940, 597, 983, 746, 1024, 750, 1024, 0, 790, 0"
    href="http://sainte-croix.forumgratuit.org/h7-terres-du-levant" />
    <area shape="poly" title="Lin" coords="306,927,295,961,312,957,325,961,333,959,339,949,330,939,317,941,306,927" href="http://sainte-croix.forumgratuit.org/h10-triangle" />
    <area shape="poly" title="Royaume du triangle" coords="328, 786, 266, 886, 238, 967, 411, 966, 415, 948, 381, 862, 328, 786" href="http://sainte-croix.forumgratuit.org/h10-triangle" />
    <area shape="poly" title="Royaume des Espérides" coords="164, 204, 109, 212, 59, 251, 36, 294, 33, 325, 42, 338, 63, 358, 160, 403, 214, 332, 200, 225, 164, 204" href="http://sainte-croix.forumgratuit.org/h9-roy-esperides" />
    <area shape="poly" title="Mines de charbon" coords="559,65,570,74,574,83,542,83,559,65" href="http://sainte-croix.forumgratuit.org/h8-provinces-unies" />
    <area shape="poly" title="Mines de fer" coords="358,263,370,275,329,275,339,265,346,270,350,263,358,263" href="http://sainte-croix.forumgratuit.org/h8-provinces-unies" />
    <area shape="poly" title="Les Provinces-Unies" coords="485, 42, 403, 133, 311, 273, 309, 291, 399, 368, 461, 277, 565, 311, 713, 169, 692, 84, 647, 57, 525, 31, 497, 33, 485, 42" href="http://sainte-croix.forumgratuit.org/h8-provinces-unies" />
    <area shape="poly" title="Delta ensablé" coords="536,543,531,540,520,539,506,551,505,556,520,559,536,552,536,543" href="http://sainte-croix.forumgratuit.org/h6-grandes-terres" />
    <area shape="poly" title="Royaume des grandes Terres" coords="677, 356, 504, 452, 465, 486, 452, 505, 445, 621, 506, 787, 598, 875, 683, 904, 798, 918, 874, 917, 917, 897, 928, 854, 928, 454, 915, 430, 863, 399, 718, 361, 677, 356" href="http://sainte-croix.forumgratuit.org/h6-grandes-terres" />
    <area shape="poly" title="Les îles désertes" coords="244, 550, 196, 573, 184, 601, 183, 625, 198, 655, 230, 680, 283, 692, 291, 689, 351, 636, 344, 553, 244, 550" href="http://sainte-croix.forumgratuit.org/h1-" />
    <area shape="poly" title="L'île de la Flibuste" coords="139, 741, 109, 756, 94, 769, 49, 773, 33, 784, 33, 808, 37, 811, 100, 824, 130, 825, 182, 799, 189, 786, 182, 774, 148, 745, 139, 741" href="http://sainte-croix.forumgratuit.org/h1-" />
    </map>

... Et un peu plus bas le positionnement des lieux importants.
Code:
 /* position des lieux */
   
    .Kanaye{
    left:204px;top:63px;
    }
    .PortRoyal{
    top:541px;left:537px;
    }
    .SainteCroix{
    top:67px;left:862px;
    }
    .Collense{
    top:239px;left:555px;
    }
    .BassesMines{
    top:77px;left:506px;
    }
    .LesForges{
    top:371px;left:808px;
    z-index:4;
    }
    .LesForges img{
    display:none;
    }
    .LesForges:hover img{
    display:block;
    position:absolute;
    top:10px;left:-570px;
    }
    .Esperide{
    top:279px;left:208px;
    }
    .Tisserie{
    top:400px;left:312px;
    }
    .Scieries{
    top:304px;left:362px;
    }
    .HautMarche{
    top:954px;left:385px;
    }
    .AubergePendu{
    top:598px;left:261px;
    z-index:4;
    }
    .AubergePendu img{
    display:none;
    }
    .AubergePendu:hover img{
    display:block;
    position:absolute;
    top:10px;left:-220px;
    }
    .Esperide{
    top:279px;left:208px;
    }
    .ChantiersNavals{
    top:744px;left:498px;
    }
    .PuitsBouc{
    top:520px;left:100px;
    }
    .PasLevant{
    top:740px;left:991px;
    }
    .Hospital{
    top:512px;left:924px;
    }
    .BaieGeoles{
    top:66px;left:623px;
    }
    .CapNord{
    top:788px;left:329px;
    }
    .Chenaux{
    top:277px;left:862px;
    }
    -->
    </style>
    <div class="lieu Kanaye" title="Kanayé"></div>
    <div class="lieu PortRoyal" title="Port-Royal"></div>
    <div class="lieu SainteCroix" title="Sainte-Croix"></div>
    <div class="lieu Collense" title="Collense"></div>
    <div class="lieu BassesMines" title="Basses-mines"></div>
      <div class="lieu LesForges" title="Les-Forges"><img src="http://i44.servimg.com/u/f44/16/74/01/20/nonjvi10.jpg" /></div>
    <div class="lieu Esperide" title="Espéride"></div>
    <div class="lieu Tisserie" title="La-Tisserie"></div>
    <div class="lieu Scieries" title="Les-Scieries"></div>
    <div class="lieu HautMarche" title="Haut-Marché"></div>
    <div class="lieu AubergePendu" title="Auberge du pendu"><img src="http://i34.servimg.com/u/f34/16/74/01/20/auberg10.jpg" /></div>
    <div class="lieu ChantiersNavals" title="Les chantiers navals"></div>
    <div class="lieu PuitsBouc" title="Puits-du-Bouc"></div>
    <div class="lieu PasLevant" title="Pas-du-Levant"></div>
    <div class="lieu Hospital" title="Hospital"></div>
    <div class="lieu BaieGeoles" title="Baie-des-geoles"><img src="http://i34.servimg.com/u/f34/16/74/01/20/baie_g10.jpg" /></div>
    <div class="lieu CapNord" title="Cap Nord"></div>
    <div class="lieu Chenaux" title="Les-Chenaux"></div>

Le code qui suit paramètre la forme des points indiquant ces lieux:
Code:
 /* forme des lieux */
   
    .lieu{
    background-color:#febe7e;
    width:8px;height:8px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:absolute;
    z-index:2;
    }


Dernière édition par Robinson le Sam 20 Oct - 23:22, édité 1 fois
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Sam 25 Aoû - 22:46

Code:
.AubergePendu img{
    display:none;
    }
    .AubergePendu:hover img{
    display:block;
    position:absolute;
    top:10px;left:-220px;
    }

Ce type de codage que l'on peut trouver sur la partie des lieux sert à afficher une image illustrant le lieux considéré. Il est adjoint à un codage dans le CSS, donc il est interdit d'y toucher sans une connaissance parfaite des mises en forme CSS et du html !


Dernière édition par Robinson le Sam 20 Oct - 23:25, édité 1 fois
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Sam 25 Aoû - 22:55

Enfin la dernière partie, la plus intéressante pour le jeu. c'est la position des navires. C'est cette partie qu'il faudra modifier lorsque les joueurs évolueront avec leur bateaux:

Code:
 /* position des participants */
   
    .blanc{
      background-color:#ffffff;
    top:423px;left:330px;
    }
    .bordeau{
    background-color:#760606;
    top:881px;left:378px;
    }
    .mauve{
    background-color:#b000c4;
    top:220px;left:203px;
    }
    .rouge{
    background-color:#eb1a3d;
    top:213px;left:500px;
    }
    .bleu{
    background-color:#0617af;
    top:260px;left:857px;
    }
    .vert{
    background-color:#0c6921;
    top:655px;left:700px;
    }
    .noir{
    background-color:#111111;
    top:10px;left:10px;
    }

background-color donne la couleur du navire
top:463 px indique la position verticale du navire. left: 261px donne la position horizontale. top 0px est tout en haut, left 0px est tout à gauche. A noter que ces coordonnées désignent toujours la pointe du cône de couleur.
Il est impératif que l'administrateur qui se charge d'un déplacement de navire vérifie la conformité de la position. Si un navire est orienté Nord-Ouest, et que le capitaine souhaite aller en direction du Sud, il faut penser à amputer sa progression d'un pas voir deux, selon si le navire doit faire un virage de 90° ou 180°


Dernière édition par Robinson le Sam 20 Oct - 23:03, édité 2 fois
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
avatar
Robinson
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Sam 25 Aoû - 23:40

Lorsqu'un joueur annonce 5 pas vers le sud et 12 vers l'est:
  • Vérifiez que le nombre de pas annoncés par le joueur est bien conforme à la carte tirée
  • S'assurer que son navire est bien orienté Nord-Sud ou Ouest-Est (dans cet exemple). Si ce n'est pas le cas, vous informez le capitaine de l'impossibilité de la manœuvre. Il doit vous donner une autre décision:
  • Si le navire se trouve dans la bonne position, vous ajoutez 5 à top pour aller vers le sud, et ôtez 12 à left pour aller à l'est.
  • Pensez à enregistrer les modifications. Le navire prendra la place nouvellement déterminée sur la carte.
  • Si la proposition du capitaine emmène le navire sur les terres, il doit reformuler sa manœuvre différemment.
  • Attention, une manœuvre pour changer de cap (orientation) compte pour 1 pas/90°



Si quelque chose vous échappe dans ce tuto, merci de me le signaler avant toutes manipulations. Un petit mp vaut mieux que


Dernière édition par Robinson le Dim 26 Aoû - 16:36, édité 1 fois
Revenir en haut Aller en bas
http://sainte-croix.forumgratuit.org
Statut :
Localisation : Empire de Sainte-Croix
avatar
Jehol Konmael
MessageSujet: Re: Utilisation de la carte de Ste-Croix   Dim 26 Aoû - 13:00

Cela me parait bien clair et me rappelle cette histoire de la grande Marine Royale Anglaise:
Un jeune aspirant officier est invité à faire le point sur la carte â maritime par le Sir Pacha d'un navire de sa majesté regagnant son port d'attache.
Après avoir calculé et recalculé, le jeune aspirant rapporte donc le point au Pacha qui invite tous les officiers présents sur la passerelle à se découvrir et à se mettre au garde à vous!
Surpris le jeune aspirant fait comme les autres et observe une minute du plus profond silence interrogatif.
Puis le Pacha invite tous les officiers à se recouvrir et annonce :
"Nous venons à l'instant de quitter le chœur de Westminster Cathedral"!!

Nous tenterons donc pour notre part, Commandant Robinson, de vérifier nos points, avant d'actionner le bateau!!!


Je meurs où je m'attache
Revenir en haut Aller en bas
Contenu sponsorisé
MessageSujet: Re: Utilisation de la carte de Ste-Croix   

Revenir en haut Aller en bas
 

Utilisation de la carte de Ste-Croix

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

 Sujets similaires

-
» utilisation de carte pour deploiement
» [AIDE] Utilisation smartphone sans carte sim
» utilisation de la carte SD sur la caméo 2
» [TEST] Double carte sim HD2
» Carte du combattant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Royaume de sainte-Croix :: Tutoriels-