2 forums avec les mêmes membres.

[elsydeons]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://le-sanctuaire.forumactif.com/

Description du problème

Bonjour,

Je souhaite commencer la création d'un site qui servirait de portail vers 2 forums. Je possède pour le moment 1 forum regroupant 2 jeux vidéos. Est il possible de faire facilement un 2ème forum avec la même base de données des membres ?

J'entends par la qu'un membre inscrit sur un forum le soit également sur l'autre. Mon but étant de scinder complètement les 2 jeux mais qu'ils soient tout de même liés en arrière plan grâce au membres, mp,etc. Maintenant il existe peut être une manière plus simple.

Je vous remercie d'avance

[Walt]

Bonjour,

Ce que vous demandez n'est pas possible, mais je ne vois l'intérêt de créer deux forums ? Peut-être simplement deux catégories distinctes sur le même forum, quitte à utiliser des pages HTML pour donner une différenciation à chacune des deux catégories... ?

Cordialement,
Walt

[elsydeons]

Bonjour,

Pouvez vous développer votre idée ? En effet ça me semblerait plus simple. J'aurais souhaité scinder les 2 jeux pour que chacun soit indépendant d'un point de vue design. Actuellement je mele les 2 univers en un seul design.

Merci pour votre aide

[Walt]

En admettant que la structure de vos deux forums soit identique, et que les différences de design ne porte que sur les couleurs et images (bannière / fond de page), il est possible via un script de vérifier dans quelle catégorie l'utilisateur se trouve, et d'afficher à l'écran le design attendu.

Imaginons que je créé une catégorie pour le jeu 1, en la nommant :

Code:

<span id="cat_game1">Nom du jeu</span>

Et une pour le jeu 2, en la nommant :

Code:

<span id="cat_game2">Nom du jeu 2</span>

Il me sera ensuite possible sur la plupart des pages de déterminer si l'utilisateur se trouve sur une page (affichage de la catégorie / de la liste des sujets / d'un sujet) dédiée à l'un des jeux ou à l'autre, avec un script affiché sur toutes les pages, ressemblant à quelque chose comme ça :

Code:

$(function() {
  if( $('#cat_game1').length ) {
    $('body').addClass('game1');
  }
  if( $('#cat_game2').length ) {
    $('body').addClass('game2');
  }
});

Si vous vous trouvez sur une page dédiée au jeu 1, le script ajoute la classe .game1 à l'élément body (c'est à dire au conteneur global de la page), et même chose pour le second jeu avec .game2

Il ne vous reste plus qu'à modifier votre CSS en conséquence. Par exemple, pour que les liens soient gris par défaut, et qu'ils soient bleus sur l'un des jeux et rouge sur l'autre :

Code:

a { color: grey; }

body.game1 a { color: red; }

body.game2 a { color: blue; }

Pour des pages plus neutres par contre, telle que toute la partie message privée, il faudrait un design neutre.

Cordialement,
Walt

[elsydeons]

Sans vouloir abuser de votre aide. Sauriez vous m'aider pour le début ? Je comprends le principe mais j'ai du mal de voir ou insérer tout ça. Autre question: je suppose que la page d'accueil du forum sera commune aux 2 forums ?

En tout cas merci

[Walt]

Bien entendu que nous allons vous aider.

Pour le script que je vous ai indiqué, il faudra l'insérer dans la gestion des codes javascript, dont vous trouverez le fonctionnement expliqué dans ce sujet : gestion des codes javascript

Ensuite, la personnalisation des designs se fait via le CSS, c'est à dire une zone où vous pouvez personnaliser le style de votre forum. Vous la trouverez dans le PA > Affichage > Couleurs > Feuille de style CSS


Pour la page d'accueil, soit vous conservez l'affichage classique des catégories, auquel cas les deux catégories apparaitront et il faudra que l'utilisateur clique sur l'une des deux (et le reste de la page devra faire partie des design neutres), soit vous créez une page HTML invitant l'utilisateur à faire un choix entre les deux jeux.

Cordialement,
Walt

[elsydeons]

Le java et le css, je connais un peu pour en avoir mis sur mon forum. Mais comment définir une bannière pour chaque jeu ? Pareil pour les catégories qui sont actuellement des images et non du texte. Quelque chose me dis que je vais devoir abandonner cette idée lol

[Walt]

Pareil pour les catégories qui sont actuellement des images et non du texte.

Sur le forum en question vous avez énormément de catégories, il faudrait en réalité n'en afficher que deux sur la page principale. Si leurs titres sont composés d'une image, vous avez un code similaire à celui-ci :

Code:

<img src="ADRESSE DE L'IMAGE" alt="" />

Vous pouvez donc ajouter un id comme je le préconisais plus haut :

Code:

<img id="car_game1" src="ADRESSE DE L'IMAGE" alt="" />

Mais comment définir une bannière pour chaque jeu ?

Toujours avec un script. La bannière de votre forum est l'élément ayant l'identifiant #i_logo
Il suffit donc d'indiquer à notre script que selon les cas, cette bannière aura telle ou telle image.

Or, une image en HTML s'affiche, nous l'avons dit, de cette façon :

Code:

<img src="ADRESSE DE L'IMAGE" alt="" />

Reprenons notre exemple précédent :

Code:

    $(function() {
      if( $('#cat_game1').length ) {
        $('body').addClass('game1');
        $('#i_logo').attr('src', 'URL_IMAGE_JEU1');
      }
      if( $('#cat_game2').length ) {
        $('body').addClass('game2');
        $('#i_logo').attr('src', 'URL_IMAGE_JEU2');
      }
    });

Nous avons rajouté deux lignes :

Code:

$('#i_logo').attr('src', 'URL_IMAGE_JEU1');

et

Code:

