Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
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
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
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
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
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Up ... et visiblement la réponse est attendue par beaucoup à voir le nombre de fois que le sujet a été vu
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Waouwww, je vais finir par battre le record de "vues" ... bon, de mon coté aucune solution malgré des 10aines de bidouilles en tous genres dans le template.
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
up .................. c'est une colle visiblement ...
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Up ............ ne m'abandonnez pas
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Bonjour,
Vérifiez si vous n'avez pas déjà ces identifiants dans votre css. J'ai rajouté !important pour contrecarrer au cas ou mais il serait préférable de faire la modif directement dans votre css intial.
Voici ce que j'obtiens :
- Code:
dl.icon dd.dterm {
background-position: 6%!important;
}
ul.topics dd.dterm{
padding-left: 143px!important;
}
ul.topics li.header dl.icon dt {
padding-right: 143px!important;
}
Vérifiez si vous n'avez pas déjà ces identifiants dans votre css. J'ai rajouté !important pour contrecarrer au cas ou mais il serait préférable de faire la modif directement dans votre css intial.
Voici ce que j'obtiens :
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Merci Demeter1, c'est super sympa de te pencher sur mon "souci" mais mais mais ...
Je viens de mettre ton code dans le CSS en enlevant les autres modifs ou en les laissant (cas actuellement) et les icônes sont bien à gauche avec les titres bien alignés etc ... mais moi j'ai un décalage des titres "réponses" "Vues" et "derniers messages"
Deuxièmement, j'aurais aimé les laisser à droite comme sur ma capture et comme sur ce forum.
En pratique, j'aimerais que la cellule "sujet", dans laquelle il y a le titre, soit divisée en trois (au lieu de deux actuellement) dont la première contiendrait les icônes habituelles "nouv sujet", "annonce", etc (c'est déjà le cas), la deuxième le titre avec les autres infos (c'est déjà le cas) et enfin la troisième avec l'icône de sujet style "IMPORTANT", "RESOLU" ou autre.
De cette manière, je pourrais enlever les codes suivants qui coincent parfois en mode zoom
dl.icon dd.dterm {
background-position: 99%;
}
qui me met l'icône à droite comme j'aimerais
et
div.topic-title-container {
width: 73%;
display: inline-flex!important;
}
qui verrouille la place disponible pour le titre pour ne pas que si on zoom, le texte vienne dans l'icône ... problème qui serait justement résolu si on arrivait à définir une colonne dédiée.
J'espère être clair car si moi je sais ce que je souhaite, il n'est pas certain que mes explications le soient.
En pratique, je pense que la solution se trouve dans le Template topics_list_box
entre les lignes 92 et 113 et particulièrement à la ligne 101.
Je viens de mettre ton code dans le CSS en enlevant les autres modifs ou en les laissant (cas actuellement) et les icônes sont bien à gauche avec les titres bien alignés etc ... mais moi j'ai un décalage des titres "réponses" "Vues" et "derniers messages"
Deuxièmement, j'aurais aimé les laisser à droite comme sur ma capture et comme sur ce forum.
En pratique, j'aimerais que la cellule "sujet", dans laquelle il y a le titre, soit divisée en trois (au lieu de deux actuellement) dont la première contiendrait les icônes habituelles "nouv sujet", "annonce", etc (c'est déjà le cas), la deuxième le titre avec les autres infos (c'est déjà le cas) et enfin la troisième avec l'icône de sujet style "IMPORTANT", "RESOLU" ou autre.
De cette manière, je pourrais enlever les codes suivants qui coincent parfois en mode zoom
dl.icon dd.dterm {
background-position: 99%;
}
qui me met l'icône à droite comme j'aimerais
et
div.topic-title-container {
width: 73%;
display: inline-flex!important;
}
qui verrouille la place disponible pour le titre pour ne pas que si on zoom, le texte vienne dans l'icône ... problème qui serait justement résolu si on arrivait à définir une colonne dédiée.
J'espère être clair car si moi je sais ce que je souhaite, il n'est pas certain que mes explications le soient.
En pratique, je pense que la solution se trouve dans le Template topics_list_box
entre les lignes 92 et 113 et particulièrement à la ligne 101.
Dernière édition par mdlettrage le Dim 21 Fév 2016 - 15:15, édité 2 fois
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
je vais passer la main. Je vous avouerai m'être conformé à la capture de votre forum qui est en phpbb2 pour l'appliquer sur celui qui est phpbb3 mais, vos derniéres demandes nécessiteront plusieurs modifications au niveau des templates.
Ne connaissant pas phpbb3, il est préférable que je laisse quelqu'un de plus à l'aise avec cette version vous apporter une réponse.
Ne connaissant pas phpbb3, il est préférable que je laisse quelqu'un de plus à l'aise avec cette version vous apporter une réponse.
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Pas de soucis Demeter1, c'est déjà super sympa d'avoir pris le temps d'essayer.
Je pense que la solution devrait en aider plus d'un justement en PHPBB3 qui aimerait cette fonctionnalité
On verra si un pro trouve car moi j'en suis incapable.
De toute façon, j'ai déjà le résultat voulu à 95% ... c'est juste pour encore améliorer et arriver au 100%
Bonne fin de week-end, Marc
Je pense que la solution devrait en aider plus d'un justement en PHPBB3 qui aimerait cette fonctionnalité
On verra si un pro trouve car moi j'en suis incapable.
De toute façon, j'ai déjà le résultat voulu à 95% ... c'est juste pour encore améliorer et arriver au 100%
Bonne fin de week-end, Marc
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Et le petit UP du jour .... allez, je sens bien qu'on va y arriver
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Allez .... tant qu'il y a de la vie, il y a de l'espoir ...
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Bon je pense que c'est vraiment la colle du mois ... En tout cas, je dois avoir le record de vues
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Qui aura le premier de la réponse géniale ?
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Coucou
Voilà une piste.
Dans le template "topics_list_box", on va ajouter le "dd" que l'on veut pour ajouter une colonne. Donc on va remplacer ça:
(j'ai mis une class pour pouvoir facilement faire des réglages).
Et ensuite, dans la liste des sujets, on ajoute une div qui va appeler ta bonne image en background (c'est ce qui est généré automatique :/ :
On remplace donc ça :
Et :
et dans le CSS :
Je pense que ça peut te donner une piste
Voilà une piste.
Dans le template "topics_list_box", on va ajouter le "dd" que l'on veut pour ajouter une colonne. Donc on va remplacer ça:
- Code:
<dl class="icon">
<dt>
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
{topics_list_box.row.L_TITLE}
</dt>
<dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
<dd class="views">{topics_list_box.row.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
</dl>
- Code:
<dl class="icon">
<dt>
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
{topics_list_box.row.L_TITLE}
</dt>
<dd class="icone-sjt">Tag</dd>
<dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
<dd class="views">{topics_list_box.row.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
</dl>
(j'ai mis une class pour pouvoir facilement faire des réglages).
Et ensuite, dans la liste des sujets, on ajoute une div qui va appeler ta bonne image en background (c'est ce qui est généré automatique :/ :
On remplace donc ça :
- Code:
<dl class="icon">
<!--<dd class="dterm">-->
<dd class="dterm" style="padding-left:0;">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
{topics_list_box.row.topic.table_sticky.L_TITLE}
</dd>
<dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
<!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
<dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
</dl>
- Code:
<dl class="icon">
<!--<dd class="dterm">-->
<dd class="dterm" style="padding-left:0;">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
{topics_list_box.row.topic.table_sticky.L_TITLE}
</dd>
<dd class="icone-sjt" {topics_list_box.row.ICON}> </dd>
<dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
<!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
<dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
<dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
</dl>
Et :
- Code:
<dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
{topics_list_box.row.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
{topics_list_box.row.TOPIC_TYPE}
<div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>
<!-- BEGIN switch_description -->
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
<br />
{topics_list_box.row.GOTO_PAGE_NEW}
<span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
</dd>
<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>
<dd class="lastpost">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<div style="float:left;">
<!-- END avatar -->
<span>{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn>
{topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>
<!-- BEGIN avatar -->
</div>
<!-- END avatar -->
</dd>
- Code:
<dd class="dterm titre-sjt" title="{topicrow.TOPIC_FOLDER_IMG_ALT}">
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
{topics_list_box.row.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}
{topics_list_box.row.TOPIC_TYPE}
<div class="topic-title-container"><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></div>
<!-- BEGIN switch_description -->
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
<br />
{topics_list_box.row.GOTO_PAGE_NEW}
<span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
</dd>
<dd class="icone-sjt" {topics_list_box.row.ICON}> </dd>
<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>
<dd class="lastpost">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<div style="float:left;">
<!-- END avatar -->
<span>{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn>
{topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>
<!-- BEGIN avatar -->
</div>
<!-- END avatar -->
</dd>
et dans le CSS :
- Code:
.icone-sjt{
background-repeat: no-repeat;
height: 30px;
width: 130px;
}
Je pense que ça peut te donner une piste
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Waouwwwww ... Miettes ...
que du respect pour ce merveilleux travail .... nous sommes 95% de résultat ...
tout fonctionne sauf un bug et deux détails :
1- il faudrait rétrécir un peu la colonne sujet car actuellement, la colonne "derniers messages" est en promenade faute de place ... elle est en deuxième ligne
2- le titre "tag" n'apparait que dans la partie annonce et pas dans le cadre en dessous avec la ligne sujets...
3- un tag est apparu on ne sait pas trop bien pourquoi dans le sous forum privé > zone de test que je vais ouvrir aux invités pour que tu puisses voir ...
Quoi qu'il en soit, un énorme merci et un bravo bien mérité pour cette aide.
que du respect pour ce merveilleux travail .... nous sommes 95% de résultat ...
tout fonctionne sauf un bug et deux détails :
1- il faudrait rétrécir un peu la colonne sujet car actuellement, la colonne "derniers messages" est en promenade faute de place ... elle est en deuxième ligne
2- le titre "tag" n'apparait que dans la partie annonce et pas dans le cadre en dessous avec la ligne sujets...
3- un tag est apparu on ne sait pas trop bien pourquoi dans le sous forum privé > zone de test que je vais ouvrir aux invités pour que tu puisses voir ...
Quoi qu'il en soit, un énorme merci et un bravo bien mérité pour cette aide.
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Le problème du TAG qui était apparu et le titre tag absent, sont réglés ... juste une mini bulle dans une ligne ...
Ligne 83, il fallait mettre : <dd class="icone-sjt">Tag</dd> au lieu de <dd class="icone-sjt" {topics_list_box.row.ICON}> </dd>
Ne reste donc que la largeur de la colonne titre de sujet à réduire pour que les "derniers sujets" retrouvent leur place ...
Encore 1000 merci, je suis hyper content du futur résultat et surtout d'avoir appris encore un truc de plus.
Ligne 83, il fallait mettre : <dd class="icone-sjt">Tag</dd> au lieu de <dd class="icone-sjt" {topics_list_box.row.ICON}> </dd>
Ne reste donc que la largeur de la colonne titre de sujet à réduire pour que les "derniers sujets" retrouvent leur place ...
Encore 1000 merci, je suis hyper content du futur résultat et surtout d'avoir appris encore un truc de plus.
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Oh parfait si tu as su réglé presque tout tout seul
Pour la largeur, on va dire dans la CSS que le padding du bloc doit etre compris dans sa largeur (et pas ajouté). Pour cela, on va utiliser la propriété CSS box-sizing. Ce qui nous donne :
ça devrait régler ton problème (si je l'ai bien compris)
Et parce que c'est toujours cool de comprendre, plus d'infos sur le box-sizing
Pour la largeur, on va dire dans la CSS que le padding du bloc doit etre compris dans sa largeur (et pas ajouté). Pour cela, on va utiliser la propriété CSS box-sizing. Ce qui nous donne :
- Code:
ul.topics li.header dl.icon dt,
li.header dl.icon dd{
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ça devrait régler ton problème (si je l'ai bien compris)
Et parce que c'est toujours cool de comprendre, plus d'infos sur le box-sizing
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Re coucou
Hélas, non , cela empire ... snif
Hélas, non , cela empire ... snif
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Ah ça passait bien sur mon écran qui doit etre plus large ^^
Et si tu ajoutes ça
Et si tu ajoutes ça
- Code:
ul.topics dd.dterm,
ul.topics dt{
width: 40% !important;
}
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
G E N I A L ..... Là tout fonctionne à merveille sauf un tout mini/micro détail ...
Le titre TAG de la partie "annonce" est bien centré ==> merveilleux mais le même titre de la partie "sujets" lui ne l'est pas et est aligné à gauche...
En tout cas, 1000 merci
Le titre TAG de la partie "annonce" est bien centré ==> merveilleux mais le même titre de la partie "sujets" lui ne l'est pas et est aligné à gauche...
En tout cas, 1000 merci
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Tes colonnes "ANNONCE & NOTE" et "SUJETS" n'ont pas la même largeur
Pour ça, on va juste ajouter ça :
Je pense que ça devrait fonctionner
Pour ça, on va juste ajouter ça :
- Code:
ul.topics dd.dterm{
padding-right: 43px;
}
Je pense que ça devrait fonctionner
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Helas non, cela ne fonctionne pas et pourtant j'ai aussi la ligne :
1. li.header dd, li.header dt {text-align:center;}
qui est censé centrer tout ...
1. li.header dd, li.header dt {text-align:center;}
qui est censé centrer tout ...
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Ah je l'ai !
Essaie de supprimer le style en ligne ici :
Essaie de supprimer le style en ligne ici :
- Code:
<dd class="dterm" style="padding-left:0;">
- Code:
<dd class="dterm">
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Loupé .... mdr ...
J'ai crié victoire trop vite en te lisant ... quand j'enlève le padding, cela centre le TAG mais décale tous les autres ...
Y a-t-il un truc style center pour ce padding ?
Sinon, on ne se tracasse pas de trop ... c'est juste un détail que je pourrais corriger en ajoutant des espaces dans le titre ou autre ...
Là j'essaye de résoudre le fait que la ligne titre fait la même hauteur que les lignes sujet donc 30 px mais ce c'est que du fignolage ...
Je suis hyper heureux du résultat
J'ai crié victoire trop vite en te lisant ... quand j'enlève le padding, cela centre le TAG mais décale tous les autres ...
Y a-t-il un truc style center pour ce padding ?
Sinon, on ne se tracasse pas de trop ... c'est juste un détail que je pourrais corriger en ajoutant des espaces dans le titre ou autre ...
Là j'essaye de résoudre le fait que la ligne titre fait la même hauteur que les lignes sujet donc 30 px mais ce c'est que du fignolage ...
Je suis hyper heureux du résultat
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Il y a encore un petit truc à supprimer dans le template :
On enlève le style en ligne aussi :
(j'aime pas baisser les bras )
- Code:
<dd class="posts" style="padding-left:45px;">
On enlève le style en ligne aussi :
- Code:
<dd class="posts">
(j'aime pas baisser les bras )
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
tu es comme moi alors ... je suis un perfectionniste têtu !
- Alors le TAG est génial ok merveilleux ...
- Les titres qui suivent aussi donc génial ...
- Reste, si on veut aller au bout du miracle à centrer SUJETS qui vient, du coup, de partir un peu vers la droite sauf si c'est "ANNONCE & NOTE" qui n'est pas à la bonne place ... Difficile à définir
- Et si tu me permets de t'ennuyer encore un instant, comment puis-je faire pour que la ligne "titre" ne soit pas aussi haute que les autres afin de ne pas avoir cette zone bleue pas très jolie ...
j'ai essayé dans ton CSS de ne pas mettre la valeur HEIGHT mais là l'icône sujet n'a pas assez de place donc c'est pas la bonne solution ...
mais, surtout, je ne voudrais t'ennuyer inutilement donc si tu veux fignoler avec moi, je suis 100% partant sinon, je suis déjà très heureux du travail fait.
- Alors le TAG est génial ok merveilleux ...
- Les titres qui suivent aussi donc génial ...
- Reste, si on veut aller au bout du miracle à centrer SUJETS qui vient, du coup, de partir un peu vers la droite sauf si c'est "ANNONCE & NOTE" qui n'est pas à la bonne place ... Difficile à définir
- Et si tu me permets de t'ennuyer encore un instant, comment puis-je faire pour que la ligne "titre" ne soit pas aussi haute que les autres afin de ne pas avoir cette zone bleue pas très jolie ...
j'ai essayé dans ton CSS de ne pas mettre la valeur HEIGHT mais là l'icône sujet n'a pas assez de place donc c'est pas la bonne solution ...
mais, surtout, je ne voudrais t'ennuyer inutilement donc si tu veux fignoler avec moi, je suis 100% partant sinon, je suis déjà très heureux du travail fait.
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
Ohhh ! Vu ma charge de travail au boulot, ça ne me gène pas de peaufiner ensemble ^^
> Centrer "annonce & note" et "sujet" :
Eh bien au lieu d'avoir 50px de padding d'un coté et rien de l'autre, on va répartir
ici, le 2px sera le padding en haut et en bas & le 25px sera le padding à droite et à gauche.
> La hauteur du titre
ça c'est ma faute Dans la CSS que je t'ai filé pour "icone-sjt", je précise une hauteur de 30px. Sauf que nous, on ne veut cette hauteur que pour les images et pas dans le titre On va donc l'annuler avec :
> Centrer "annonce & note" et "sujet" :
Eh bien au lieu d'avoir 50px de padding d'un coté et rien de l'autre, on va répartir
- Code:
ul.topiclist li.header dl dd.dterm,
ul.topics li.header dl.icon dt{
padding: 2px 25px;
}
ici, le 2px sera le padding en haut et en bas & le 25px sera le padding à droite et à gauche.
> La hauteur du titre
ça c'est ma faute Dans la CSS que je t'ai filé pour "icone-sjt", je précise une hauteur de 30px. Sauf que nous, on ne veut cette hauteur que pour les images et pas dans le titre On va donc l'annuler avec :
- Code:
li.header dd.icone-sjt{
height: inherit;
}
Re: Ajouter une colonne dédiée aux icônes de sujet (se trouvant dans la section icones de messages)
La
P E R F E C T I O N
est tienne !
Comment pourrais-je un jour te remercier pour tout cela ? Franchement, j'aimerais le faire car le résultat est pile poil merveilleux.
Je suis hyper heureux et j'espère que ce sujet profitera à un grand nombre d'utilisateurs.
Je me sent bête de ne pouvoir que dire Merci mais cela vient vraiment du coeur.
P E R F E C T I O N
est tienne !
Comment pourrais-je un jour te remercier pour tout cela ? Franchement, j'aimerais le faire car le résultat est pile poil merveilleux.
Je suis hyper heureux et j'espère que ce sujet profitera à un grand nombre d'utilisateurs.
Je me sent bête de ne pouvoir que dire Merci mais cela vient vraiment du coeur.
Page 1 sur 2 • 1, 2
Sujets similaires
» Afficher les icones de sujets dans la colonne "Derniers messages"
» À la recherche de listes d’icones du forum, d’icones des sujets et d’icones de messages
» Ajouter des icônes de sujet
» Icones de message/sujet à droite de la colonne titre comme ici
» Créer colonne visible qui définit les emplacements des icônes sujet.
» À la recherche de listes d’icones du forum, d’icones des sujets et d’icones de messages
» Ajouter des icônes de sujet
» Icones de message/sujet à droite de la colonne titre comme ici
» Créer colonne visible qui définit les emplacements des icônes sujet.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum