Espacements forums
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espacements forums
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 : DIl 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
Dernière édition par Clark Mercer le Mar 30 Déc 2014 - 4:03, édité 1 fois
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Re: Espacements forums
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
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
Re: Espacements forums
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
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:
- Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="TitreCategorie">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" border="0" cellspacing="30" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="forum-description"> <div class="gensmall NbPosts">{catrow.forumrow.LAST_POST}</div></div>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="84%" height="50"><br />
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<div class="forum-description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
</td>
<td class="row3 over" align="center" valign="middle">
<div class="gensmall NbTopics">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div><br />
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
</script>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><div style="height:100px;"> </div><!-- END tablefoot --><!-- END catrow -->
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Re: Espacements forums
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à :
On va insérer une ligne supplémentaire en modifiant comme ceci :
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 :
Et enfin, pour changer la hauteur de la ligne on va ici :
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
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> <!-- 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
Re: Espacements forums
Tout fonctionne à merveille *o*
Un énorme merci ! ♥
Un énorme merci ! ♥
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Sujets similaires
» Supprimer le header et les espacements
» Retirer les espacements entre chaque sous-forum
» Afficher l'image "rang" au dessus de l'image "avatars" sans espacements.
» Espace anormal entre forums et sous-forums en page d'accueil
» Image de fond des titres pour forums et sous-forums
» Retirer les espacements entre chaque sous-forum
» Afficher l'image "rang" au dessus de l'image "avatars" sans espacements.
» Espace anormal entre forums et sous-forums en page d'accueil
» Image de fond des titres pour forums et sous-forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum