Besoin d'aide catégories & forums

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Besoin d'aide catégories & forums

Message par toulouse1914 le Dim 9 Oct 2011 - 23:28

Bonjour!
Je souhaite améliorer mon forum, voici ce que j'aimerais faire :
Spoiler:
Donc voilà, c'est à peu près ce que j'aimerais faire. J'aimerais mettre une image à la place de catégorie, mais pas forcément un ovale. ^^ Sinon, j'aimerais séparer l'image new (ou no new) de la description, et aussi séparer la dernière case... Bref, faire ce qu'il y a sur mon schéma...

Le petit problème, c'est que je sais pas du tout comment faire. xD
Merci beaucoup de votre aide! =)


Dernière édition par toulouse1914 le Jeu 20 Oct 2011 - 0:15, édité 1 fois

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

http://foreverstables.forumactif.com
toulouse1914 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par Invité le Lun 10 Oct 2011 - 7:07

Bonjour,

Je rappelle que Le Forum des Forums de Forumactif n'a absolument pas vocation à devenir un forum de commandes.
Il est avant tout un lieu où une réponse donnée dans un sujet doit pouvoir aider plusieurs personnes.

Si vous souhaitez apprendre et réaliser vous-même votre présentation ou si vous avez un problème avec une partie de votre codage, vous êtes sur le bon forum. En revanche si vous voulez une présentation "prêt à installer", merci de vous orienter vers les forums spécialisés en codage.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Bonjour,

Le message ci-dessus est à titre informatif, car j'aimerais être certaine que vous souhaitez apprendre à réaliser ces modifications. Afin de vous aider au mieux, indiquez-nous si vous avez des templates modifiés et/ou une feuille de style CSS personnalisée.
Je vous invite à lire ces 2 tutoriels, afin de connaitre les bases nécessaires à ces modifications:
> http://forum.forumactif.com/t301865-le-html-comment-ca-marche
> http://forum.forumactif.com/t301866-le-css-comment-ca-marche

Je déplace dans la bonne rubrique Wink.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par toulouse1914 le Lun 10 Oct 2011 - 17:21

Non, étant un nouveau forum, j'ai encore rien modifié par rapport au design. Je connais déjà les bases du CSS et du HTML, mais je ne voit vraiment pas comment je pourrais faire ça. Bref, si quelqu'un pourrais m'aider... Sinon c'est pas grave. :/

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

http://foreverstables.forumactif.com
toulouse1914 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par Invité le Mer 12 Oct 2011 - 11:35

Bonjour,

Pour arriver à ce résultat, il faut modifier le template Index_box. Voici les différentes étapes:

1. Supprimer les colonnes sujets et messages.
Cherchez et supprimez:
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>
et aussi:
Code:
<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>
2. Tout réunir dans la cellule des descriptions.
On fait un tableau personnalisé et on y ajoute des class pour l'apparence. Donc ceci:
Code:
<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}>
         <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>
      </tr>
Devient:
Code:
<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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%" cellspacing="5"><tr><td class="icones" 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>
         <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}>
         <div class="descrip"><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></div>
      </td>
   <td  class="stats">
          <span class="gensmall">Sujets : {catrow.forumrow.TOPICS}</span><br/>      
         <span class="gensmall">Messages : {catrow.forumrow.POSTS}</span> <br/><br/>      
         <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table>
   </tr>
3. Ajouter la partie CSS.
Code:

/*cadres autour des icones*/
.icones{
border: 1px solid #000;
padding: 3px;
width: 80px;}

/*cadre des descriptions*/
.descrip{
border: 1px solid #000;
padding: 3px;
height: 80px;
overflow-y: auto;}

/*cadre autour des statistiques*/
.stats{
border: 1px solid #000;
padding: 3px;
width: 100px;}

/*ligne au dessus du dernier message*/
.lastm{
border-top: 1px solid #000;
padding: 3px;}

/*supprimer le fond des titres des catégories par défaut*/
.secondarytitle h2{
backgound-color: none !important;
background-image: none;}

/*image de fond des titres des catégories*/
.secondarytitle{
background-image: url('http://i44.servimg.com/u/f44/16/64/78/25/icone510.png');
background-position: center;
background-repeat: no-repeat;
height: 60px;}
Cette partie est bien sûr a personnaliser selon vos souhaits. N'hésitez pas, si vous avez des questions Wink .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par toulouse1914 le Sam 15 Oct 2011 - 3:09

Merci beaucoup! Tout est beau, sauf que le titre et la couleur de la catégorie sont encore là, par-dessus mon image. Voici mon css :
Code:
/*cadres autour des icones*/
.icones{
border: 1px solid #00000;
padding: 3px;
width: 80px;}
 
/*cadre des descriptions*/
.descrip{
border: 1px solid #00000;
padding: 3px;
height: 150px;
}
 
/*cadre autour des statistiques*/
.stats{
border: 2px solid #000000;
padding: 3px;
width: 100px;}
 
/*ligne au dessus du dernier message*/
.lastm{
border-top: 3px solid #000;
padding: 3px;}
 
/*supprimer le fond des titres des catégories par défaut*/
.secondarytitle h2{
backgound-color: none !important;
background-image: none;
}
 
/*image de fond des titres des catégories*/
.secondarytitle{
background-image: url('http://img194.imageshack.us/img194/7034/xmeno.png');
background-position: center;
background-repeat: no-repeat;
height: 100px;}

Ah oui, et comment faire pour mettre une image différente à chaque catégorie?

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

http://foreverstables.forumactif.com
toulouse1914 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par Invité le Dim 16 Oct 2011 - 9:28

Bonjour,

Je pensais que vous vouliez garder les noms des catégories, et que l'image était un image de fond pour toutes les catégories, j'avais mal compris, désolée.

Pour la couleur, retirez-la dans PA> Affichage > Couleur > Couleur de fond des en-têtes de catégorie.
Pour mettre une image différente par catégorie, il faut remplacer le titre de chaque catégorie pas une image:
Code:
<img src='adresse de l'image' />
Donc vous pouvez retirer la partie ci-dessous de votre CSS:
Code:
/*image de fond des titres des catégories*/
.secondarytitle{
background-image: url('http://img194.imageshack.us/img194/7034/xmeno.png');
background-position: center;
background-repeat: no-repeat;
height: 100px;}

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par toulouse1914 le Mer 19 Oct 2011 - 1:04

Tout a fonctionné, cependant j'aimerais bien centrer l'image de la catégorie. Aussi, au dessus de mon image, il est écrit ''Forum'', je me demandais si on pouvait l'enlever?

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

http://foreverstables.forumactif.com
toulouse1914 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par Invité le Mer 19 Oct 2011 - 8:51

Bonjour,

C'est possible en changeant la hiérarchie de votre forum. Dans PA > Affichage > Structure et hiérarchie, choisissez "Moyen" dans "Séparer les catégories sur l'index".

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide catégories & forums

Message par toulouse1914 le Jeu 20 Oct 2011 - 0:14

Merci beaucoup! =D Problème résolu!

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

http://foreverstables.forumactif.com
toulouse1914 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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