[AWESOMEBB]Afficher les icônes verrouillées lorsque le forum est verrouillé

Hello les ami(e)s,
cette version par défaut n'affiche pas les icônes verrouillées lorsque le forum est verrouillé.
On a juste l'information lorsque nous arrivons sur la liste des sujets ou le bouton nouveau nous
indique que ce dernier est verrouillé:



Attention toutefois, il ne faut inclure de sous forums les ami(e)s.

Avant:

Sur l'index:



Sur la catégorie:



Sur la liste des sujets:






Avec deux ajouts dans deux templates ,un petit script et un peu de c.s.s vous arrivez à ceci:

Sur l'index:



Sur la catégorie:



Sur la liste des sujets:








Intervention dans les templates:

Dans le template index_box:
Affichage/Templates/Général/index_box

Recherchez ceci:

Code:

<i class="material-icons">forum</i>

Juste après déposez ceci:

Code:

<i class="material-icons M14_verrou"style="display: none;">lock</i>

Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  



Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box

Recherchez ceci:

Code:

<i class="material-icons">chat_bubble</i>

Juste après déposez ceci:

Code:

<i class="material-icons M14_verrou"style="display: none;">lock</i>

Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  


Le petit script:

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur l'index et les sous forums


Déposez ceci:

Code:

$(function(){
var M14_lock=$('a[href$="mode=newtopic"][title="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."]').length;
if(M14_lock){$('.posts-icon').addClass('folder_locked').removeClass('folder_hot');}});
$(function(){
$('.forum_locked').find('.forum-icon').each(function(){
var forum_lock=$(this);
if(forum_lock){$(this).find('.M14_verrou').show();
$(this).removeClass('folder_hot');
$(this).addClass('folder_locked');   }});});
$(function(){
$('.cat_locked').find('.forum-icon').each(function(){
var cat_lock=$(this);
if(cat_lock){$(this).find('.M14_verrou').show();
$(this).removeClass('folder_hot');
$(this).addClass('folder_locked');}
});});

Pensez a cliquer sur le bouton Valider










Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:

Code:

.material-icons.M14_verrou{color:#ffffff!important;}
.posts-icon.folder_locked,.forum-icon.folder_locked{background-color:#EF3333;}
.forum-icon.folder_locked .material-icons:not(.M14_verrou){display:none;}

Pensez à valider les modifications en cliquant sur le bouton Valider





Voila, c'est tout pour le moment .
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif