Categorie forum

[Invité]

Bonjour, bonsoir !

Voila je viens de reprendre un projet RPG et contrairement à d'habitude, je n'ai pas de structure deja faite. Je code un peu, je me debrouille quoi, mais pour tout ce qui est template etc je galere un peu, alors j'aurais souhaité un peu d'aide.
(Vous m’excuserez d'avance pour se schéma assez...pas droit...x) )
Donc mon premier souci viendrait de mes categories, actuellement ça donne ça :

Spoiler:

( Ce qui serait cool là aussi c'est que la bordure où il y a inscrit "forum" elle disparaisse, et que celle ou il y a marqué "votre 1ere categorie" reste mais en plus large, enfin je sais pas si je me fait comprendre mais comme ça, ça delimite les differente lieu ou parti du forum (j'essaierais de screener un exemple si je ne me fait pas comprendre, mais ça c'est pas le plus important)

Ce qui est donc assez basique. J'aimerais pouvoir agencer mes catégories de cette façon (l'idée numero 1 ) :

Spoiler:

Toutefois je ne désire aucun cadre, tout sur un ton uni ( par exemple du noir pour que ça se fonde au fond du forum ) la seule qui reste c'est la ligne pour démarquer Le nom et la description avec en dessous des liens de sous forum.

Mes templates ne sont pas modifier sauf index box pour pouvoir avoir les sujet et messages en haut à droite, et la feuille css est assez vide...

Merci !

[SoraNoHime]

Bonsoir,

pouvez-vous me fournir votre index_box, ainsi que votre css ?

Par contre, c'est un problème, un sujet. Merci de rouvrir un sujet pour votre page d'aceuil .

Cordialement.

[Invité]

Oh très bien toutes mes excuses je vais rectifier ça, je l'ouvrirais prochainement alors, je pense que l'on ne peux pas faire des tonnes de demandes.

Voila mon index_box comme demandé :

Spoiler:

[SoraNoHime]

Vous pouvez ouvrir plusieurs demandes ^^, ceci n'est pas un problème.

Vous avez oublié de me fournir votre css.

Cordialement.

[Invité]

D'accord merci, je le ferais tres prochainement alors.
Hum je peux toujours vous le donner bien qu'il soit tres tres tres petit ^^"

Spoiler:

Il sert pas à grand choses en resumé...x)

[SoraNoHime]

Il sert dans le sens où vous avez déjà un code en rapport avec ce template ^^

Cela peut me prendre un peu de temps, n'hésitez pas à upper votre suet (une fois par 24h) en cas de besoin.

Cordialement.

[Invité]

Je vous en remercie et j'en prend note, je vais faire un sujet pour l'accueil "en attendant". Merci pour votre aide.

[SoraNoHime]

Voici votre template :

Code:

    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
              <th nowrap="nowrap" width="150"><div style=";width:125px;font-family: Helvetica;">{L_LASTPOST}</div></th>
      </tr>
      <!-- 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}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}></td></tr><tr>
<td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>
          <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </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" /><!-- END tablefoot --><!-- END catrow -->

pour le fond, à vous de le mettre vis à vis du panneau d'administration dans couleur, sauf si vous désirez que cela se démarque de vos messages, dans ce cas, je vous expliquerai comment mettre une couleur différente.

Pour la ligne il vous suffit de mettre ceci dans la css :

Code:

a.forumlink {
border-bottom : 1px solid #ffffff;
display : block;
}

vous ne m'avez pas précisez pour les images new, no new et lock, mais si désirez les enlever c'est simple.

Repérez ceci dans votre template :

Code:

<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}" />
          </td>

et remplacez le par :

Code:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div style="width="100px;"> </div></td>

Cordialement.

[Invité]

Merci! cela correspond absolument à ma demande et je viens de tester, il n'y a aucun problème. Maintenant j'aimerais savoir s'il vous plait, comment je pourrais modifier les polices, la mise en forme en quelques sorte, si je dois passer par le template ou du CSS, et si oui comment?

Sinon voila deux screen que j'aurais souhaité avoir, du moins dans le genre, c'est plus pour illustrer mes propos ultérieurs.

Spoiler:

J'aurais souhaité avoir chaque démarquation et cette façon et non avoir deux "barre" comme on peu le voir dans ma première screen avec la barre forum en noir puis première catégorie en dessous.

Et voila pour les liens :

Spoiler:

car je pense qu'un simple lien comme une navigation ne suffise pas pour je genre de présentation.

Merci !

[SoraNoHime]

Il me faudrait votre css pour mieux adapter le tout, ainsi qu'un lien direct vers votre forum (pour le moment en maintenance donc je ne peux pas voir)

Cordialement.

[Invité]

Tres bien voila mon CSS :

Spoiler:

Il a pas vraiment grandi depuis x) Et je viens de debloqué l'acces. Par contre mes lignes ne s'affichent plus entierement est ce normal? enfin on verra ptet apres deja x)

merci!

[SoraNoHime]

L'administrateur de ce forum effectue actuellement une maintenance. Vous ne pouvez pas accéder à ce forum pour le moment.

Pour plus de détails, veuillez contacter l'administrateur de ce forum.

^^ je n'ai toujours pas l'accès...

