Sujets similaires

Sujet: Organisation Catégories et Sous-Forums Mar 26 Mar 2013, 17:14

Bonsoir,

J'ai voulu bidouiller l'affichage de mes sous-forums mais je me trouve confrontée à quelques bugs. En effet, les liens vers les sous-forums se tiennent en colonne alors que je voudrais les garder sur une ligne. J'ai beau regarder dans le template correspondant ou le css, je ne trouve pas la source d'un tel agencement. Par ailleurs, j'aimerais encadrer d'une division la partie contenant la description du sous-forum ainsi que la partie indiquant le dernier sujet et le nombre de tous les sujets/messages. En revanche, ce que je ne veux pas, c'est encadrer avec cette division le titre des sous-forums. Je voudrais donc juste encadrer ce qu'il y a dessous.

En fait, j'aimerais essayer d'avoir un arrangement comme celui-ci : http://a-hybrid-life.forumactif.org/

Dans un premier temps je voudrais parvenir à un tel résultat et après j'essayerais de bidouiller pour personnaliser le tout =)

Voici mes essais désastreux : http://cavenecadas.forums-actifs.net/

Le template index_box :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<br/> <td class="gensmall" align="center" valign="bottom">
<div class="lieens">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ♦
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ♦

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</div>
<br/>
</td>
</tr>

</table>


<div class="sidebar_top">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></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 class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   

   <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">

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

</h{catrow.forumrow.LEVEL}>
<div class="englobdescri">
      <div class ="genmed descri">
{catrow.forumrow.FORUM_DESC}
</div>
<div/>
<div class="gensmall descri_2">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
<br/>
      <span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

</span>

   </td>

<td class="row3 over" align="center" valign="middle" width="90">
<div class="imgnew">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<div class="sujetsmess">
<span class="gensmall">{catrow.forumrow.TOPICS} dossiers</span> | <span class="gensmall">{catrow.forumrow.POSTS} missives</span>
</div>
<div class="kael_last_post"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

</td>


   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</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="http://img15.hostingpics.net/pics/923580bott.png"/>
<img src="{SPACER}" alt="" height="5" width="1" />

Et la partie CSS correspondante :

Code:: .kael_last_post /* -- Partie des derniers messages de la box -- */
{ margin-right: 15px;
margin-top: 0px;
background-color:#363D30;
padding:4px;
padding-top:8px;
padding-bottom:8px;
width:175px;
letter-spacing: 1px;
border: 1px solid #424A37;
}

.sujetsmess {
letter-spacing: 1px;
margin-right: 15px;
margin-top: 0px;
background-color:#363D30;
font-size:10px;
padding:4px;
color:#A89462;
width:175px;
border-top: 1px solid #424A37;
border-left: 1px solid #424A37;
border-right: 1px solid #424A37;
}

.imgnew {
margin-bottom: -20px;
margin-right: -90px;
}

.descri {
text-align:justify;
border-left: 2px solid #BD9F53;
height:80px;
overflow:auto;
padding-left:10px;
margin-left:10px;
margin-right:10px;
}

.englobdescri {
background-color: #32382D;
border: 1px solid #424A37;
margin-left:10px;
margin-right:10px;
padding-top:10px;
}

a.forumlink {
margin-left:10px;
padding-left:20px;
text-align: left;
text-shadow: #4E6136 0px 0px 2px;
font-family: Marcellus SC;
letter-spacing: 3px;
font-size: 22px;
text-transform: uppercase;
color: #CCB782;
}
a.forumlink:hover{
letter-spacing: 6px;
}

Merci d'avance =D

Sujet: Re: Organisation Catégories et Sous-Forums Mer 27 Mar 2013, 09:22

Bonjour,

Tu ne peux t'en prendre qu'à toi même pour le coup, lorsque tu as défini tes titres dans le panneau admin, tu les as entouré d'un div Wink

(ce que je ne comprends pas vu que tu aurais pu le faire via les templates). Les liens sont donc touchés par cette modification incongrue, et comme un div est un bloc, il y a un saut de ligne après chaque lien.

