Catégories différente

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

Résolu Catégories différente

Message par ThunderX le Ven 16 Sep 2011 - 20:52

Salut ForumActif,

Je voudrait savoir comment puis-je faire que pour les catégories passe se transforme en ça :



Merci d'avance !



Dernière édition par ThunderX le Sam 1 Oct 2011 - 11:30, édité 1 fois

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories différente

Message par Invité le Ven 16 Sep 2011 - 21:00

Bonjour,

Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre :
    - doit-être explicite (qui explique brièvement le problème),
    - ne doit pas être en majuscules,
    - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"...

Merci de le modifier en cliquant sur le bouton :editer: de votre premier message. Wink

A bientôt sur ForumActif Smile

Bonsoir,

Si vous avez déjà modifié votre template Index-Box, il faudrait le donner, sauf si vous souhaitez repartir du template de base. Il en va de même si vous avez une partie CSS agissant qui l'apparence des catégories et forums Wink . Peut-être que ce tutoriel peut vous donner une piste pour commencer à modifier votre template:
> http://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages

Cordialement.

Invité
Invité


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

Résolu Re: Catégories différente

Message par ThunderX le Ven 16 Sep 2011 - 21:12

J'ai des templates de bases Smile

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories différente

Message par Invité le Mar 20 Sep 2011 - 22:09

Bonsoir,

Donc on a du boulot Razz. Ce qu'il faut changer dans le template index_box:

- Supprimer les colonnes sujets et messages et dernier message.
- Créer le tableau qui regroupe description sous-forum et dernier message.
- Ajouter le script qui retire les virgules entre les sous-forums et remplacer la virgule par un saut de ligne.
- Ajouter des class / des div dans le tableau pour les lignes de séparation et le cadre.

Puis dans la feuille CSS:
- Faire la partie CSS qui va avec tout ça.



•Supprimer les colonnes:
- Repérez 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
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>

• Créer le tableau qui regroupe description sous-forum et dernier message
Repérez et remplacez:
Code:
<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>
Par:
Code:
<table width="100%"><tr><td width="60%"><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}</span>
            <!-- END switch_moderators_links -->
            </td><td><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td><td width="180"><span class="gensmall">{catrow.forumrow.LAST_POST} <br />
      
         <span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Massages</span></td></tr></table>

• Ajouter le script qui retire les virgules entre les sous-forums et remplacer la virgule par un saut de ligne.
Repérez et remplacez:
Code:
<span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
Par:
Code:
<span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
</script>

Vous avez normalement, à partir de là, la structure voulue. Avez-vous besoin d'aide pour la suite?

Cordialement.

Invité
Invité


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

Résolu Re: Catégories différente

Message par Invité le Mar 27 Sep 2011 - 13:50

Bonjour,

Où en-est votre problème ?

Deux solutions :
  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile

Invité
Invité


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

Résolu Re: Catégories différente

Message par ThunderX le Jeu 29 Sep 2011 - 13:50

Non c'est pas ce que je voulais, voilà ce que ça me donne :

Le problème c'est qui l y a deux fois le titre du dernier sujet --"
Autre chose : Je voudrais que le titres des sous forums soit en menu déroulant Wink

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories différente

Message par Invité le Jeu 29 Sep 2011 - 19:47

Bonsoir,

J'ai donné bénévolement de mon temps pour rédiger des explications claires, testées et vérifées comme vous pourrez le constater ici, un merci aurait été le bienvenu Mais oui et si j'ai mal interprété votre demande et que le résultat n'est pas celui escompté, vous m'en voyez navrée.
@Pinguino a écrit:► En toute occasion restez poli, courtois et respectueux, cela commence par savoir dire Bonjour ou Bonsoir et Merci.

D'autre part,

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 :

Les explications que je vous ai données, ne sont que la partie "template", il faut ajouter la partie CSS, et vous n'avez pas répondu à ma question: avez-vous besoin d'aide pour la partie CSS?

Il aurait aussi été préférable de préciser dès le départ que vous vouliez un menu déroulant, car les modifications sont totalement différentes si vous parlez d'un menu déroulant simple comme présenté dans cette astuce:
> http://forum.forumactif.com/t314485-installation-d-un-menu-deroulant.
Est-ce bien ce genre de menu déroulant que vous souhaitez?

Cordialement.

Invité
Invité


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

Résolu Re: Catégories différente

Message par ThunderX le Jeu 29 Sep 2011 - 19:57

Déjà désolé de d'avoir était malpoli,

Oui merci pouvez vous m'aider pour le css et pour le menu déroulant voilà ce que je veut !

Cordialement

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories différente

Message par Invité le Jeu 29 Sep 2011 - 21:28

Ok!
Donc on efface les modifications faites et on recommence Razz . Pour rétablir le template de base cliquez sur suppr .

•Supprimer les colonnes
- Repérez 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
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>

• Créer le tableau qui regroupe description, sous-forum et dernier message avec les class CSS nécessaires
Repérez et remplacez:
Code:
<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>
     
Par:
Code:
<table width="100%"><tr><td width="80%"><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}</span>
            <!-- END switch_moderators_links -->
            </td><td width="180" valign="top"><div class="fostatlastm"><span class="gensmall">{catrow.forumrow.LAST_POST} <br />
     
        <span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Massages</span></div></td></tr></table>
Enregistrez et publiez.

• Le menu déroulant
Pour chacune de vos catégories, il va falloir créer le menu déroulant pour les sous forums. Dans Panneau d'admin' > Général > Catégories et forums, pour chaque forum, dans description vous devrez placer:
Code:
<table width="100%"><tr><td width="75%"><div class="fodesc">Description 1</div></td><td><div class="folink"><select style="width: 150px;" onchange="location = this.value">
  <option selected="selected">Sous forums</option>
  <option value="url du sous forum 1">n°1</option>
  <option value="url du sous forum 2">n°2</option>
  <option value="url du sous forum 3">n°3</option>
  <option value="url du sous forum 4">n°4</option>
</select></div></td></tr></table>
Il faut bien sur personnaliser avec les url des sous forum et leur nom Wink . Et vous pouvez modifier les pourcentage et les dimensions en px pour ajuster les modifications.

• La feuille de style CSS
On se sert d'une class existante a.forumlink pour la personnalisation des titres des forums, et on a créé 3 class pour personnaliser folink pour le care autour du menu déroulant, fodesc pour les description et fostatlastm pour les derniers messages.
Code:
a.forumlink{font-size: 22px;}

.fodesc{
border: 2px solid black;
height : 50px;
padding: 5px;}

.folink{
border-left: 2px solid black;
border-right: 2px solid black;
height : 50px;
padding: 5px;}

.fostatlastm{
border: 1px solid black;
height : 54px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
padding: 5px;
width: 180px;}
Modifiez les valeurs à votre convenance.

Cordialement

Invité
Invité


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

Résolu Re: Catégories différente

Message par ThunderX le Ven 30 Sep 2011 - 16:45

Merci vous m'avez aidé mais y a juste une petit problème il y a "Massages" à la place de Messages !

Cordialement,

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories différente

Message par Invité le Ven 30 Sep 2011 - 17:33

Bonjour,

Shocked Laughing C'est juste une petite faute de frappe dans le template Razz .
Repérez:
<span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Massages</span></div>
Et remplacez le a par un e Wink .

Cordialement.

Invité
Invité


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

Résolu Re: Catégories différente

Message par ThunderX le Sam 1 Oct 2011 - 11:30

Merci résolu

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX 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