« Test image » : différence entre les versions

De 21Wiki
Balise : Éditeur de wikicode 2017
Balise : Éditeur de wikicode 2017
 
(14 versions intermédiaires par le même utilisateur non affichées)
Ligne 164 : Ligne 164 :
   ]
   ]
}</graph>
}</graph>




Ligne 436 : Ligne 434 :
| style="border-width:0 1px 0 0; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:0 1px 0 0; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:0 0 0 1px; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:0 0 0 1px; border-style:solid;border-color:black;"|&nbsp;
| &nbsp;
| colspan="4"| &nbsp;
| align=center bgcolor="#f2f2f2" style="border:1px solid #aaa;"| '''Légende'''
| align=center bgcolor="#f2f2f2" style="border:1px solid #aaa;"| '''Légende'''
|-
|-
Ligne 457 : Ligne 455 :
| style="border-width:0 1px 1px 0; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:0 1px 1px 0; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:0 0 0 1px; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:0 0 0 1px; border-style:solid;border-color:black;"|&nbsp;
| &nbsp;
| colspan="4"| &nbsp;
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:green"> Aucune défaite
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:green"> Aucune défaite


Ligne 478 : Ligne 476 :
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:red"> 0
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:red"> 0
| style="border-width:1px 0 0 0; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:1px 0 0 0; border-style:solid;border-color:black;"|&nbsp;
| colspan="2"| &nbsp;
| colspan="5"| &nbsp;
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| Une défaite
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| Une défaite


Ligne 488 : Ligne 486 :
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:red"> 0
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:red"> 0
| style="border-width:1px 0 0 0; border-style:solid;border-color:black;"|&nbsp;
| style="border-width:1px 0 0 0; border-style:solid;border-color:black;"|&nbsp;
 
| colspan="15"| &nbsp;
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:red"> Définitivement éliminé
| align=center style="border:1px solid #aaa;" bgcolor=#f9f9f9| <span style="color:red"> Définitivement éliminé
|}
|}

Dernière version du 18 février 2022 à 15:44

Ajout de lien(s)

La surface de l’image peut comporter une ou plusieurs zones cliquables (de formes diverses et paramétrables) qui renvoient chacune vers une page différente, grâce au balise <imagemap>. Le « i » qui assure le lien vers la page de description de l’image peut alors être insérer dans l'angle voulu, bien qu'il ne soit pas obligatoire.

  • Syntaxe générale
<imagemap>
Fichier:Nom de l’image|taille de l’image(enPx)|texte de remplacement
poly position-du-lien-1 [[lien-1]]
rect position-du-lien-2 [[lien-2]]
circle position-du-lien-3 [[lien-3]]
desc position-de-la-description
</imagemap>

On peut mettre en forme les images de la même manière qu'un image "classique" en précisant dans la ligne Fichier: en ajoutant le positionnement (left,right ou center) ou les propriétés de l'image (comme thumb).

  • Les différentes formes paramétrables


rect
Pour former un rectangle. Les paramètres sont les coordonnées de l’angle haut-droite, vers l’angle bas-gauche, suivies par un lien entre crochets (Exemple1)
circle
Pour former un cercle. Les deux premiers paramètres définissent le centre, le troisième concerne le rayon du cercle, suivis par un lien entre crochets (Exemple1)
poly
Pour former un polygone. Les coordonnées de tous les sommets sont données, suivies par un lien entre crochets (Exemple2)
desc
Spécifie la location de l’icône bleu, avec un « i » qui assure le lien vers la page de description de l’image. Cette fonction est désactivé pour les vignettes. Peut prendre les valeurs :
Image1: Comment trouver les coordonnées des points.

top-right (haut à droite),
bottom-right (bas à droite),
bottom-left(bas à gauche),
top-left (haut à gauche),
none (aucune description).

Comment trouver les coordonnées

/!\ Les coordonnées sont celles de l'image source en taille réelle
Le plus simple pour trouver les coordonnées de points sur une image est de l'ouvrir en taille réelle avec un logiciel de retouche d’image qui indique les coordonnées du pointeur (Image1), en nombre de pixels. Il n’y a alors plus qu’à les noter.


Exemple

Syntaxe Rendu

Exemple1
Pour le cercle :
1 correspond à la coordonnée en abscisse
2 correspond à la coordonnée en ordonnée
3 correspond au rayon du cercle voulu
1:168px | 2:246px | 3:78px

Pour le rectangle :
1:852px | 2:352px | 3:1104px | 4:675px

Ce qui donne :

<imagemap>
Fichier: Rect and circle.png|500px|Image tuto
circle 168 382 78 [[Mike Ashman]]
rect 852 352 1104 675 [[Isaac Cathardo]]
desc bottom-right
</imagemap>
Image tutoMike AshmanIsaac Cathardo
Image tuto
Exemple2

Pour le polygone :
1:351 | 2:615 | 3:420 | 4:405

Selon le même principe, on peut donc faire tous les sommets :

5:615 376 | 6:598 690 | 7:382 684

Ce qui donne :

<imagemap>
Fichier: polygonetuto.png|thumb|500px|Tutoriel pour polygone
poly 351 615 420 405 615 376 598 690 382 684 [[Pablo Luján Arteaga]]
desc none
</imagemap>
Pablo Luján Arteaga
Tutoriel pour polygone


Test Puce

• Les Waves se sont fait chopper à l'aéroport dans un bus volé lors d’un team building, c’est la première fois que le commissaire rencontre ce groupe et cherche donc à savoir sur quoi ils vont travailler, supp ou drogue.Les waves répondent “joker”
• Les vagos sur un contrôle à cause de vols de voiture proche de Jamestown ST, avoue qu’ils ne peuvent pas ramener les voitures volées car elles ne sont plus en état. Ils ajoutent, plus tard dans la conversation, qu’ils ont “un très bon service d’enlèvement des véhicules”

Reconstitution de scènes

Veuillez prendre en compte les informations de prévention.
Pour lire le résumé, cliquer sur Afficher
Assaut du quartier Aztecas par la Mano - Cliquer sur l'image pour voir le déroulé de l'action

Rick Arkhel prévoit un entraînement pour les interventions des agents, et en particulier du SWAT, sur les banques. Nolan Green l’accompagne dans la banque. Alors que le Swat se prépare, le cartel et Ryan Benson débarque et décide de braquer la banque et de les prendre en otage. Shawn Kemper arrive et tente de négocier mais repart car ce n’est qu’un officier. Mike Thorgal prend le relais. Benson réclame 50 de coke pour Sarah Bennett. Arkhel n’a que de l’alcool. Après un temps à discuter, le cartel lance le braquage. Arkhel et Benson commentent le placement des unités : beaucoup d’unités d’un côté et peu de l’autre. Finalement le cartel s’échappe sans soucis par une ruelle avec trois sacs. Lors du debrief, Arkhel est satisfait du temps d’intervention mais demande une meilleure mise en place et un meilleur filtrage des civils. Il souhaite avoir un temps d’intervention pour chaque banque. Pendant la banque, Max Balbow est passé devant la Fuente Blanca pour savoir si le cartel était présent. Il se fait sévèrement reprendre.


Test Graphe


  Premier tour     Deuxième tour     Troisième tour     Quatrième tour     Finale
                                               
  Tournoi des vainqueurs
  1 Vagos 1  
  8 Wave 0    
      1 Vagos 1  
      7 Lost 0    
  2 Mano 1 0          
  7 Lost 1        
      1 Vagos 2            
      5 Bloods 1              
  3 Mano 2 1              
  6 Ballas 0                
      3 Mano 2 0          
      5 Bloods 1        
  4 Aztecas 0          
  5 Bloods 1         1 Vagos 2
      5 Bloods 1
  Tournoi des perdants      
  8 Wave 1        
  2 Mano 1 0     3 Mano 2 0        
    8 Wave 1          
      8 Wave 0           Légende
  6 Ballas 1         7 Lost 1     5 Bloods 2       Aucune défaite
  4 Aztecas 0     7 Lost 1         7 Lost 0     Une défaite
    6 Ballas 0     Définitivement éliminé