$('#i_logo').attr('src', 'URL_IMAGE_JEU2');

Traduites en français, elles signifient : modifie la valeur de l'attribut src de l'élément #i_logo (la bannière) par 'URL_IMAGE_JEU1'

Cordialement,
Walt

[elsydeons]

Un grand merci. Je teste ça demain.

[elsydeons]

A mon avis je dois m'être gouré quelque part lol.

La partie "function", c'est bien du java et non du css ?

[elsydeons]

petit up

[Walt]

Bonsoir,

C'est effectivement la partie javascript.
Qu'est ce qui ne fonctionne pas ?

Cordialement,
Walt

[elsydeons]

Bonjour,

Il ne se passe rien. Pas de changement ou même de bug. Mais je vais regarder un peu mieux.

Merci

[elsydeons]

Bon j'y arrive mais ça ne fait pas vraiment ce que j'espérais.

La bannière change même à la page principale.

edit: je contourne le problème en n'affichant le java que dans les sous forums. Je ne risque pas de problème à l'avenir ?

Pour la bannière c'est "i_logo". Qu'en est il des fonds d'écran et autres images du forum ?


Merci

[elsydeons]

Petit up

[elsydeons]

Je reviens sur mon sujet pour préciser ma demande.

A partir du code fournit plus haut, comment modifier dans la même logique le fond d'écran ainsi que les icônes note, nouveau message, etc ?
Je ne trouve rien sur internet qui en parle.

Merci d'avance

[Walt]

Bonjour,

Pour le fond d'écran, il suffit de modifier directement le style de body :

Code:

body.game1 {
  background-image: url("LIEN DE L'IMAGE");
}
body.game2 {
  background-image: url("LIEN DE L'IMAGE");
}

Pour les icônes de message (non-lu, lu, verrouillé...), ça va être un peu plus compliqué. Le plus simple serait de choisir des icônes neutre qui pourrait convenir aux deux jeux.

Cordialement,
Walt

[elsydeons]

Un grand merci pour le fond d'écran. Les icônes des message ainsi que les images de fond derrière les titres de catégories ne sont pas modifiables ?

[Walt]

Les icônes des message ainsi que les images de fond derrière les titres de catégories ne sont pas modifiables ?

Le background des catégories l'est facilement :

Code:

body.game1 th {
  background-image: url("LIEN DE L'IMAGE");
}
body.game2 th {
  background-image: url("LIEN DE L'IMAGE");
}

Toutes les images que vous avez modifié jusqu'à présent sont soit des images de fond (fond de page, fond des catégories...) qui se modifient donc via le CSS, soit des images ayant un identifiant bien particulier (la bannière, avec un sélecteur #i_logo). Pour les images de messages, malheureusement il ne s'agit ni d'images de fond, ni d'image ayant un sélecteur permettant facilement de les modifier.
On peut envisager de les modifier mais il va falloir un script, ce qui s'avère un peu plus compliqué...

PS : l'anti clic-droit, en plus d'être inefficace, est l'un des scripts qui agace le plus les visiteurs d'un forum.

[elsydeons]

Etrangement, votre rajout de code pour le fond d'écran annule l'ensemble, même pour la bannière.

[Walt]

Vous l'avez ajouté dans le script au lieu du CSS...

Cordialement,
Walt

[elsydeons]

Autant pour moi, ça fonctionne parfaitement !

J'édite mon message. En effet lol, une bête erreur.

[elsydeons]

Pour les icônes des messages, je partirais sur un design "neutre" mais pour les image en arrière plan des titres des catégories, c'est possible si je comprends bien. C'est la seule chose que j'aimerais pouvoir encore modifier pour optimiser le design.

[Walt]

Oui, et je vous ai indiqué le code nécessaire ci-dessus :

Le background des catégories l'est facilement :

Code:

body.game1 th {
  background-image: url("LIEN DE L'IMAGE");
}
body.game2 th {
  background-image: url("LIEN DE L'IMAGE");
}

Je vous rappelle au passage que les doubles-posts sont interdits sur ce forum, préférez l'usage de la fonction éditer.

Cordialement,
Walt

[elsydeons]

Ce code agit bien sur le fond d'écran mais ma seconde demande repose sur les images derrière les titres des catégories. Peut être me suis je mal exprimé.

J'ai fait une capture du PA pour vous montrez:


Ceci dit tout les autres codes fonctionnent très bien donc déjà un grand merci pour votre aide (hop un petit pouce "merci").

[Walt]

Oui, j'ai très bien compris votre seconde demande et comme je ne suis pas encore tout à fait sénile, je vous ai donné (deux fois) le bon code pour cela. Vous remarquerez qu'il est différent du précédent... :



Néanmoins, ce second code ne règle que "l'image du fond des titres", pour les images du fond des catégories (gauche et droite) il faut également rajouter celui-ci : (les deux sont nécessaires !)

Code:

body.game1 td.cat,
body.game1 td.catBottom,
body.game1 td.catHead,
body.game1 td.catLeft,
body.game1 td.catRight,
body.game1 td.catSides {
  background-image: url("LIEN DE L'IMAGE");
}
body.game2 td.cat,
body.game2 td.catBottom,
body.game2 td.catHead,
body.game2 td.catLeft,
body.game2 td.catRight,
body.game2 td.catSides {
  background-image: url("LIEN DE L'IMAGE");
}

Cordialement,
Walt

[elsydeons]

ah oui d'accord C'est vicieux cette petite nuance lol Je ne l'avais pas vu, un néophyte comme moi passerait facilement à coté. Je teste ça.

Merci


J'édite mon message, tout fonctionne !

Un grand merci

[Walt]

Ravi d'avoir pu vous aider.

Bonne continuation à vous

Cordialement,
Walt