Une extension pour Google Chrome et Firefox vous est proposée par Flavien et Christophe.

L'extension Google Chrome est compatible avec tous les navigateurs basés sur Chromium (Edge, Brave ...) et peut également être utilisée avec Kiwi Browser sur les smartphones Android.

Si vous avez un problème, une suggestion, ou juste pour laisser un petit mot sympa, vous pouvez nous écrire sur le forum ici

Cette extension ajoute les fonctionnalités suivantes au site boardgamearena.com

Liste des parties en cours

Si vous avez activé la surveillance automatique des tables (voir chapitre suivant), alors l'icone de l'extension vous indique le nombre de parties sur lesquelles vous êtes actuellement attendus.

Un clic sur l'icône de l'extension permet d'ouvrir la liste de vos parties en cours et d'y accéder rapidement.

Vous pourrez également y trouver la liste des invitations en attente, ainsi que les tournois auxquels vous êtes inscrit.

L'onglet "Table d'amis" vous permet de rechercher une table ouverte par un de vos amis sur laquelle il reste de la place de libre.

Options

L'onglet "Options" vous permet d'accéder à quelques paramètres de l'extension :

• Paramètres divers :
  • Un paramètre vous permet d'autoriser ou non la surveillance automatique de l'état des tables sur lesquels vous êtes. Si cette option est activée, alors l'extension pourra vous indiquer si c'est votre tour de jouer sur une des tables sur lesquelles vous êtes, mais vous serez tout le temps vu comme connecté par les autres joueurs. Si cette option est désactivée, alors l'extension ne pourra pas vous prévenir lorsque c'est votre tour de jouer, mais les autres joueurs ne vous verrons connecté que si vous être réellement sur le site.
  • Si la surveillance des tables est activée, il est possible d'activer une notification sonore et de lui associer le mp3 de votre choix pour vous prévenir que c'est votre tour de jouer.
  • Un paramètre pour rediriger les liens du site vers le lobby classique au lieu du nouveau lobby.
  • Un paramètre pour remplacer l'arrière plan par défaut (le fond "bois") par un fond de couleur uni.
  • Un paramètre pour modifier le contenu du fil d'actualité, si ce paramètre est activé alors le fil d'actualités ne contient plus que les messages de mes groupes.
  • Un paramètre pour forcer l'affichage des noms des joueurs dans les fenêtres de chat (par défaut les noms des joueurs sont cachés dans les chats privés, et votre nom est caché dans les chats des jeux).
• Paramètres des jeux
  • Un paramètre pour afficher / cacher l'activité de vos amis dans le journal des jeux
  • Un paramètre pour afficher / cacher le score ELO des joueurs dans les jeux
• Configuration de la page d'accueil : Paramètres permettant de sélectionner les éléments affichés sur la page d'accueil du site. Un mode avancé vous permet de définir un template au format HTML (voir chapitre suivant).
• Configuration de la page des jeux en cours:
  • Paramètres permettant de sélectionner les éléments affichés sur la page des jeux en cours.
  • Paramètre pour afficher les tables avec plus de couleurs.
• Création rapide de tables. L'extension ajoute un bouton dans les jeux du lobby pour démarrer rapidement une table en utilisant les derniers paramètres utilisés.
  
  • Paramètre permettant d'indiquer si la table doit être automatiquement ouverte aux autres joueurs après création
  • Paramètre permettant d'indiquer si on veut exclure les joueurs plus fort que nous
  • Paramètre permettant d'indiquer si on veut exclure les joueurs qui ont un mauvais Karma (< 75%)
• Jeux cachés: possibilité d'annuler la suppression d'un jeu (voir chapitre "Suppression d'un jeu").
• Joueurs ignorés : possibilité d'annuler le blocage des joueurs dans le chat (voir chapitre "Ignorer un joueur dans les conversations des jeux")

Configuration avancée de la page d'accueil

En activant la configuration avancée de la page d'accueil, vous avez la possibilité de saisir du code HTML pour placer les éléments que vous souhaitez exactement là où vous le souhaitez.

Il est bien entendu recommandé d'avoir une connaissance minimale de la syntaxe HTML pour pouvoir profiter pleinement de cette option.

