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

2 participants

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 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:
Création d'une séparation des messages dans les sujets 84jt

Merci.


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

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 Lun 6 Fév 2017 - 18:14

up
Krazy

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 Mer 8 Fév 2017 - 12:57

up
Krazy

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 Jeu 9 Fév 2017 - 13:56

up
Krazy

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 Ven 10 Fév 2017 - 20:42

up
Krazy

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 Sam 11 Fév 2017 - 20:25

up
Krazy

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 Dim 12 Fév 2017 - 22:30

up
Krazy

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 Jeu 16 Fév 2017 - 20:39

up
Krazy

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 Dim 19 Fév 2017 - 22:23

up
Krazy

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 Jeu 23 Fév 2017 - 0:29

up
Krazy

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 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
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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:

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

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 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.
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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
Krazy

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

Création d'une séparation des messages dans les sujets 2017-018
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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)
Krazy

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 Dim 26 Fév 2017 - 0:32

La disposition vous convient ?

Création d'une séparation des messages dans les sujets 2017-021
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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...
Krazy

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 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.:
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: Création d'une séparation des messages dans les sujets

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

Création d'une séparation des messages dans les sujets 1488233188-sans-titre-2

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

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 Mar 28 Fév 2017 - 0:02

Pouvez vous me donner le code avec les modifications que vous avez éffectué svp.
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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>
Krazy

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 Mar 28 Fév 2017 - 0:57

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

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

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

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

Pouvez vous me poster un lien pour que je puisse analiser le problème svp.
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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

Krazy

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 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.
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: Création d'une séparation des messages dans les sujets

Message par Krazy 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 ?
Création d'une séparation des messages dans les sujets 1488391374-sans-titre-2
Krazy

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 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.
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: Création d'une séparation des messages dans les sujets

Message par Krazy Jeu 2 Mar 2017 - 23:54

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

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

- Sujets similaires

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