Création d'une séparation des messages dans les sujets

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

Résolu Création d'une séparation des messages dans les sujets

Message par Krazy le Dim 5 Fév 2017 - 14:41

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://bloods-gang.forumgratuit.org/

Description du problème

Bonjour,

Alors je vais essayer d'être bref, j'aimerai avoir une séparation/bandeau entre les messages dans les sujets et intégrer les éléments suivants:
pseudo du posteur, numéro du post et date/heure du post et les boutons citer, editer, supprimer, ip.

Quelque chose comme ça:


Merci.


Dernière édition par Krazy le Jeu 2 Mar 2017 - 23:55, édité 3 fois (Raison : édition du screen)
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Lun 6 Fév 2017 - 18:14

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Mer 8 Fév 2017 - 12:57

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Jeu 9 Fév 2017 - 13:56

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Ven 10 Fév 2017 - 20:42

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Sam 11 Fév 2017 - 20:25

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Dim 12 Fév 2017 - 22:30

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Jeu 16 Fév 2017 - 20:39

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Dim 19 Fév 2017 - 22:23

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Jeu 23 Fév 2017 - 0:29

up
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Jeu 23 Fév 2017 - 11:52

Bonjour Krazy,

La procédure est la suivante.

Panneau d'administration / Affichage / Templates / Général / viewtopic_body.

Repérer la partie suivante.
Code:
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
Juste avant placer ceci, en ce qui concerne les variables vous pouvez supprimer celle qui se trouve dans votre template.
Code:
<div id="date_heure_sous_message">
        {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}
        {postrow.displayed.QUOTE_IMG}
        {postrow.displayed.EDIT_IMG}
        {postrow.displayed.IP_IMG}
</div>
Celui-ci a placer dans votre feuille de style css.
Code:
#date_heure_sous_message{
  background-color: #A7A7A7;
  width:100%;
  height:35px;
}
J'ai placé en CLASS "date_heure_sous_message" mais vous pouvez mettre celle de votre choix dans le css mais aussi dans la DIV.


Dernière édition par tupac le Sam 25 Fév 2017 - 4:45, édité 1 fois
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Jeu 23 Fév 2017 - 19:04

Merci de ton aide mais ce n'est pas tout à fait ça, voilà le résultat pour l'instant:

avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Jeu 23 Fév 2017 - 22:12

Vous vouliez un bandeau séparent les messages avec a l'intérieur les boutons que vous avez cité c'est pourtant ce que j'ai fais, pouriez être alors un peut plus précis svp.
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Ven 24 Fév 2017 - 22:17

Je voudrais la même chose que sur le premier screen dans la description de mon problème.

Merci de ton aide. Smile
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Sam 25 Fév 2017 - 5:02

Bonjour,

Ok en fait vous avez écrit ( entre les messages ) mais c'est plutôt au dessus de chaque message comme ceci.

avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Sam 25 Fév 2017 - 18:20

Oui voilà, c'est une barre séparateur au-dessus du posteur avec ses infos (son pseudo, lien du post, date, boutons citer, etc)
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Dim 26 Fév 2017 - 0:32

La disposition vous convient ?

avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Dim 26 Fév 2017 - 11:31

Oui, c'est presque ça. J'aimerai vraiment que les éléments soient placés comme sur le screen. Le pseudo centré sur la colonne des profils, le message et la date à gauche de la colonne des messages...
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Lun 27 Fév 2017 - 9:22

Bonjour,

J'ai placé les variables dans un tableau avec 1 ligne et 3 cellules.

1ère cellule: le pseudo.
2ème cellule: date et heure.
3ème cellule: Supprimer,cité etc...

Régler la première cellule (td) de la même largeur du profil qui se trouve dessous.
Pour la 2ème et 3ème cellule j'ai placé un margin, alors un margin-left pour la 2ème cellule et un margin-right pour la 3ème.

Dans le template viewtopic_body repérer ceci.
Code:
<!-- END hidden -->
<!-- BEGIN displayed -->
Placer juste en dessous le tableau suivant.
Le tableau ici.:
Code:
<table style="width: 100%">                                                                                                                
   <tbody>                                                                                                                   
      <tr>                                                                                                                      
         <td style="width:170px; text-align: center;>
             
{postrow.displayed.POSTER_NAME}       
                       
         </td>                              
         <td style="float:left; margin-left: 5px;>             
{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp; {postrow.displayed.POST_DATE_NEW}                             
         </td>
                              
         <td style="float:right; margin-right: 5px;>
                               
            <!-- Merci -->  {postrow.displayed.THANK_IMG}
        <!--Multi Cité -->  {postrow.displayed.MULTIQUOTE_IMG}
        <!-- Cité -->  {postrow.displayed.QUOTE_IMG}
         <!-- Edité -->  {postrow.displayed.EDIT_IMG}
        <!-- Supprimé -->  {postrow.displayed.DELETE_IMG}
                  <!-- ip -->  {postrow.displayed.IP_IMG}
                                  {postrow.displayed.REPORT_IMG_NEW}       
                               
         </td>                                                                                                                                                                                                            
      </tr>                                                                                                                 
   </tbody>
</table>
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Lun 27 Fév 2017 - 22:53



Le code est pas mal, je l'ai un peu arrangé. Il y a néanmoins un petit soucis avec les boutons à droite. On y voit un saut de ligne et un point noir, tu sais ce que c'est ? J'aimerai l'enlever et tout aligner.

+ comment mettre un background de couleur ou code css pour personnaliser toute la barre ?
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Mar 28 Fév 2017 - 0:02

Pouvez vous me donner le code avec les modifications que vous avez éffectué svp.
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Mar 28 Fév 2017 - 0:38

Voici le code:

Code:
<table style="width: 100%">                                                                                                               
  <tbody>                                                                                                                 
            <tr>                                                                                                           
                           
<td style="height:20px;text-align:center;margin-left:320px;">           
  {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}"><strong>{postrow.displayed.POST_SUBJECT}</strong></a><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}                           

</td>
        <td style="float:right;height:20px;margin-right:20px;margin-bottom:-15px;">
                             
            <!-- Merci -->  {postrow.displayed.THANK_IMG}
        <!--Multi Cité -->  {postrow.displayed.MULTIQUOTE_IMG}
        <!-- Cité -->  {postrow.displayed.QUOTE_IMG}
        <!-- Edité -->  {postrow.displayed.EDIT_IMG}
        <!-- Supprimé -->  {postrow.displayed.DELETE_IMG}
                  <!-- ip -->  {postrow.displayed.IP_IMG}
                      <!-- report -->  {postrow.displayed.REPORT_IMG_NEW}
        </td>                                                                                                                                                                                                           
</tr>                                                                                                           
  </tbody>
</table>
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Mar 28 Fév 2017 - 0:57

Sur mon forum test je n'ai pas ce souci.



Dites moi il sagit de quelle bouton j'arrive pas bien a voir le symbole.



Pouvez vous me poster un lien pour que je puisse analiser le problème svp.
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Mar 28 Fév 2017 - 18:47

C'est le bouton report (alerte) et il y a un petit point noir à gauche du bouton. On le voit sur le screen.

Lien de mon forum: http://www.bloods-gang.com

avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Mer 1 Mar 2017 - 0:52

Ok dans le code remplacer toutes les variables suivantes.
Code:
<!-- Merci -->  {postrow.displayed.THANK_IMG}
<!--Multi Cité -->  {postrow.displayed.MULTIQUOTE_IMG}
<!-- Cité -->  {postrow.displayed.QUOTE_IMG}
<!-- Edité -->  {postrow.displayed.EDIT_IMG}
<!-- Supprimé -->  {postrow.displayed.DELETE_IMG}
<!-- ip -->  {postrow.displayed.IP_IMG}
<!-- report -->  {postrow.displayed.REPORT_IMG_NEW}
Par ceci.
Code:
            <ul class="profile-icons">
               <li>{postrow.displayed.THANK_IMG}</li>
               <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.IP_IMG}</li>
               <li>{postrow.displayed.REPORT_IMG_NEW}</li>
            </ul>
Elles vont se décaler légèrement vers le bas il vous suffit donc de jouer avec le margin-bottom qui se trouve dans le TD pour les remonter.
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Mer 1 Mar 2017 - 19:03

Oui, merci beaucoup, c'est ce que j'ai fait pour la marge.

Du coup, c'est possible d'avoir un code CSS pour modifier la barre transparente stp ?

avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Création d'une séparation des messages dans les sujets

Message par tupac le Jeu 2 Mar 2017 - 2:05

Bonsoir,

Bien sur alors j'ai rajouté un id dans la preimière ligne du code pour pouvoir lui associer du css.

Remplacer la première du code par celle-ci.
Code:
<table id="espace_mess" style="width: 100%">
Puis ce css dans votre feuille de style.
Code:
#espace_mess{
background-color: #2F190C;
}
J'y ai placé un background-color pour le fond mais vous pouvez rajouter ce que vous voulez.
avatar

tupac
Membre actif

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

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

Résolu Re: Création d'une séparation des messages dans les sujets

Message par Krazy le Jeu 2 Mar 2017 - 23:54

Merci beaucoup, pour ton aide et ta patience.
Résolu.
avatar

Krazy
**

Masculin
Messages : 50
Inscrit(e) le : 15/08/2012

http://bloods-gang.com
Krazy 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