Bonjour !
Ca fait trois jours que je cherche sans relâche ce code et .. je désespère ! Alors j'viens vous demander, vous qui êtes trop calés

Donc ! J'aimerais pouvoir séparer les catégories, les "derniers messages" et les forums. Comme ici :

Spoiler:

Avec un grand vide entre, sans cadre ni bordures.

Je sais que c'est un template car j'avais quelque que chose qui y ressemblait
Je vous dis merci d'avance !!

Bonjour !

Le template à modifier est le template index_box, qui affiche la liste des forums

Je te conseille de partir de ce tutoriel et de bidouiller ensuite. Si tu n'y arrives toujours pas, viens nous montrer ce que tu auras fait et on te guidera

Je vais faire ça, merci Christa

Non j'ai pas encore trouvé le temps de bidouiller les codes, j'peux garder le sujet encore un petit peu ?

Yop'
Oui tu peux (:
Pense juste à signaler si le problème est résolu, ou répondre aux modérateurs lorsqu'on remonte le sujet, afin qu'il ne soit pas archivé (:
Bonne fin de journée

En fait Christa ce tuto n'est pas ce que je cherche, je me suis mal exprimée.
J'aimerais en fait séparer les deux colonnes forum-derniers messages. Voilà ce que j'ai pour le moment :

Spoiler:

et voilà ce à quoi je veux arriver :

Spoiler:

Donc en fait une séparation entre les blocs, sans bordures
Quelqu'un veut bien m'aider ? Je ne demande pas le code tout fait hein, je suis prête à travailler

Bonjour,

Hé bien, tu peux t'aider de ce tutoriel qui t'explique la structure du template.


Pour séparer les deux blocs une méthode possible serait simplement d'encadrer les statistiques du dernier message par un div, et donc de les mettre dans un bloc légèrement plus petit que la largeur de la cellule.

En gros une méthode très grossière serait de modifier cette partie du code :

Code:

      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

En quelque chose comme ça :

Code:

      <td class="" align="center" valign="middle" height="50">
        <div class="row3 over gensmall DernierMessage">{catrow.forumrow.LAST_POST}</div>
      </td>

Qu'est-ce que j'ai fait ?
- J'ai transformé le <span> en <div> (idem pour la balise fermante)
- J'ai gardé la classe .gensmall pour avoir la bonne taille de texte
- J'ai déplacé les deux classes .row3 et .over qui étaient dans la cellule (le <td class="..." ...> à l'intérieur du div, pour le cas où tu voudrais garder la mise en forme "par défaut"
- J'ai rajouté une classe .DernierMessage qu'il te faudra définir par CSS, comme ceci par exemple :

Code:

.DernierMessage {
margin-left:25px; /* marge à gauche */
width:150px; /* largeur du bloc */
height:200px; /* hauteur du bloc */
}

Merci de ton aide Christa !

J'ai essayé, je commence un peu à déchiffrer le htlm ^^ et ça donne ça :

Spoiler:

Ca a seulement enlevé les bordures, mais c'est déjà ça !
Merci pour le tuto, je vais lire tout ça

edit : j'ai lu, c'est un peu plus clair mais j'vois pas comment les séparer. Car en utilisant le cell-spacing ça ne ferait que les éloigner, alors que sur l'exemple que j'ai mis les blocs sont bien distincts.

re-edit : j'ai réussi ! c'était dans la CSS en fait ! Je mets mon code pour qui le voudrait

Code:

.forumline {
border-collapse: separate;
border-spacing: 20px 30px;
}

Merci Christa

Merci d'avoir indiqué que ton sujet est résolu !
Je classe.