[PHPBB3] Affichage TITRES des 3 colonnes à droite des Rubriques et Forums

[Roza]

• Version du forum :
  PHPBB3
• Templates modifiés :
  oui
• Navigateur :
  Firefox

Bonjour Phil !

Encore un petit PB...

=> Il concerne l'affichage des TITRES des 3 colonnes de droite, pour les rubriques et les forums, titres qui ne sont pas centrés.
Comme ceci :





Je souhaiterais avoir ceci :





J'ignore si cela est possible ???

Autre solution : faire la même présentation que sur ce forum : à savoir, supprimer les titres des colonnes, carrément et présenter chaque ligne, ainsi :



 => En outre, je souhaiterais que lorsqu'un forum est composé de sous-forums, la case "DERNIERS MESSAGES" reste vide pour la ligne du forum, comme ceci :



De même qu'il n'y a déjà pas de petite image à gauche de la ligne "Forum", la case reste vide, je voudrais la même chose pour la case la plus à droite, celle des "Nouveaux Messages".

Là encore, j'ignore si c'est réalisable... ???

=> Enfin... où peut-on jouer sur la largeur de ces 3 colonnes ???

Je m'en remets donc à tes talents de codeur, comme d'hab !

D'avance, merci et bonne journée.
@+

[Milouze14Fondateur]

Coucou Roza,
alors pour centrer , un peu de style devrait suffire, par contre je vois que sur ton fofo, tu as ce style:

Code:


li.header dd {
    margin-left: 1px;
}

Supprimes et remplaces par:

Code:



ul.topiclist li.header dd.dterm{width:61%!important;}
ul.topiclist li.header dd:not(.dterm)
{
text-align:center!important;
}


Pour afficher le texte "REPONSES" et VUES" :
Tu veux afficher juste sur la liste des sujets les textes ou partout car juste un style a ajouter et hop le tour est joué.
Si tu désires afficher les textes partout index etc , ajoutes simplement ceci dans ta feuille de style:

Code:


.topiclist dfn{display:block!important;}


Sinon, juste pour la liste de sujets:


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

Recherches ceci:

Code:

<div class="forumbg announcement">

Juste avant déposes ceci:

Code:

<style>
.icon dfn{display:block!important;}
</style>

Recherches les lignes suivantes (environ 111 et 112) :

Code:


<dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>


Remplaces par:

Code:

<dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
<dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>


En outre, je souhaiterais que lorsqu'un forum est composé de sous-forums, la case "DERNIERS MESSAGES" reste vide pour la ligne du forum, comme ceci :
De même qu'il n'y a déjà pas de petite image à gauche de la ligne "Forum", la case reste vide, je voudrais la même chose pour la case la plus à droite, celle des "Nouveaux Messages".

Là encore, j'ignore si c'est réalisable... ???

Alors si je comprend bien lorsqu'un sous forum est présent dans la catégorie tu souhaites masque l'intitulé et la case derniers messages ..

Exemple:




Testes ceci :


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript


Cocher sur l'index.


Déposer ceci:

Code:


$(function(){
$('div[class="forabg"]').each(function(){
var sousfofo=$(this).find('div.M14_margin[style*="display: block; margin : 0 0px 0 90px;"]').length;
if(sousfofo)
{
$(this).addClass('M14_header_none');
}
});});


Penser a cliquer sur le bouton




Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


div.forabg.M14_header_none .header .table-title,
div.forabg.M14_header_none .header .lastpost
{
display:none;
}



Penser a cliquer sur le bouton

[Roza]

Coucou !

Excuse... je n'étais pas très dispo aujourd'hui.

Non, non, ce n'est pas ça, mais ceci :



Finalement, il "suffirait" de masquer le contenu de cette case, de façon qu'il n'y ait pas de lien à cet endroit (RIEN), seulement dans les sous-forums au-dessous.

Pour afficher le texte "REPONSES" et VUES", c'est OK.
Du coup les intitulés des 3 colonnes sont inutiles.

Bonne nuit.
@+

[Milouze14Fondateur]

Coucou Roza,
purée, pas facile de s'y retrouver avec la capture,
bon je suppose que tu veux masquer les textes des trois dernières colonnes et la ligne du forum en cas ou il y aurait un ou plusieurs sous forums.


C'est à dire comme ceci:




Remplaces donc le script par celui-ci:

Code:

$(function(){
$('div[class="forabg"]').each(function(){
var sousfofo=$(this).find('div.M14_margin[style*="display: block; margin : 0 0px 0 90px;"]').length;
if(sousfofo)
{
$(this).find('div.M14_margin[style*="display: block; margin : 0 0px 0 45px;"]').closest('li').addClass('fofo'); 
$(this).addClass('M14_header_none');
}
});});

Et la css:

Code:

/*ON MASQUE LES CONTENUS*/
.forabg .header dd:not(.dterm){font-size:0px;}
.forabg.M14_header_none .topiclist.forums .row.fofo{display:none;}


Alors , si tu remarques une légère redimension des cellules,
il vaudrait mieux passer par une opacité plutôt qu'un font-size 0

Code:


/*ON MASQUE LES CONTENUS*/
.forabg .header dd:not(.dterm){opacity:0;}
.forabg.M14_header_none .topiclist.forums .row.fofo{display:none;}


