Sujets similaires

Bonjour bonjour,
je suis à la recherche de cet effet. Alors, hum je ne m'y connais pas beaucoup en HTML/CSS.. XD Alors hum, j'ai lu ce problème Ici et j'ai vu que c'était bien ce que je voulais sauf que je ne suis pas capable même si j'ai essayé avec un tuto que j'ai trouvé et adapté pour avoir le résultat voulu. Alors, je me demandais si vous pouviez m'aider car, dans le lien donné ci-dessus, le problème n'est pas complètement résolu.. XD
Bref, merci d'avance ! (:

Bonsoir =)
De quel effet parles-tu précisément ? °°

De celui, de mettre le forumlink en haut de la légende de message et aussi des derniers messages. Il y a un lien dans mon sujet. .XD

Bonjour ^w^,

Eh bien c'est expliqué, il faut tout simplement supprimé toute les colonnes, et mettre leurs contenus dans la description.

Ensuite il faut mettre une div pour que le titre se mette au dessus du cadre de la description.

Bisous~

Ah donc, tu veux faire ce que j'ai vite fait expliquer là ?

Citation :: En réalité pour arriver au résultat de ce forum, la personne a complètement remanié son template.
C'est-à dire qu'elle a supprimé les colonnes : Derniers Messages, Sujets et Messages ainsi que (à mon avis) la colonne qui contient les images "No New" "News" et "Verrouillé" puis elle a tout rassemblé dans une seule et même colonne en mettant surement le titre dans une DIV puis le reste en dessous dans un tableau.

C'est pas évident à expliquer à moins de le faire sous forme de tuto. Ce que je peux te faire si tu ne comprends pas. Mais là de suite je n'ai pas le temps de l'écrire. C'est un peu long ^^"

Si tu n'y arrives pas et que personne te l'explique j'essayerai de t'écrire un mini tuto aussi vite que je le pourrais. Et en espérant que j'aurai une connexion là où je m'en vais demain. :/

Je veux bien expliquée pour la suppression des colonnes, mais après, je ne sais pas non plus comment mettre le contenu de cette façon, bisous~

Kimi → Oui c'est cela, et merci beaucoup pour ton aide ! (:
Kimi Sato → Je vais attendre pour Kimi mais merci de de te proposer. (:

Je n'ai pas bien compris ta réponse, excuse moi, tu attends que Kimy te fasse le topo, où tu veux que je fasse juste le début ^w^?

Bisous~

Bon alors xD

Premièrement

Dans le template Index_box.

Liste des choses à supprimer :
- On ne s'en servira plus :

Code:: <th nowrap="nowrap" width="50">{L_TOPICS}</th>

<th nowrap="nowrap" width="50">{L_POSTS}</th>

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

On s'en servira par la suite :

Code:: En gros on va travailler entre  et  donc supprimes tout ce qu'il y a entre. On se servira à nouveau des variables car car elles génèrent toutes les informations affichées.

Après il va falloir remanier totalement la présentation du tableau qu'il y a dans le template (vu que le forum est basé sur la forme d'un tableau)
Je te propose qu'on sorte la tête du template pour construire notre tableau à part et après il faudra simplement le replacer entre

Code::  et

Donc par exemple on veut un tableau comme ceci :

TITRE DU FORUM
NO NEW, NEW, CLOSED	Description + Liens	Derniers Sujets + Nbres de messages & sujets

Dans la première ligne première colonne il faut intégrer la balise qui génère le titre du forum et son lien c'est à dire :

Code:: <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

Puis on le personnalise. Exemple

Code:: <div style="text-align:center; border-bottom: 5px dotted #000000;"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>

Spoiler:

Pour la seconde ligne du tableau :
- A la place de NO NEW etc... il faut mettre :

Code:: <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Pour la description et les liens :

Code:: <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

   
   <span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span>
    <span class="gensmall">Sujets : {catrow.forumrow.TOPICS}
<br />Messages :{catrow.forumrow.POSTS}
<br />{catrow.forumrow.LAST_POST}</span>

Et enfin la dernière colonne :

Code:: <span class="gensmall">Sujets : {catrow.forumrow.TOPICS}
<br />Messages :{catrow.forumrow.POSTS}
<br />{catrow.forumrow.LAST_POST}</span>

Ce qui donne à la fin :

Code:: <table border="1"><tr><td colspan="3" align="center"><div style="text-align:center; border-bottom: 5px dotted #000000;"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div></td></tr><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

   
   <span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span>
    <span class="gensmall">Sujets : {catrow.forumrow.TOPICS}
<br />Messages :{catrow.forumrow.POSTS}
<br />{catrow.forumrow.LAST_POST}</span></td><td><span class="gensmall">Sujets : {catrow.forumrow.TOPICS}
<br />Messages :{catrow.forumrow.POSTS}
<br />{catrow.forumrow.LAST_POST}</span></td></tr></table>

Mais on veut pas le

Code:: <table> et </table>

car le tableau est déjà commencé dans le template donc on ne fait que rajouter des lignes et des colonnes. (Je sais pas si tu me suis XD Désolé ^^")

Je sais pas trop comment t'expliquer tout le bidouillage que j'ai fait car je te fais ça vite fait pour que tu puisses faire ce que tu souhaites au plus vite et car je suis nulle en explication de toute manière XD
Je te montre le template au final. Ce n'est qu'une idée de disposition grossièrement illustrée pour te donner une idée et parce que je ne sais pas quelle disposition tu souhaites.
Si tu as des questions n'hésite pas j'essayerai d'y répondre.

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>

<td colspan="3">
            <div style="text-align:center; border-bottom: 5px dotted #000000;"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><br />
         </td></tr>
<tr>
<td>
   <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
<td>

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

   
   <span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span>
   </td>
<td> <span class="gensmall">Sujets : {catrow.forumrow.TOPICS}
<br />Messages :{catrow.forumrow.POSTS}
<br />{catrow.forumrow.LAST_POST}</span></td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Merci beaucoup ça marche ! (:

Bonjour, désolée de m'incruster sur ce topic mais j'ai longtemps cherché à reproduire cet effet et j'ai déjà fait une demande d'aide ( mon topic => https://css-actif.forumactif.org/aide-css-xhtml-f17/separations-de-sujets-ou-de-forums-t5948.htm ), comment fait-on ensuite pour mettre les "séparations" ? (entre les forums) je ne comprends pas très bien... surtout que sur mon forum, certains trucs sont décalés une fois les modifications appliquées ><

Voici ce que j'obtiens :

https://nsa18.casimages.com/img/2010/08/18/100818092402412991.jpg

Llyn a écrit:: Bonjour, désolée de m'incruster sur ce topic mais j'ai longtemps cherché à reproduire cet effet et j'ai déjà fait une demande d'aide ( mon topic => http://www.css-actif.com/aide-css-xhtml-f17/separations-de-sujets-ou-de-forums-t5948.htm ), comment fait-on ensuite pour mettre les "séparations" ? (entre les forums) je ne comprends pas très bien... surtout que sur mon forum, certains trucs sont décalés une fois les modifications appliquées ><

Voici ce que j'obtiens :

https://nsa18.casimages.com/img/2010/08/18/100818092402412991.jpg

J'ai répondu à ton problème, insère une balise < hr /> dans ton template pour créer une ligne de séparation horizontale en "block".

Titre de Forums [Résolu]

Titre de Forums [Résolu]

Sujets similaires

Sujets similaires

Partenaires Or