[CSS]Besoin d'aide pour mettre des séparations pour le template viewtopic_body

[Oskiator]

Bonjour,

Ayant modifié la classe "forumline" sur mon forum par le biais du css, j'ai eu des modifications à d'autres endroits, vu que la classe forumline concerne beaucoup d'éléments du forum.
Je dois donc créer une nouvelle classe (que j'ai appelée "viewtopic") pour la mise en page des posts.

Je suis un peu débutant en css, du coup je sais pas trop comment faire. ("no_way" m'a aidé pour modifier le .forumline)

J'aimerais mettre une ligne de séparation horizontale entre chaque post, et une ligne verticale entre l'auteur et le message. J'aimerais ensuite pouvoir modifier les marges de l'auteur et du message.

Merci d'avance pour votre aide.

Cordialement,

Oskiator

P.S Je viens seulement de remarquer la sous-catégorie pour ce qui est en rapport avec le CSS et les Templates. Désolé.

[Oskiator]

Up

[no_way]

Bonjour, essayez en ajoutant ce code CSS:

Code:

tr.post td[class^="row"]+td[class^="row"],tr.post td[class^="row"]:first-child{padding:4px;}tr.post td[class^="row"]:first-child{border-right:1px solid white !important;}tr.post+tr>td{border-bottom:1px white solid;}

[Oskiator]

Décidément, je n'irais pas loin sans vous !^^

Merci, c'est presque parfait. Il manque juste la bordure à un tr qui n'a pas de classe. Du coup, je sais pas quoi faire.

https://i.servimg.com/u/f44/14/64/69/60/arcane10.jpg

Merci encore

Sinon, est-il possible de faire facilement des posts séparés, comme sur ce forum ? ça me semble quand même plus esthétique. Je sais que je change tout le temps d'avis, mais lorsqu'on ne voit pas le résultat, c'est difficile à dire.

[no_way]

Je vous en prie, en revanche je ne saisis pas ce que vous entendez par une bordure manquante (tr), pourriez-vous la représenter par un trait rouge sur votre image afin que nous nous comprenions bien ?

Pour la séparation de vos messages, c'est hélas impossible sans retomber dans les impasses que nous avions rencontré .

[Oskiator]

Je voulais parler d'un bout de séparation verticale qui manque, juste à l'endroit où il y a les boutons "profil", "mp" et "email".

Quand je clique sur inspecter sur le post, je peut voir <tr class=post>, mais si j'inspecte l'endroit où il manque un bout de séparation, je vois juste <tr>.

[no_way]

ah oui, je m'en doutais ^^:

Code:

tr.post+tr>td:first-child{border-right:1px gray solid;}

[jsan001]

ah oui, je m'en doutais

[Oskiator]

Euh... on fait comment pour mettre aussi un padding de 4 px ? J'ai tenté de le faire moi-même, mais je ne comprends pas assez bien ce code pour y arriver.

Sinon, la séparation est bien apparue au bon endroit.

[no_way]

Ajoutez ceci:

Code:

td.messaging{padding-left:4px;}

[Oskiator]

Ah, merci beaucoup. C'est parfait.

[no_way]

De rien et bonne continuation pour votre forum