L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 Mise en page des descriptions des forums

Mouhahaavatar
Messages : 96
Bonsoir ^^ ! C'est ma deuxième commande que je fais ici Razz, mais ne vous inquiétez pas, celle-ci sera beaucoup plus simple ( Enfin je pense ) que la PA que j'avais commandé il y a un moment xD . Je souhaiterais modifier la mise en page des descriptions des forums ( Voir les images plus-bas pour mieux comprendre ^^ ). J'ai essayé de le faire moi-même grâce à un topic d'explication que j'ai trouvé sur Internet, mais je n'ai pas réussi u_u . En tout cas, merci d'avance à la personne qui réalisera ce codage Smile. Voici le formulaire rempli :


Le lien du forum où le code sera installé : http://loupsauvage.forumactif.com/
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t11754-loup-sauvage
Support de mise en page : Messages du forum - page HTML - Modifications des catégories ( Je sais pas trop en fait, j'ai pas vraiment compris dsl ^^' )
Résultat en : HTML ( Je pense ? XD )
Type de mise en page : Personnalisée ( Je pense aussi que c'est ça xD )
----------------------------------------------------
Plan :

Actuellement c'est comme ceci ( Avant mise en place du nouveau design, mais ça n'a rien à voir ^^ ) :



Ce que je souhaiterais :



La couleur et le texte ne sont que des exemples. C'était pour que vous voyez mieux ce que je souhaiterais. C'est la mise en page qui compte Smile.

Description plus détaillée : Le titre du forum doit être centré puis il peut y avoir les deux petites barres en-dessous ^^ . Ensuite le nombre de sujets et de messages vers la droite avec l'espèce de cadre autour et pas comme actuellement où ce sont deux cases qui montrent le nombre de sujets et de messages. Puis la description du forum dans un cadre aux angles arrondis ( Ca fait plus joli Razz) et encore en-dessous les sous-forum. Voilà ^^ , j'espère avoir assez bien expliqué même si les images sont assez explicites je pense. Si vous voulez que je réexplique, dites le moi. Merci.
Les couleurs : /
Texte : /
Image(s) : Voir au-dessus
D'autres commentaires : /

Je n'ai pas mentionné de texte ou de couleur car je pense que ça n'a rien à voir avec ce que je souhaite ^^ , enfin je crois. Si jamais je me trompe, dites le moi et je vous donnerais alors les couleurs de mon forum.

Voilà, merci d'avance encore, bonne soirée et bon week-end Smile
PhantasmagoriaV.I.P.avatar
Messages : 1019
Hello ^^
J'ai quelques questions concernant ta commande. Que fait-on de l'image pour les nouveaux messages etc dans les forums ? Et il me semble que le plan ci-dessus est en réalité une capture écran, je me trompe ?
Sinon, c'est quoi la largeur de ton forum ?
Mouhahaavatar
Messages : 96
Bonjour Smile !
Ah je n'ai pas précisé pour les images oui, désolée. L'image ( Si j'ai bien compris vous parlez de celle de gauche, qui précise quand un forum est verrouillé ou qu'un nouveau message a été posté par exemple ), elle doit rester, ça ça ne change pas.
Oui, j'ai fais une capture d'écran. La première provient de mon forum et l'autre du sujet d'explication. Je sais pas si je peux vous mettre le sujet où c'est expliqué comment faire pour modifier la mise en page des description, si oui dites le moi et je vous donnerais le lien. J'ai essayé comme dit, mais ça n'a pas marché et je ne suis pas très douée ^^' !
La largeur de mon forum est de 85 % ^^ .

Merci d'avoir répondu à mon sujet et bonne journée Smile
Mouhahaavatar
Messages : 96
Razz Un petit up ^^
ArlemV.I.P.avatar
Messages : 3712
Bonjour,

Oui tu peux envoyer le sujet explicatif, si on peut simplifier le travail de nos amies codeuses, faisons le !
Mouhahaavatar
Messages : 96
Bonsoir,
Voici le lien : http://www.school-of-pub.net/t6683-forumactiftemplate-modifier-la-mise-en-page-des-descriptions

Je n'ai pas réussi malgré les explications .
Merci d'avance ^^

( HS : Je serais absente pour 1 semaine environ donc je ne pourrais pas répondre durant ce temps aux éventuelles questions )
ArlemV.I.P.avatar
Messages : 3712
Bonsoir et merci,

Il va falloir que tu fournisses également ton template index_box intégralement si tu l'as déjà modifié, sinon dis nous juste qu'il n'a encore pas été modifié. Wink
Mouhahaavatar
Messages : 96
Bonjour Smile ! Me revoilà ^^
Excusez moi de ne pas vous avoir fourni plus tôt le template de mon forum mais lorsque j'ai voulu je n'ai pas réussi à me connecter au forum. En fait, ça me fait régulièrement " La connexion a été réinitialisée " et il n'y pas que ce forum. Le problème vient de mon ordinateur mais je ne sais pas comment ça se fait. Il faudrait que je demande auprès de forumactif directement.

Donc  voilà mon template index_box ( Qui n'a pas été modifié en fait je crois ^^ ) :


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="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <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>
   </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">
         <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}>
         <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" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</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 -->


Je me permets de repréciser que je souhaite tout de même que l'image à gauche reste ^^ ( Le truc " Nouveau " , " Verrouillé " , ... ) . Merci d'avance Smile
Bonne fin de journée
Mouhahaavatar
Messages : 96
Un petit Up ^^
Mouhahaavatar
Messages : 96
Commande toujours d'actualité ^^
ArlemV.I.P.avatar
Messages : 3712
J'essaie de m'en occuper d'ici ce WE. Wink
Mouhahaavatar
Messages : 96
Merci beaucoup Very Happy !
ArlemV.I.P.avatar
Messages : 3712
Qu'est-ce que tu penses de ça ?
http://phpbb2.forumactif.org/

Tu n'as rien précisé concernant les couleurs donc j'ai laissé les mêmes que celles du tutoriel.
Mouhahaavatar
Messages : 96
C'est parfait *.* !! Merciiii beaucoup Very Happy
ArlemV.I.P.avatar
Messages : 3712
Yop !

Alors dans le CSS personnalisé:
Code:
a.forumlink{
  display:block;
  font-size:14px; /* la taille de la police */
  padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
  text-align:center;
  font-variant:small-caps; /* Les petites capitales */
  color:#6e5831 !important; /* On force l'application de cette propriété grâce au !important */
  border-bottom:4px double #6a3e1a;
  font-weight:normal; /* Le texte non boldé */
  margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
  }

a.forumlink:hover{
  font-variant:small-caps;
  color:#6e5831 !important;
  border-bottom:4px double #6a3e1a;
  font-weight:bold; /* Texte en  gras */
  display:block;
  }

div.stats_cate{ /* La div ayant pour class 'stats_cate' */
  font-size:12px;
  text-align:right;
  /* border-bottom:#6a3e1a 1px solid; */
  text-decoration : underline;
  border-right:#6a3e1a 3px solid;
  font-style:italic; /* On met le texte en italic */
  color:#6a3e1a;
  /*padding-right:4px;  On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
  margin-bottom:4px;
  /* width:220px;  On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
 /*  margin-left:385px; On place le bloc à droite en le décallant par rapport au bord gauche de la case */
  }

div.description{  /* La div ayant pour class 'description' */
  background-color:#efdec0; /* On lui donne une couleur de fond */
  -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
  -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
  border-radius:10px; /* réglage des arrondis des coins */
  border:1px solid #b79981;
  width:560px;
  min-height:20px; /* La hauteur minimum */
  font-size:12px;
  text-align:justify;
  text-indent:6px; /* La première ligne du bloc sera décallée de 6px vers la droite */
  padding:4px;
  margin:4px;
  color:#6e5831;
  }
Et l'index_box :
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="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
    <!-- <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>
  </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">
        <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}>
        <div class="stats_cate">    {catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages  </div>
        <div class="description">{catrow.forumrow.FORUM_DESC}</div>
        <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" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td> -->
      <!-- <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</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 -->
Si ça rend tout moche c'est que j'ai oublié de te donner un truc alors dis le moi. Very Happy
Mouhahaavatar
Messages : 96
C'est... Parfait Very Happy!!!! Merci beaucoup !!
ArlemV.I.P.avatar
Messages : 3712
On peut classer ? Smile
ArlemV.I.P.avatar
Messages : 3712
"Oui m'sieur" 

Ok nickel je classe alors o/

,
 Sujets similaires
-
» Mise en page des descriptions des forums
» S. Demande de mise en page - Site du forum
» probleme de mise en page des forums
» Probleme de mise en page des sous forums
» Problème de mise en page dans la description des forums

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation