Ligne séparation détails message et le message

3 participants

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 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)
Ligne séparation détails message et le message Ligneseparationin

Après (Pas OK)
Ligne séparation détails message et le message Ligneseparationout

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
avatar

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_ 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_

_backdraft_
Membre habitué

Masculin
Messages : 1509
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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
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 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.
avatar

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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
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 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.
avatar

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 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é.

Ligne séparation détails message et le message Yipikaye

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
avatar

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