Mettre une synoptique

[_Tonton_]

Bonjour

Je souhaiterai faire une synoptique sur mon forum comme sur cette capture d’écran avec d'autre textes.

Merci d'avance de votre précieuse aide  

Capture d'ecran:https://i.servimg.com/u/f55/12/99/55/84/sans_t17.jpg

[_Tonton_]

Up.

[Neptunia]

Bonjour ^^

Il vous suffit d'insérer le code de votre synoptique dans votre template index_body
PA > Affichage > Template > Général >   index_body

Le code sera à insérer entre

Code:

{BOARD_INDEX}

et

Code:

<!-- BEGIN disable_viewonline -->

   publiez    admirez   

[Self]

Bonjour,

Comme l'a dit Neptune le code est à installer avant le commentaire :

Code:

<!-- BEGIN disable_viewonline -->

Le code donnerait quelque chose comme ça :

Code:

<div class="h3">SYNOPTIQUE</div>
<div class="bloc_synop">
 <h4>Personnels - CIS Tarbes :</h4>
 <ul>
 <li>Chef de site : <span style="color:">Personne</span></li>
 <li>Chef de colonne : <span style="color:">Personne</span></li>
 <li>Chef de groupe : <span style="color:">Personne</span></li>
 <li>Chef d'agrès INC : <span style="color:">Personne</span></li>
 <li>Chef d'agrès DIV/SAP : <span style="color:">Personne</span></li>
 <li>Chef d'équipe : <span style="color:">Personne</span></li>
 <li>Equipier : <span style="color:">Personne</span></li>
 <li>Stagiaire : <span style="color:">Personne</span></li>
 </ul>
 <h4>Légende :</h4>
 <span style="color:green">Disponible</span>, <span style="color:red">En intervention</span>, <span style="color:purple">Maitre du jeu</span>
</div>
<div class="bloc_synop">
 <h4>Engins - CIS Tarbes :</h4>
 <ul>
 <li>Secours à personne : <span style="color:">Véhicule</span></li>
 <li>Lutte contre l'incendie : <span style="color:">Véhicule</span></li>
 <li>Interventions spécifiques : <span style="color:">Véhicule</span></li>
 <li>Interventions diverses : <span style="color:">Véhicule</span></li>
 <li>Cellules et remorques : <span style="color:">Véhicule</span></li>
 <li>Liaison et commandement : <span style="color:">Véhicule</span></li>
 </ul>
 <h4>Légende :</h4>
 <span style="color:black">Indisponible personnel</span>, <span style="color:green">Disponible CIS</span>, <span style="color:blue">Indisponible CIS</span>, <span style="color:red">En intervention</span>
</div>

Il faudra changer les contenus des balises span suivante et leur ajouter la couleur après color: (en anglais (black, blue, red, purple, green)) :

Code:

<span style="color:">Personne</span>

<span style="color:">Véhicule</span>

Puis le code suivant dans votre feuille de style CSS :
(Panneau d'administration > Affichage > Images et couleurs > Couleurs >Feuille de style CSS)

Code:

.bloc_synop{
 width:50%;
 display:inline-block;
 padding-left:10%;
 line-height:18px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
    
.bloc_synop h4{
 text-decoration:underline;
}

Cordialement .

[_Tonton_]

Merci meesieurs mais par contre comment mettre "synoptique" de la même couleurs que le "qui est en ligne" ?

Merci d'avance0  

[Self]

Merci meesieurs mais par contre comment mettre "synoptique" de la même couleurs que le "qui est en ligne" ?

Merci d'avance0  

Bonjour,

Logiquement il devrait déjà être de la même couleur, je lui ai mis la même class que le "Qui est en ligne".
Pourrions nous avoir le lien du forum concerné ?

[_Tonton_]

Bonsoir,

Résolu pour moi. MERCI messieurs.