Mais par défaut, quand vous activez le mode avancé, l'extension vous propose du code HTML contenant tous les éléments possibles. Vous avez la possibilité de partir de ce code et supprimer les éléments dont vous n'avez pas besoin, déplacer des éléments etc...

Vous pouvez également vérifier la syntaxe de votre code HTML avec un outil tel que : https://jsonformatter.org/html-validator

Et si vous avez une idée et que vous ne parvenez pas à écrire le code HTML correspondant, ne soyez pas frustrés et venez en parlez sur le forum ici ;)

Vous pouvez potentiellement écrire n'importe quel code HTML, mais l'extension défini les styles suivants pour vous aider :

• <div class='bgaext-flex-col'> : les éléments dans ce DIV seront placés en colonne, les uns en dessous les autres, avec une petite marge pour les séparer
• <div class='bgaext-flex-row'> : les éléments dans ce DIV seront placés en ligne, sur toute la largeur de page, en essayant de respecter une taille optimale pour chaque élément.
• <div class='bgaext-flex-row-distribution'> : les éléments de ce DIV ont tous la même largeur, mais vous devrez certainement définir une largeur pour ce DIV.

Exemple contenant tous les éléments possibles.

Une première ligne de trois colonnes contient :

• Première colonne : Les tournois
• Deuxième colonne : Une zone avec deux lignes
  • La première ligne contient la liste des nouveaux jeux, des jeux populaires et des jeux recommandés
  • la deuxième ligne contient "Vos résultats" et le panthéon
• Troisième colonne : Le fil d'actualité et l'état du service

Une deuxième ligne de deux colonnes contient :

• Première colonne : La liste des jeux classiques
• Deuxième colonne : La zone "Jouez plus"

<div class='bgaext-flex-col'>
	<div class='bgaext-flex-row'>
		<div id='bgaext-tournaments'></div>
		<div class='bgaext-flex-col'>
			<div class='bgaext-flex-row'>
				<div id='bgaext-games-recent'></div>
				<div id='bgaext-games-popular'></div>
				<div id='bgaext-games-suggested'></div>
			</div>
			<div class='bgaext-flex-row'>
				<div id='bgaext-achievements'></div>
				<div id='bgaext-leaderboard'></div>
			</div>
		</div>
		<div class='bgaext-flex-col'>
			<div id='bgaext-newsfeed'></div>
			<div id='bgaext-service-status'></div>
		</div>
	</div>
	<div class='bgaext-flex-row'>
		<div id='bgaext-games-classic'></div>
		<div id='bgaext-playmore'></div>
	</div>
</div>

Exemple plus simple avec moins d'éléments

L'exemple ne contient qu'une seule ligne avec dans l'ordre : le fil d'actualité, les tournois, les nouveaux jeux et les jeux populaires

<div class='bgaext-flex-row'>
	<div id='bgaext-newsfeed'></div>
	<div id='bgaext-tournaments'></div>
	<div id='bgaext-games-recent'></div>
	<div id='bgaext-games-popular'></div>
</div>

Mon affichage préféré

<style>
#bgaext-achievements { width: 600px; }
#bgaext-newsfeed .bga-homepage-newsfeed { max-height: 1050px; overflow: auto; }
</style>

<div class='bgaext-flex-col'>
  <div class='bgaext-flex-row'>
    <div class='bgaext-flex-col'>
      <div class='bgaext-flex-row-distribution'>
        <div id='bgaext-games-recent'></div>
        <div id='bgaext-games-suggested'></div>
      </div>
      <div id='bgaext-achievements'></div>
    </div>
    <div class='bgaext-flex-col'>
      <div id='bgaext-newsfeed'></div>
      <div id='bgaext-service-status'></div>
    </div>
  </div>
  <div class='bgaext-flex-row'>
    <div id='bgaext-games-classic'></div>
    <div id='bgaext-playmore'></div>
  </div>
</div>

Astuces

Pour limiter la hauteur du fil d'actualité, il est possible d'ajouter du code CSS comme ceci par exemple pour faire apparaître un ascenseur :

