Ligne séparation détails message et le message

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

Résolu Ligne séparation détails message et le message

Message par andries.vontrahan le Mar 31 Juil 2012 - 7:17

Bonjour,

Contexte
Je me présente André, je suis administrateur (non-fondateur), particulièrement en charge du design pour le forum [url=keeper.forumactif.org]keeper.forumactif.org[/url]. Le forum est en phpBB2.

Mon fondateur n’est jamais trop loin pour faire les modifs nécessaires dans les templates. Nous y avons touché à date seulement pour ajouter des polices google. Nous avons un peu de CSS personalisé également.

Problème
Je suis à compléter un redesign du forum et la ligne qui sépare les postdetails et les boutons « citer » et « éditer » des messages disparaît dans le thème temporaire que je prépare. Je veux m’assurer de pouvoir bien la remettre.

Avant (OK)


Après (Pas OK)


J’ai cru comprendre par la résolution suivante que ça touchait les templates.

Voici de quoi a l'air notre template viewtopic_body en ce moment.

Code:
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>

C'est le <hr /> avec lequel je dois jouer, pour rajouter la ligne quand je mettrai mon template temporaire en ligne?


Dernière édition par andries.vontrahan le Mer 1 Aoû 2012 - 18:57, édité 1 fois

andries.vontrahan
Nouveau membre

Messages : 6
Inscrit(e) le : 22/06/2011

http://testgraph.forum-canada.com/
andries.vontrahan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ligne séparation détails message et le message

Message par _backdraft_ le Mar 31 Juil 2012 - 10:08

Bonjour,

Votre template n'est pas finit (certaines balises ne sont pas refermées) est ce normal ?

Cordialement

_backdraft_
# Tropactif #

Masculin
Messages : 1505
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ligne séparation détails message et le message

Message par tupac le Mar 31 Juil 2012 - 17:26

Bonjour

backdraft_: il a juste posté la partie concernée.

andries.vontrahan: C'est bien ça, si vous souhaitez enlever cette ligne il vous faudra retirer ce BR.

Cordialement

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ligne séparation détails message et le message

Message par andries.vontrahan le Mer 1 Aoû 2012 - 3:18

Je ne veux pas enlever la ligne, je veux qu'elle reste.

Mais elle disparaît dans mon thème temporaire.

Est-ce que ça peut être parce qu'elle devient blanche sur fond blanc?

Je veux savoir comment m'assurer qu'elle continue d'apparaître.

Merci pour vos réponses rapides.

andries.vontrahan
Nouveau membre

Messages : 6
Inscrit(e) le : 22/06/2011

http://testgraph.forum-canada.com/
andries.vontrahan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ligne séparation détails message et le message

Message par tupac le Mer 1 Aoû 2012 - 13:42

Bonjour

Ok pour votre thème temporaire placer le code suivant dans votre feuille de style css.
Code:
hr {
    border-top: 1px solid #000000;
}
mais assurez-vous de retirer le hr dans le template.
Code:
        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
        <td valign="top" nowrap="nowrap" class="post-options">
        {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
        </td>
        </tr>
        <tr>
        <td colspan="2" class="hr">
        <hr />
        </td>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ligne séparation détails message et le message

Message par andries.vontrahan le Mer 1 Aoû 2012 - 18:11

Ah je croyais bien que ça y était, mais je viens d'essayer ta solution sur un forum test que j'ai créé pour voir ce que ça donnait et il n'y a pas de changement.

J'ai mis le code dans ma feuille de style CSS.

Code:
body{
    background-position: top center;
background-attachment:scroll;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans 700', sans-serif; font-weight 700;
  font-family: 'Open Sans 800', sans-serif; font-weight 800;
font-family: 'Black Ops One', cursive;
font-family: 'Coda', cursive;
}
        .bodylinewidth {
        width: 20%;
        }
        hr {
            border-top: 1px solid #000000;
        }

J'ai tenté en retirant les lignes 8 dans le template en question. Ça n'a pas fonctionné.

La ligne n'apparaît toujours pas.

Code:
        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                <td valign="top" nowrap="nowrap" class="post-options">
                {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                </td>
                </tr>
                <tr>
                <td colspan="2" class="hr">
                            </td>

J'ai tenté en retirant les lignes 7-8-9 au complet et rien non plus.

Code:
        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                <td valign="top" nowrap="nowrap" class="post-options">
                {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                </td>
                </tr>
                <tr> 

Je pensais bien qu'on l'avait. [url=apprendrehtml.forum-canada.com/t1-votre-1er-sujet]Ma page test de référence.[/url]

Merci Tupac, nous allons finir par y arriver.

andries.vontrahan
Nouveau membre

Messages : 6
Inscrit(e) le : 22/06/2011

http://testgraph.forum-canada.com/
andries.vontrahan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ligne séparation détails message et le message

Message par andries.vontrahan le Mer 1 Aoû 2012 - 18:43

Il semble que je ne devais pas retirer le hr du template, je l'ai remis et ça semble fonctionné.



Ce que j'ai en ce moment qui fonctionne

CSS
Code:
body{
    background-position: top center;
background-attachment:scroll;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans 700', sans-serif; font-weight 700;
  font-family: 'Open Sans 800', sans-serif; font-weight 800;
font-family: 'Black Ops One', cursive;
font-family: 'Coda', cursive;
}
        .bodylinewidth {
        width: 20%;
        }
        hr {
            border-top: 1px solid #000000;
        }

Template viewtopic_body
Code:
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                                          <hr />
               </td>
            </tr>
            <tr>

Je ne comprends toutefois pas totalement, il semble que j'avais déjà essayé cette combinaison d'options CSS et template et c'est seulement maintenant que ça fonctionne.

scratch

andries.vontrahan
Nouveau membre

Messages : 6
Inscrit(e) le : 22/06/2011

http://testgraph.forum-canada.com/
andries.vontrahan a été remercié(e) par l'auteur de ce sujet.

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