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

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

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

Message par Oskiator le Jeu 19 Avr 2012 - 16:03

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


Dernière édition par Oskiator le Jeu 26 Avr 2012 - 23:16, édité 1 fois

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

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

Message par Oskiator le Mar 24 Avr 2012 - 16:47

Up

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

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

Message par no_way le Mer 25 Avr 2012 - 0:57

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;}
Wink

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

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

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

Message par Oskiator le Mer 25 Avr 2012 - 18:12

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://i44.servimg.com/u/f44/14/64/69/60/arcane10.jpg

Merci encore Wink

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.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

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

Message par no_way le Jeu 26 Avr 2012 - 0:08

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

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

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

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

Message par Oskiator le Jeu 26 Avr 2012 - 0:37


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

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

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

Message par no_way le Jeu 26 Avr 2012 - 1:50

ah oui, je m'en doutais ^^:
Code:
tr.post+tr>td:first-child{border-right:1px gray solid;}

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

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

L'auteur de ce message est actuellement banni du forum - Voir le message

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

Message par Oskiator le Jeu 26 Avr 2012 - 19:25

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.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

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

Message par no_way le Jeu 26 Avr 2012 - 22:24

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

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

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

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

Message par Oskiator le Jeu 26 Avr 2012 - 23:15

Ah, merci beaucoup. C'est parfait.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

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

Message par no_way le Jeu 26 Avr 2012 - 23:23

De rien et bonne continuation pour votre forum Wink

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

no_way 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