Pouvez-vous me fournir un lien s'il est diffférent de votre profil alors ?

[Invité]

Arf toutes mes excuses une erreur de manipulation u.u x) vous pouvez y acceder maintenant ou par ce lien

Spoiler:

[SoraNoHime]

Déjà pour les liens Aller dans PA > Affichage > Structure & hiérarchie > afficher les liens inférieurs, oui avec une image.

Ensuite dans PA > Affichage > Gestions des images > Icônes de messages

Remplissez avec vos image les parties suivantes :

Mini catégorie
Mini catégorie - Nouveau
Mini catégorie - Verrouillé
Mini horloge
Mini sujet
Mini sujet - Nouveau
Mini sujet - Verrouillé
Mini sujet - Participation

Ensuite je ne comprends d'ou vous viens la démarcation sur la ligne, je ne l'ai pas sur mon forum test

[Invité]

Voila je connais ce systeme, mais j'aimerais avoir une barre avec des cadrse dedans ou serait placé les sous liens ( comme la screen) , je ne pense pas que cela soit possible en changeant juste l'image à coté, ça me mettra mon cadre à coté comme une icone non?

Hum pour la ligne je vais réinstaller les templates pour voir ce qui cloche

[SoraNoHime]

Puis-je avoir le lien de l'endroit où vous avez trouver ce modèle ?

[Invité]

Sans problème le voici

Spoiler:

[SoraNoHime]

J'ai trouvé ^^. Je me demandais d'où pouvait arriver cette image, maintenant je sais... Vous avez de la chance, je ne connais ce code que depuis hier.

Aller dans PA > Affichage > Structure et hiérarchie > et mettez les liens vers les niveaux inférieurs mais sans images.

Puis dans votre template :

repérez :

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

et changez ainsi :

Code:

<span class="gensmall" id="subforums"><div class="soufo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<img src="lien de votre image" />')).removeAttr('id');
    </script>
                </div></span>

Puis dans votre css mettez :

Code:

.soufo a {
  color: #000000;
  background-color: #ff0000;
  border: 3px #00ff00 solid;
  font-variant : small-caps;
}

à personnaliser

Où en êtes vous avec votre ligne ?

Cordialement.

[Invité]

Cela marche tres bien merci ! Maintenant j'essaie de voir comment obtenir le fond de titre que je vous avais screener c'est d'ailleurs sur ce même forum que je l'ai pris ça evite d'aller partout.
Pour ma ligne c'est reglé ! une simple erreur de ma part j'ai corrigé tout ça.
Donc voila je cherche pour mon fond de titre et avoir les subliens à droite au lieu de gauche et ce sera tout bon ! Oui j'en demande des choses ...u.u x)

Merci !

[SoraNoHime]

rajoutez ceci dans votre css :

Code:


.soufo {
align : right;
}

pour le fond des titres :

Repérez ceci dans votre template :

Code:


          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
              <th nowrap="nowrap" width="150"><div style=";width:125px;font-family: Helvetica;">{L_LASTPOST}</div></th>

et remplacez le par :

Code:

          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
              <th class="fondcatsuj" nowrap="nowrap" width="150"><div style=";width:125px;font-family: Helvetica;">{L_LASTPOST}</div></th>

puis ajoutez dans votre css :

.secondarytitle, .fondcatsuj {
background-image: url('url de votre image');
}

oubliez pas de changer la partie en rouge.

Cordialement.

[Invité]

( désolé pour le temps de reponse u.u )
J'ai bien changé le Css mais pour l'instant le lien reste toujours à gauche =/

En faite pour les titre des forums ça convient bien à ma demande mais ensuite le fond de ma question venait à avoir un resultat comme celui là :

Spoiler:

J'aimerais avoir ce genre de separation comme on peut le voir sur les fleches, avec le titre et derniers message à chaque fois, comme ça, les differents "Batiments" (pour le theme du forum) sont mieux séparés. Vous voyez un peu mieux?

Merci.

[SoraNoHime]

Je pense avoir compris d'où vient le problème, vous n'avez pas séparé les catégories des forums dans structures et hiérarchie, hors e n'ai pas la même configuration --' voilà pourquoi je ne comprenais pas.

e reteste à partir de votre structure.

Pouvez-vous me rendre votre css complète ?

Cordialement.

[Invité]

Han bien sur ! la structure et Hierarchie ! Pourquoi ne pas y avoir pensé plus tot, grave erreur de ma part, desolé, u.u.
Bon et bien on en voit le bout !

Voici mon Css :

Spoiler:

Il faudrait juste trouver comment aggrandir ( qu'elle soit plus haut ) la barre de categories et tout sera bon, merci encore !

[SoraNoHime]

Pour agrandir la barre des catégories, repérez ce code :

Code:

.secondarytitle, .secondarytitle h2{
  font-size: 18px;
  font-family: Helvetica;
  color: #ffffff;
  text-align: left;
}

et changez le ainsi :

.secondarytitle, .secondarytitle h2{
font-size: 18px;
font-family: Helvetica;
color: #ffffff;
text-align: left;
height : 60px;
}

adaptez si besoin le chiffre en rouge.

[Invité]

Merci c'est tout à fait ça ! Et bien je vous remercie infiniment pour votre patience et votre très bon travail, Merci encore !