Maintenant, il ne te reste plus qu'à éditer TOUTES tes catégories et retirer ce div au profit d'un span ou bien simplement passer par les templates pour obtenir l'effet que tu recherchais, ce qui t'évitera à l'avenir d'éviter 50 titres à la suite Wink

Sujet: Re: Organisation Catégories et Sous-Forums Mer 27 Mar 2013, 10:27

Hum oui je vois de quoi tu parles, j'ignorais complètement qu'il y avait des div dans chacun de mes titres. En effet, ce forum est un vieux fo' abandonné réutilisé en forum test, je n'en suis pas la créatrice à la base (c'est la fonda de mon forum qui me l'a filé pour que je puisse bidouiller). Je ne savais absolument pas que j'avais un tel problème.

Merci pour ce bout de résolution Christa, je penserais à en parler à ma fonda pour éviter d'avoir le même genre de souci x)

A présent j'aimerais savoir, s'il vous plait, comment encadrer d'une division (avec le fond plus clair là, celui qui n'entoure, pour l'instant, que la description des sous-fora) la description de mes sous-fora et la partie "derniers messages" =D

Oh et puis je voudrais savoir s'il était possible de remplacer les virgules entre les sous-forums par une autre ponctuation. Est-ce qu'il s'agirait du même système avec une page en js pour supprimer les virgules ?

Sujet: Re: Organisation Catégories et Sous-Forums Jeu 28 Mar 2013, 04:47

Citation :: A présent j'aimerais savoir, s'il vous plait, comment encadrer d'une division (avec le fond plus clair là, celui qui n'entoure, pour l'instant, que la description des sous-fora) la description de mes sous-fora et la partie "derniers messages" =D

Bah... tu encadre d'une division la description des sous forums et la partie derniers messages ? Je ne vois pas où est le problème.

Citation :: Oh et puis je voudrais savoir s'il était possible de remplacer les virgules entre les sous-forums par une autre ponctuation. Est-ce qu'il s'agirait du même système avec une page en js pour supprimer les virgules ?

C'est possible, oui, il y a ce tutoriel qui explique comment retirer la virgule des sous forums, et donc comment la remplacer par une image ou un symbole quelconque.

Sujet: Re: Organisation Catégories et Sous-Forums Jeu 28 Mar 2013, 17:18

Merci pour le tuto =)

Hum pour la div, justement, j'ai essayé plusieurs trucs mais disons que je n'obtiens pas vraiment l'effet escompté. Je me demande s'il ne faut pas que je revoie la structure de base de mes sous-forums, c'pour ça que je voulais avoir un avis extérieur et des conseils x)

Alors ici ma div en question est "englobdescri"

Si je fais ça :

Code:: 
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   

   <td class="row1 over" colspan="2" valign="top" width="100%" height="50">
<div class="englobdescri">
      <h{catrow.forumrow.LEVEL} class="hierarchy">

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

</h{catrow.forumrow.LEVEL}>

      <div class ="genmed descri">
{catrow.forumrow.FORUM_DESC}
</div>

<div class="gensmall descri_2">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
<br/>
      <span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

</span>

<div/>
   </td>

J'obtiens ça

Si je fais ça :

Code:: 

<tr>
<div class="englobdescri">
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   

   <td class="row1 over" colspan="2" valign="top" width="100%" height="50">

      <h{catrow.forumrow.LEVEL} class="hierarchy">

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

</h{catrow.forumrow.LEVEL}>

      <div class ="genmed descri">
{catrow.forumrow.FORUM_DESC}
</div>

<div class="gensmall descri_2">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>
<br/>
      <span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

</span>

   </td>

<td class="row3 over" align="center" valign="middle" width="90">
<div class="imgnew">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<div class="sujetsmess">
<span class="gensmall">{catrow.forumrow.TOPICS} dossiers</span> | <span class="gensmall">{catrow.forumrow.POSTS} missives</span>
</div>
<div class="kael_last_post"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

</td>


   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
<div/>
</tr>

J'obtiens ceci

Aux vues des résultats obtenus, j'en conviens que mes solutions étaient les mauvaises et que j'ai sans doute fait de grosses erreurs mais faut dire que j'ai essayé de triturer le problème dans tous les sens, j'ai du mal à comprendre. La division n'est peut être pas la bonne solution, après tout. Bref, c'pour ça que je vous demande un peu d'aide *.*

