Espacements forums

[Clark Mercer]

Détails techniques

Version du forum : phpBB2
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://pookieparadise.forumactif.org/

Description du problème

Bien le bonjour : D

Il y a quelques jours que je cherche une manière d'arranger ce que je désir. J'ai cherché, j'ai tenté des choses, mais hélas je ne trouve pas. (J'ai peut-être mal cherché aussi mais enfin bref).

Alors voilà, j'aimerais mettre des espacements entre mes forums, entre les descriptions, et compagnie. Bref là où j'ai entouré en jaune et vert pour être plus clair. Mon template Index_box est modifié (car je pense bien que c'est la qu'il faut joyeusement jouer ? o_o) alors je le donnerais si vous en avez de besoin. :3

Merci beaucoup

[[Nihil]]

Hello hello

Mettre ton template index_box nous aiderait bien oui ^^

Si tu veux que l'espacement soit partout pareil, tu peux faire ceci :

Normalement en dessous de la div avec la classe "TitreCategorie", tu as un tableau (balise table) avec la classe "forumline". Dans cette balise à un endroit il y a écrit cellspacing="1", il faut remplacer 1 par une plus grande valeur, par exemple 10.

Je te fait l'explication "à l'aveugle", sans avoir ton template sous les yeux, donc il est possible que ça ne marche pas du premier coup :p

[Clark Mercer]

Oh c'est parfait, merci beaucoup ! *o*

Toutefois j'aimerais élargir un peu plus l'espace que j'ai encadré de jaune é_è Je met mon index_box pour aider tiens xD

Spoiler:

[Clark Mercer]

Up

[Clark Mercer]

Up :3

[[Nihil]]

Hello Clarck

Désolée pour le retard à te répondre !

Pour pouvoir changer cet espace là en particulier, ça va être un peu compliqué car tes catégories sont faites avec des tableaux, du coup on va devoir "tricher". On va rajouter une ligne vide en dessous.

A cet endroit là :

Code:

</tr>
<!-- END forumrow -->


On va insérer une ligne supplémentaire en modifiant comme ceci :

Code:

</tr>
<tr class="fausse-ligne">
   <td>&nbsp; <!-- fausse ligne pour faire une marge --></td>
</tr>
<!-- END forumrow -->


Puis ensuite dans le CSS on va masquer les lignes en trop (celles qui rajoutent une marge tout en bas du dernier forum) comme ceci :

Code:

/* masquer les fausses lignes en trop*/
.fausse-ligne:last-child {
    display: none;
}

Et enfin, pour changer la hauteur de la ligne on va ici :

Code:

.fausse-ligne {
    font-size: 0px;
}

En augmentant la taille de la font-size (par exemple 5px) tu augmentes la hauteur de la cellule

Dis nous si ça fonctionne bien pour toi ! :p

[Clark Mercer]

Tout fonctionne à merveille *o*

Un énorme merci ! ♥