Espacements forums

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

Résolu Espacements forums

Message par Clark Mercer le Lun 22 Déc 2014 - 18:56

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 ::fleur::


Dernière édition par Clark Mercer le Mar 30 Déc 2014 - 4:03, édité 1 fois

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacements forums

Message par [Nihil] le Mar 23 Déc 2014 - 8:38

Hello hello Smile

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

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacements forums

Message par Clark Mercer le Mar 23 Déc 2014 - 17:09

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:
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
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacements forums

Message par Clark Mercer le Jeu 25 Déc 2014 - 18:20

Up Like a Star @ heaven

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacements forums

Message par Clark Mercer le Sam 27 Déc 2014 - 6:10

Up :3

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Espacements forums

Message par [Nihil] le Dim 28 Déc 2014 - 21:16

Hello Clarck Smile

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 Wink

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

[Nihil]
# Tropactif #

Messages : 1155
Inscrit(e) le : 10/12/2009

http://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacements forums

Message par Clark Mercer le Mar 30 Déc 2014 - 4:02

Tout fonctionne à merveille *o*

Un énorme merci ! ♥

Clark Mercer
**

Masculin
Messages : 78
Inscrit(e) le : 20/10/2013

http://schicksal-academy.forum-canada.com/
Clark Mercer 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