[Roza]

Coucou Phil !


On progresse

je suppose que tu veux masquer les textes des trois dernières colonnes et la ligne du forum en cas ou il y aurait un ou plusieurs sous forums.

1 - Masquer les textes des 3 dernières colonnes : oui, absolument, c'est bien cela (exactement comme sur ta capture d'écran).

2 - Masquer la ligne du forum en cas où il y aurait un ou plusieurs sous forums : non, non, pas masquer toute la ligne, mais masquer seulement le contenu de la case la plus à droite où se trouve le lien vers "Derniers messages", car ce lien est redondant.
En effet, sur mon fofo, il est déjà présent dans la case "Derniers messages" d'un des sous-forums au-dessous.

Comme ceci :



Allez... on va y arriver !
Excuse-moi de ne pas avoir été très claire !!!

Bon dimanche !
@+

[Milouze14Fondateur]

Masquer la ligne du forum en cas où il y aurait un ou plusieurs sous forums : non, non, pas masquer toute la ligne, mais masquer seulement le contenu de la case la plus à droite où se trouve le lien vers "Derniers messages", car ce lien est redondant.

Il faut donc remplacer:

Code:


.forabg.M14_header_none .topiclist.forums .row.fofo{display:none;}


Par:

Code:

.forabg.M14_header_none .topiclist.forums .row.fofo .lastpost{display:none;}

Excuse-moi de ne pas avoir été très claire !!!

Voilà pourquoi je demande sur le règlement de l'entraide des captures.

Celle-ci est partie intégrante d'un casse tête Chinois    :



Bon Dimanche à toi également.

[Roza]

Toutes mes excuses !!!!
Désolée...
Merci pour ta patience.

Bon, je fais ces modifs.

@+

[Milouze14Fondateur]

De rien Roza,

Facultatif:


Pour désactiver le lien du forum à gauche et lui donner une apparence différente.







Tu peux ajouter ce script:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur l'index.

Déposer ceci:

Code:


$(function(){
$('li[class*="fofo"]').find('.dterm').find('a.forumtitle[href^="/f"]').each(function(){
var a=$(this).text();
$(this).replaceWith('<span class="M14_none_link">'+a+'</span>');
});});


Penser a cliquer sur le bouton


Puis son style:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


/*Le lien du forum ou se trouvent des sous forums*/
.M14_none_link
{
font-size:14px;
color:#20aec8;
}




Penser a cliquer sur le bouton

[Roza]

Retour de modif :  on avance...

=> les entêtes des 3 colonnes de droite ont bien disparu  

=> pour les rubriques dans lesquelles il n'y a pas de sous-forums, c'est nickel
Les liens "Derniers Messages" sont bien présents partout où il y a des messages.

Mais...

=> Pour les rubriques dans lesquelles il y des sous-forums, et uniquement pour celles-ci, les liens "Derniers Messages" des forums ne s'affichent plus du tout, et ce, pour tous les forums, quels qu'ils soient, même si, il n'y a pas de sous-forums.
Par contre, ils s'affichent bien pour les sous-forums =>  
C'est le cas pour les 2 premières rubriques de mon fofo.

@+

[Milouze14Fondateur]

Vi, je viens de voir çà et c'est très compliqué de faire autrement.
En faite, pour que cela fonctionne,
il faut une catégorie:

Mettre un forum et ajouter des sous forums.

Mais pas plus d'un forum sinon, tu te retrouves avec ce genre de dysfonctionnement Roza.

Je me sauve pour ce matin, je reviens vers 18h00.
Bon Dimanche chère amie.

[Roza]

Re...

OK ! J'ai compris. Je vais donc voir si je peux organiser ça autrement...

Bon dimanche à toi aussi.

Edit : Je viens de constater que les intitulés des 3 colonnes, sont toujours présents sur les pages revues des sujets (uniquement):

[Milouze14Fondateur]

Effectivement Roza,
on ne masque que sur les catégories et pour la revue il n'y a pas cet affichage !!!!
Que veux tu dire ?

Edit, tu veux dire la liste des sujets:

Remplaces dans ta feuille de style ceci:

Code:

.forabg .header dd:not(.dterm){font-size:0px;}

Par ceci

Code:

.header dd:not(.dterm){font-size:0px;}

[Roza]

Sur l'index, si je clique sur le nom d'un forum (sans sous-forum), ou sur celui d'un sous-forum, la page affichant la liste des sujets apparaît.

C'est ce que j'ai appelé "Revue des sujets"... mais ce n'est peut-être pas la bonne appellation !

Comme le montre l'image que j'ai mise :



Et là, les 3 intitulés sont bien présents.

[Milouze14Fondateur]

J'ai édité mon message Roza :

https://www.milouze14.com/t32803-phpbb3-affichage-titres-des-3-colonnes-a-droite-des-rubriques-et-forums#625566

[Roza]

Oui, Oui, j'ai vu ! Merci !

Je viens de faire la modif : c'est parfait !!

Je te remercie très sincèrement, pour ta disponibilité et ta ténacité sans faille à vouloir solutionner mes demandes.

et  

Bonne soirée.

[Milouze14Fondateur]

De rien Roza et bonne soirée à toi aussi.

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande