Bonjour,

Après recherche, je ne crois pas avoir vu de topic répondant à ma question alors me voilà ^^

Mon problème concerne la personnalisation de la lecture des sujets.
Par exemple, sur css actif, les messages sont inscrits dans des bulles type bd. Ce que je voudrais c'est mettre une image de fond (un parchemin) qui engloberait le message et le profil du posteur.
Le problème c'est que je ne sais pas du tout comment procéder. Je pense devoir englober dans des balises div, les variables du profil et celles du message mais bon.

Voici mes images :
- https://2img.net/r/hpimg11/pics/448957basdumessage.png
- https://2img.net/r/hpimg11/pics/331265hautdumessage.png
- https://2img.net/r/hpimg11/pics/747727pagepost.png (qui devra se répéter en fonction de la longueur du message)

Chaque message correspondrait donc à un parchemin, il faudrait une séparation entre deux posts (une transparence permettant de voir le fond du forum).

N'ayant aucune base de code à proposer je ne sais pas trop si je peux poser ma demande ici...

Merci d'avance à la personne qui pourra m'expliquer =)

Hello miss, alors je ne suis pas sure que cela soit possible, que tout soit avec un fond parchemin ... par contre ce que tu peux faire, c'est mettre un parchemin pour le fond de tes messages, et un autre pour le fond de ton profil, cela t'irai ou pas? =)

Salut !
Comme l'a dit Vintage Phonic ça risque d'être asse embêtant à faire étant donné que forum actif a une structure faites presque que de <table> (la totale galère quoi ).

Mais en reprenant l'idée de Vintage tu peux faire un fond qui « se suit », je m'explique.
Ton parchemin serai découpé en deux parties ; une pour la droite et donc le profil et une pour la gauche avec le message. Tu découpes ces deux parties afin de les adapter comme tu l'a mentionné avec 3 images.
Ensuite tu n'a plus qu'à coller coller le profil et le message pour que le parchemin s'assemble.
Sur FA se doit être un <td> ou une bêtise du genre.

En tout cas ça reste galère :p
Mais si on peut englober tout un message, il est fort possible (en remontant plus haut au niveau du template) d'englober tout une partie. Après, je ne m'y connais moins en template :s

*À moins de refaire la structure du template au complet sans le faire en tableau.... (donc simplement des div). On ne peut le faire pour toi malheureusement, comme ça reviendrait à une commande, mais on peut quand même t'aider. Je dois néanmoins spécifier que je ne l'ai encore jamais testé et que ça relève d'un niveau de codage assez élevé*

Bonjour,

Que de réponses ^^ Merci de vous intéresser à mon problème, je me doutais que ce n'était pas évident.

En fait j'avais vu le principe sur un autre forum : https://2img.net/r/hpimg4/pics/705238Forumpage.png (j'ai essayé de rogner l'image pour ne pas faire de pub ^^')
Voilà donc le rendu que je voulais atteindre,

En attendant je veux bien tester vos solutions pour voir le rendu =) Je posterai le découpage des images dès que je peux.

Merci et bonne journée

Il faut que tu ajoutes une classe à la balise table contenant les posts et que tu donnes comme propriété:

Code:

.taClasse {
background-image: url('ton url'); //Ce qui va afficher ton image sur tous les messages sans interruption
background-size:100%; //Ce qui permet que ton image soit affichée entièrement
}

Veille simplement à enlever les bordures dans tes messages, sinon elles seront en surimpression ce qui est laid.

Bonsoir

Merci de ton aide et désolé je n'ai pas compris où je devais mettre la classe... Je n'y connais pas grand chose ^^'

Tu dois mettre la classe dans le template topic_list_box en remplaçant:

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

par:

Code:

<table class="forumline taClasse" width="100%" border="0" cellspacing="1" cellpadding="0">

Il faut faire attention à enlever toutes les couleurs de fond des messages sinon tout le parchemin ne sera pas affiché.

Bon là pour le coup je me sens vraiment débutante mais bon ^^'

Alors, j'ai mis le html et le css ça c'est bon mais quand j'essaye d'enlever les couleurs, celle du fond de page persiste. Pour l'instant je ne vois pas l'image, je pense que c'est à cause de ce fond. Comment l'enlever?

Peux tu m'envoyer le lien de ton forum en mp pour voir ce qu'il faut modifier?

(Tu as bien retiré la couleur de ARRIÈRE-PLAN, COLONNE 1? Parce que ça devrait fonctionner pourtant. Mais ça devrait également retirer une partie de la couleur du tableau de l'index à moins que tu l'ais personnalisé et retirer la classe "row 1")

Je ne vois nul part écrit arrière plan en fait mais dans Affichage>Couleurs j'ai pratiquement tout enlevé pour faire mes essais. Mais dans les couleurs du fond > couleur du fond de page, il me remet automatiquement une couleur.
Non je ne crois pas avoir retiré "row1".

Ma question est toujours d'actualité

Illadon m'a déjà fourni une réponse mais qui ne rendait pas tout à fait l'effet espéré (compliqué je le conçois).
J'attends un peu pour voir si certains ont d'autres idées.

Bonjour, est-ce qu'on pourrait avoir un lien vers ton forum pour voir un peu ce qu'il en est ?

Merci de votre attention Voici l'adresse :

Pour le moment, on peut voir la méthode qu'Illadon m'a proposé.

Bonjour,

Pour le moment, on voit le fond parchemin. Ce que tu souhaites c'est que ça rende un peu mieux, j'imagine ? Genre que l'avatar ne dépasse pas ?

Le rendu que je cherche est celui-ci pour vous donner une idée:

Pour le moment j'ai ciblé trois choses :
- la séparation des messages (sur mon forum, le fond est continu alors que l'idée est que chaque message soit un parchemin)
- que l'avatar ne dépasse pas
- retirer le bord noir autour du titre du sujet

Bonjour,

Pour résoudre ton problème, il va te falloir un minimum de connaissances techniques en HTML/CSS.

L'objectif est d'englober chaque "message" (ligne de tableau, puisque chaque page d'un sujet est présentée sous la forme d'un tableau) dans ton parchemin.

Actuellement la structure du template viewtopic_body consiste à peu près à ça (les couleurs sont là pour distinguer les éléments qui se répètent)

AUTEUR	MESSAGE
(CONTENU DU PROFIL)	(CONTENU DU MESSAGE)
bouton "top"	boutons de profil (mp, profil, site, etc...)
(CONTENU DU PROFIL)	(CONTENU DU MESSAGE)
bouton "top"	boutons de profil (mp, profil, site, etc...)
(CONTENU DU PROFIL)	(CONTENU DU MESSAGE)
bouton "top"	boutons de profil (mp, profil, site, etc...)
AUTEUR	MESSAGE

Et toi, tu veux plutôt ça :

AUTEUR	MESSAGE
CONTENU DU PROFIL CONTENU DU MESSAGE bouton "top" boutons de profil (mp, profil, site, etc...)
CONTENU DU PROFIL CONTENU DU MESSAGE bouton "top" boutons de profil (mp, profil, site, etc...)
CONTENU DU PROFIL CONTENU DU MESSAGE bouton "top" boutons de profil (mp, profil, site, etc...)
AUTEUR	MESSAGE

On voit déjà qu'il y aura un problème d'affichage en haut et en bas des tableaux avec le contenu Auteur / Message vu que les cellules ne seront plus alignées.

Il va aussi falloir transformer deux fois deux cellules (deux lignes de deux cellules) en une seule cellule qui contiendra un nouveau tableau avec les différents éléments.

La méthode la plus simple est la suivante :

Juste après

Code:

<!-- BEGIN displayed -->

Tu rajoutes :

Code:

   <tr>
      <td colspan="3" class="un-post">
         <div class="bg-head"></div>
         <div class="bg-content">
            <table width="100%">

Et juste avant

Code:

<!-- BEGIN first_post_br -->

Tu rajoutes :

Code:

            </table>
         </div>
         <div class="bg-foot"></div>
      </td>
   </tr>

J'ai simplement inséré dans la structure de base un tableau encadré par des div, sans rien modifier d'autre.

Il ne manque plus qu'un CSS de base :

Code:

.bg-head {
  background:url('IMAGE_EN_HAUT');
  height:15px; /* hauteur de la partie supérieure */
}

.bg-content {
  background:url('IMAGE_CENTRALE');
}

.bg-content .row1, .bg-content .row2 {
  background:none; /* on "efface" le fond des cellules pour pouvoir voir le fond spécifié plus haut */
}

.bg-foot {
  background:url('IMAGE_EN_BAS');
  height:15px; /* hauteur de la partie inférieure */
}

Ce code est évidemment prévu pour un fond possédant trois parties : une partie "supérieure", une partie centrale qui se répète et une partie inférieure.

J'en ai fait beaucoup, à toi à présent de décrypter tout ça et de faire les personnalisations qui s'imposent J'ai testé sur un forum de test, ça marche.

Whow un énorme merci pour avoir pris le temps de te plonger dans mon problème et de la réponse que tu m'as apporté qui est bien détaillée =)
J'ai fais ce que tu m'as dit et ça marche. Mes posts sont séparés et la partie centrale et basse du fond apparaissent

Des détails restent à changer (comme l'avatar qui dépasse toujours) mais je vais essayer de voir si j'y arrive =) j'éditerai mon post au besoin ou je créerai un nouveau sujet plus tard.

Merci beaucoup

Bonsoir =)

Oui désolé j'hésitais à signaler mon sujet comme résolu au cas où j'aurai encore eu quelques problèmes.
Mon problème étant globalement résolu (encore un grand merci à 'Christa pour son travail ) il peut être classé =)
Je l'indique de ce pas dans le titre

Ok, merci de ta réponse (:
Dans ce cas, je déplace