Bonjour !

Ton problème est-il toujours d'actualité ? Smile

Sans réponse de ta part sous quatre jours, ce sujet sera archivé.

Bonne journée. Organisation Catégories et Sous-Forums 510527

Bonjour,

Mon problème est toujours d'actualité =) J'attendais simplement une réponse.

Salut,

Pardon, avec mes soucis actuels, j'avais complètement zappé ^^'

Pour le deuxième code, c'est parfaitement normal si ça ne marche pas, je te laisse deviner en quoi c'est une totale ânerie (j'ai écrit "grave erreur", puis j'ai écrit "totale ânerie", parce que là c'est quand même assez grave, d'autant que je suis quasi certaine que c'est à toi que j'ai déjà expliqué ce genre d'hérésie à ne pas reproduire)

Ensuite, je n'arrive pas à comprendre ce que tu veux obtenir au final.

Est-ce que tu veux que le bloc contenant la description et le titre soit séparé du bloc contenant les sous forums ? Ou bien que celui des sous forums soit dans celui contenant la description, mais sans le dépassement bizarre de ta première démo ?

Dans ce deuxième cas, la réponse réside dans les marges...

Bonjour,

Je manque de temps pour pouvoir essayer tout ceci mais je vais tout de même tenter de répondre =)
Pour mes essais, je sais qu'ils sont mauvais sinon je n'aurais pas posté un sujet de demande et j'ai clairement expliqué que j'avais un bug et que je savais que ca venait de mes essais foireux. En postant les deux essais, je savais clairement que ce que j'avais fait était nul (sinon ca marcherait hein) mais on m'a demandé de faire mes propres essais et de montrer ce que ca donnait, chose que j'ai faite =) A présent, ce que j'aimerais connaître, c'est la solution ou un élément de solution qui me permettrait d'aboutir à un certain rendu.

Bref je voudrais encadrer (un cadre avec un fond) la partie qui décrit le contenu du sous forum, la partie des derniers messages et les liens vers les sous forums. En gros je voudrais tout encadrer SAUF le titre du sous-forums. J'ai donné un lien vers un forum qui avait un tel agencement pour illustrer ce que j'aimerais obtenir.

Actuellement je ne vois pas comment encadrer ces deux parties du tableau sans encadrer aussi le titre des sous forums. Je fais donc appel à vos connaissances pour m'éclairer.

Oh je tiens à prévenir que je risque de mettre un peu de temps pour répondre, je n'ai clairement plus de connexion internet digne de ce nom. En tout cas, je vous remercie pour l'aide apportée =)

Bonne journée.

Salut,

Je pense que la solution la plus simple est de reprendre calmement le code en commençant par élaborer la structure que tu souhaites, en dehors des templates.

Si je comprends bien, on a d'abord le titre, puis une ligne contenant respectivement la description d'un forum, et les statistiques, et enfin une troisième ligne contenant la liste des forums.

Essaie de produire ce résultat dans une page HTML de base, avec un tableau ou des div c'est à ta discrétion. Si possible, utilise les différentes variables de template (aide toi du décryptage du template index_box) aux emplacements qui vont bien, comme ça elles seront déjà là une bonne fois pour toutes. N'oublie pas en particulier que le code pour l'affichage d'un titre de forum compte cinq lignes, si mes souvenirs ne me trompent pas (une balise de titre, un span et un lien je crois).

(Dans la mesure où tu n'as pas besoin d'avoir internet pour coder une page HTML, ne perds pas de temps à attendre que ta connexion soit stable, si tu as accès à un ordinateur Wink

)

Bonjour,

Ton problème est-il toujours d'actualité ? Merci de nous prévenir sous quatre jours sans quoi ce sujet sera déplacé. Smile

Bon dimanche. Organisation Catégories et Sous-Forums 926145

Hello,

Nous n'avons plus de nouvelles de l'auteur, j'imagine donc que ce problème est résolu ou abandonné et l'archive !

Bonne soirée. Smile

Organisation Catégories et Sous-Forums

Organisation Catégories et Sous-Forums

Sujets similaires

Sujets similaires

Partenaires Or