Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Message par mdlettrage le Dim 14 Fév 2016 - 17:52

Rappel du premier message :

Bonjour à toutes et tous.

Je précise d'entrée que mon forum fonctionne parfaitement pour le moment mais, étant quelqu'un de minutieux, qui adore faire les choses proprement et qui aime apprendre, j'aimerais faire une amélioration technique.

Je m'explique ...

Etant admin de plusieurs forums dont un en PHPBB2, je viens de m'apercevoir que quand j'ai ajouté une icône de sujet ce matin (image se trouvant sous le titre icones de messages dans le PA), une colonne est apparue toute seule à la bonne taille (voir photo ci dessous)
(Pour info : http://f-rco.meilleurforum.com/)




Sur mon nouveau forum en PHPBB3 ( www.csap-liege.forumactif.be ) , grâce à plusieurs astuces reçues ici, j'ai réussi à obtenir le même résultat (voir photo ci-dessous) mais en alourdissant le CSS et en laissant quelques mini soucis en cas de zoom par exemple.



Ma question (et mon fantasme du moment) serait de pouvoir créer une colonne entre celle qui contient les titres de sujet et celle avec le nombre de réponses qui serait d'une largeur automatique en fonction de l'icône de sujet (102 pixels dans mon cas s'il faut donner une valeur) dont le titre serait "Tag" ou "Infos" ou comme en PHPBB2 serait simplement sous le titre sujet tout en le laissant centré.

Je suppose que tout cela se trouve dans un des template mais avant d'aller y mettre le bordel, je préfère faire confiance aux pros que vous êtes.

Je sais que le résultat serait identiquement égal à celui que j'ai pour le moment mais je ne devrais plus jouer avec les %age de titres etc qui ne fonctionnent pas toujours tip top en mode zoom.

Si cela peut aider, en PHPBB2, la ligne se trouve dans le template Topic_list_box et la fameuse ligne est
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>

Inutile de vous dire qu'un copier coller ne marche pas  Mr. Green

Et tant qu'on y est dans les infos, voici la ligne où, actuellement, mes icônes sont concernés :

<dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
....
un série de lignes avant le </dd> bien sur

Après une journée à faire des tests en tâtonnant, j'abandonne le combat en attendant de l'aide.

Merci d'avance pour votre aide.

Marc


Dernière édition par mdlettrage le Lun 7 Mar 2016 - 16:14, édité 6 fois

mdlettrage
***

Masculin
Messages : 147
Inscrit(e) le : 19/01/2016

http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Message par Miettes le Lun 7 Mar 2016 - 15:54

Eh bien de rien ^^ (c'est mon boulot ce type de code Wink )

Je te souhaite bon courage avec ton forum ^^ (et n'oublie pas de passer le sujet en résolu si tout est bon pour toi Wink )

Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Message par mdlettrage le Lun 7 Mar 2016 - 16:10

Ahhh , perso, je suis super content ...

J'ai ajouté le

background-position:center center;

histoire que l'icône soit centrée en largeur comme en longueur.

Il est juste "dommage" qu'il ne tienne pas compte de toute la hauteur de la ligne mais juste de la partie titre mais les miracles sont à Lourdes et pas chez nous.

En tout cas, je suis super content du résultat et je ne le dirais jamais assez : 1000 MERCI

Sauf, si ton énorme savoir connait une solution pour centrer verticalement en tenant compte du la partie "auteur" aussi (voir zone de test sur mon forum avec un très long titre), j'estime que tout est OK, fini, merveilleux ...

Reste à présenter l'enfant à mes collègue et ... OUVRIR grandes les portes.

mdlettrage
***

Masculin
Messages : 147
Inscrit(e) le : 19/01/2016

http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Message par Miettes le Lun 7 Mar 2016 - 16:19

Oui j'ai une solution : On vire les flottants et on utilise des inline-block ^^ (à qui on peut dire de se centrer verticalement). Ce qui donne :

Code:

ul.topics dd.dterm,
ul.topics dt,
ul.topiclist dd{
   display: inline-block;
   float: none;
   vertical-align: middle;
}

Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Message par mdlettrage le Lun 7 Mar 2016 - 16:33

Mais comment fais-tu .... ? C'est impeccable ... je n'ai vraiment plus rien à changer ou à améliorer !

Perso, j'ai appris beaucoup, rencontré une personne géniale donc que du positif.

Comme dit plus avant, n'hésite jamais à me demander mon aide si un jour c'est dans un domaine que je connais comme le graphisme par exemple ...

Bref ... MERCI ET ENCORE MERCI

mdlettrage
***

Masculin
Messages : 147
Inscrit(e) le : 19/01/2016

http://www.csap-liege.forumactif.be
mdlettrage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)

Message par Miettes le Lun 7 Mar 2016 - 16:35

Pas de soucis Smile

Perso, j'me vois pas donner un code tout pret sans l'expliquer ^^

Ravie d'avoir pu t'aider en tout cas Smile

Miettes
****

Féminin
Messages : 382
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum