Chat à côté du live (et pas en dessous)

Bonjour,

Pas un problème que je reporte ici, mais une suggestion pour les spectateurs du live pour avoir le chat à côté de la vidéo et plus en-dessous…

Ce n’est sûrement pas la meilleure façon de le faire, mais je préfère ça plutôt que le chat en-dessous, du coup, je le partage tout de même…

Si vous souhaitez avoir un rendu similaire à celui de l’image suivante, vous pouvez donc faire comme suit :

Sous Chrome, installer le plug-in User CSS puis l’ouvrir une fois sur le site trictrac.tv puis utiliser le code qui suit…
Sous Firefox, suivre la procédure suivante (faut-il la traduire ?) : click (en changeant example.com par trictrac.tv) puis utiliser le code suivant…

@media screen and (min-width: 1400px) {
 #content section.video.live {
  width: 60%;
  float: left;
  background-position: top right;
  }

  #content section.chat {
    background-image: url(…/img/frise2.png);
  }
  #content section.chat .row {
    max-width: none;
  }
  #content section.chat div.medium-8 {
    width:40%;
    float: left;
    max-height: 650px;
    overflow: auto;
  }
  
  #content section.chat div.medium-4 {
    clear: both;
    float: none;
    width: auto;
    margin: auto;
    max-width: 62.5rem;
    overflow: auto;
  }
  #users li img {
    width: auto;
    height: auto;
    max-width: none;
  }
}



Hem… 

Ciao !