<style>
#bgaext-newsfeed .bga-homepage-newsfeed {
	max-height: 900px;
	overflow: auto;
}
</style>
<div class='bgaext-flex-row'>
	<div id='bgaext-newsfeed'></div>
	<div id='bgaext-tournaments'></div>
</div>

ou comme ceci pour tronquer le contenu :

<style>
#bgaext-newsfeed .bga-homepage-newsfeed {
	max-height: 900px;
	overflow: hidden;
}
</style>
<div class='bgaext-flex-row'>
	<div id='bgaext-newsfeed'></div>
	<div id='bgaext-tournaments'></div>
</div>

Pour limiter la hauteur du panthéon, on peut par exemple utiliser le code :

<style>
#bgaext-leaderboard .bga-ranked-player-list {
	max-height: 525px;
	overflow: hidden;
}
</style>

Mode sombre

Cette icône dans le coin supérieur droit de l'écran permet d'activer le mode sombre pour tout le site.

Une fois activé, il vous est ensuite possible de sélectionner une couleur dominante en cliquant sur la flèche à côté de l'icône pour modifier légèrement le thème d'affichage.

Choix d'une couleur pour le mode sombre

Lorsque vous êtes dans un jeu, celui-ci s'affiche par défaut avec les paramètres que vous avez choisis pour le site, mais il est possible de personnaliser le thème du jeu en sélectionnant une couleur.

Le site continuera à s'afficher avec la couleur que vous avez choisie pour le site, et le jeu s'affichera dorénavant avec la couleur choisie pour celui-ci.

Cacher l'activité de vos amis dans le journal des jeux

Cette extension vous permet de ne plus afficher les messages indiquant qu'un de vos amis se connecte ou se déconnecte dans le journal du jeu.

Vous pouvez activer ou désactiver cette option dans le menu de l'extension ou dans les options de celle-ci.

Création rapide de tables

L'extension ajoute un bouton "Création rapide" sur les jeux dans le lobby.

Ce bouton créé une table de jeux en utilisant vos paramètres par défaut, comme le fait le bouton "Créer" classique, mais vous restez dans le lobby.

Il est également possible de configurer l'extension pour que ce bouton ouvre automatiquement la table aux autres joueurs.

Menu de navigation

Sur les jeux pour lesquels c'est intéressant, l'extension permet d'ajouter un menu vertical sur le côté gauche permettant de naviguer rapidement entre les plateaux des joueurs.

Sur certains jeux on peut aussi y trouver des raccourcis vers des éléments clés du jeu, comme par exemple le plateau principal.

Il est possible d'activer ou désactiver ce menu dans les paramètres du jeu.

Menu flottant

Si vous jouez sur un petit écran, il peut être intéressant de gagner de la place en cachant le journal de jeu et les panneaux des joueurs.

Une option vous permet d'afficher ces deux éléments dans des menus flottants.

Suppression d'un jeu

L'extension ajoute un bouton permettant de "supprimer" un jeu, ce bouton apparaît à côté du bouton permettant de démarrer le jeu dans la liste des jeux.

Les jeux supprimés n'apparaissent plus ni dans la liste des jeux ni dans le lobby.

Il est possible par la suite de récupérer un jeu supprimé via l'onglet "Options" du popup de l'extension.

Cacher le chat général

Une icône dans le coin supérieur droit de l'écran permet d'afficher ou cacher le chat général.

Cette icône ne s'affiche pas lorsque vous êtes dans un jeu et ne permet que de cacher le chat général, il ne vous permet pas de ne plus recevoir de messages privés ni de cacher la conversation dans un jeu.

Ignorer un joueur dans les conversations des jeux

Dans la fenêtre de chat du jeu, l'extension ajoute une nouvelle icône qui vous permet d'ignorer un joueur (icon "mute").

Vous pouvez ignorer jusqu'à 10 joueurs et gérer la liste des joueurs ignorés dans l'onglet "Options" du popup de l'extension.

Cette fonction est conçue pour vous permettre d'ignorer un joueur toxique et de terminer la partie en paix, mais elle ne signale pas le comportement de l'utilisateur à Board Game Arena.