AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Adapter un code qui a été donné pour un forum en phpbb2 pour modernbb

    aillun
    aillun
    FémininAge : 24Messages : 18

    Sam 6 Mar 2021 - 1:14

    Bonsoir !

    Je reviens vers vous, en pleine création de forum... J'avais posté une demande en 2019, qui consistait à donner un id aux catégories & forum, pour que je puisse les modifier indépendamment des autres, mais à l'époque je l'ai demandé pour du phpBB2 Ici (encore merci Nihil :love: ) . Je suis passée à modernBB depuis (je sais pas si je suis plus réveillée qu'en 2019 mais je trouve cette version vachement plus simple j'ai pu modifier plein de trucs sans trop de problèmes), et honnêtement je n'y connais rien en javascript donc je ne sais pas du tout ce qui doit être modifié

    lien du forum, en travaux actuellement ; j'ai mis quelque chose qui permet de mettre plusieurs forums d'une catégorie sur une même ligne en suivant ce tutoriel (et je les ai un peu habillés) et je ne sais pas si ça peut interférer ; j'ai aussi mit ce qui avait été expliqué dans le premier topic

    C'était pour demander si c'était possible d'adapter le javascript à un forum en modernBB, s'il vous plait :ange:
    merci beaucoup !
    Onyx
    Onyx
    FémininAge : 27Messages : 3322

    Sam 6 Mar 2021 - 2:46

    Salut !

    Normalement, le javascript devrait fonctionner que ce soit sur phpBB2 ou ModernBB, les 2 versions utilisent le même style de fil d’Ariane avec les a.nav comme navigation. Est-ce que tu peux nous copier/coller le javascript installé sur ton forum?



    aillun
    aillun
    FémininAge : 24Messages : 18

    Sam 6 Mar 2021 - 3:05

    merci pour ta réponse rapide ! voici :

    Code:
    $(function(){
        /* On selectionne tous les liens avec la classe "nav" */
        $('a.nav').each(function(){
            var link = $(this).attr('href'); /* on récupère le lien */
            if (link && link != '/') {
                link = link.split('-')[0]; /* on garde seulement la partie du lien qui nous intéresse*/
                link = link.replace('/','body-');
                $("body").addClass(link); /* on ajoute le lien à la balise body */
            }
        });
    });

    edit: j'ai coché "sur toutes les pages"

    Je suis en train de me dire que ça fonctionne peut être, mais qu'il est peut être camouflé sous la réorganisation & css du template qui modifie l'organisation des catégories... Mais j'ai pas encore trouvé de moyen de vérifier :hum:
    Onyx
    Onyx
    FémininAge : 27Messages : 3322

    Sam 6 Mar 2021 - 20:38

    Salut !

    Ça fonctionne, du moins la class body-c1, body-f1, etc. s'ajoutent bel et bien sur ta balise body comme prévu. Tu as essayé de mettre quoi comme CSS pour le tester ?

    Parce que quand je mets ça dans le CSS pour tester :
    Code:
    .body-c1 .postbody {
        background: red;
    }
    Je vois bel et bien la couleur les messages de la première catégorie tourner au rouge...

    À noter que c'est bien de mettre ça à la toute fin du CSS.



    aillun
    aillun
    FémininAge : 24Messages : 18

    Sam 6 Mar 2021 - 22:28

    coucou ! oooh j'ai compris mon erreur,c'est moi qui savais pas où chercher

    du coup ça modifie bien le fond quand j'accède à /f1-reglements, et si j'utilise ton css en rajoutant .colonne

    Code:

    .body-c1 .colonne {
        background: red;
    }

    ça modifie bien l’intérieur des forums de la catégorie c1 (HRP et RP)..

    j'ai deux problèmes : ça modifie les deux forums en même temps (j'ai essayé .colonne-f6,
    Ilvermorny, l'héritage d'Isolt :: HRP :: Règlements :: RP mais ça marche pas )

    et deuxième problème je ne sais pas comment appeler les catégories de la page d'accueil... car le c1 modifie ce qui est à l'intérieur de lui mais pas lui même ..? (désolée si c'est pas clair)
    ce qui se modifie actuellement :

    Ilvermorny, l'héritage d'Isolt :: HRP :: Règlements
    Spoiler:

    Adapter un code qui a été donné pour un forum en phpbb2 pour modernbb 211

    ce que j'aimerai bien modifier, encadré en rouge (page d'accueil)
    Spoiler:

    Adapter un code qui a été donné pour un forum en phpbb2 pour modernbb 110


    mon CSS en entier :
    Spoiler:
    Code:
    /********Catégories**********/



    *{
      box-sizing: border-box;
    }
    .d-flex{
      display:flex;
      width:100%;
      flex-wrap: wrap;
      align-items:center;
      justify-content:space-around;
    }
    .milieu_cate > .d-flex > *
    {

      flex: 1 1 29%;
    }
    .titre_categorie
    {
      border:0px solid #000;
      box-shadow: 0px 0px 10px #000;
      width:99%;
      margin:4% auto auto;
      background:#3C60B8;
      border-radius: 3px;
      background:linear-gradient(180deg, rgba(1, 12, 18, 1) 0%, rgba(4,36,52,1) 100%);
    }
    .titre_categorie h2
    {
      font-size:30px;
      color:#FFF;
      text-align:left;
      margin:0;
      padding:0.5%;
      font-family: 'Pangolin', cursive;
      text-shadow: 3px 2px 3px rgba(255,255,255,.2);
    }
    .milieu_cate
    {
      width:98%;
      margin:auto;
    }
    .colonne
    {
      border: 0px solid #000;
      box-shadow: 0px 0px 5px #000;
      box-sizing: border-box;
      height: 240px;
      margin: 0.5%;
      width: 49%;
      background:linear-gradient(180deg, rgba(1, 12, 18, 1) 0%, rgba(4,36,52,1) 69%, rgba(10,37,70,1) 100%);
      border-radius: 3px;
    }

    .titre_forum
    {
      height:70px;
      overflow:hidden;
      padding: 0.5%;
      border-bottom:3px solid black;
    }
    .lien_forum, .last_post
    {
      padding: 0.5%;
      height:70px;
    }
    .lien_forum
    {
      width:70%;
    }
    .last_post
    {
      text-align:center;
      width:30%;
      border-left:1px black solid;
    }
    .nb_mess
    {
      font-size:10px;
      font-style:italic;
    }

    .image_last_post
    {
      margin: 1%;
      width:10%;
    }
    .image_last_post img
    {
      max-width:100%;
    }
    .description
    {
      width:84%;
      padding:0.5%;
      text-align:justify;
      height:132px;
      border: 1px solid #000;
      margin:1% ;
      overflow:auto;
    }

    .liens_sous_forums
    {
      padding: 0 0.5%;
    }

    /* fond + bannière*/



        body
    {
         background-attachment: fixed;
         background-image: url(https://cdn.discordapp.com/attachments/498534426196705280/817488570650460160/banniere6.png),
               linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(4,36,52,1) 69%, rgba(10,37,70,1) 100%); /*bannière + gradient de fond*/
            background-size: cover !important;
         background-repeat: no-repeat;
         background-size: auto !important;
         background-position: 48% 7% !important;
         background-color:#03273e;
            width: 100%;
    }
        .headerbar,html
    {
         background:transparent !important;
    }
    .headerbar
    {
       background-attachment: fixed !important;
       background-size: auto !important;
       width: 100% !important;
       background-position: top !important;
       background-repeat: no-repeat !important;
       padding: 0 !important;
       overflow: hidden !important;
       margin: 0 !important;
       height: 390px !important;
       position: relative !important;
       background-color: transparent !important;
    }

    /* titre du forum le faire disparaitre */

    #site-title, #site-title h1
    {
        font-size: 0px !important;
    }

    /* barre du haut */

    .navbar
    {
       text-align: right;
           text-color: #2D4575;
    }
    .navbar li
    {
        display: inline;
        margin: 0px;
    }
    .is-sticky#headerbar-top
    {
        background-color: #000000;
        box-shadow: 0 0 10px #033560;
    }

    /* https://i.servimg.com/u/f32/20/31/62/30/womato10.png */




    .body-c1 .colonne {
        background: red;
    }

    merci :aww:
    aillun
    aillun
    FémininAge : 24Messages : 18

    Mar 9 Mar 2021 - 20:42

    Hello ! petit up, c'est toujours d'actualité

    j'ai enlevé le script + css qui permettait à 2 forums d’une catégorie d'être sur la même ligne mais ça n'a rien changé, je ne comprends pas comment viser le fond d'une catégorie précisément (et maintenant je n'ai plus le .colonne depuis que j'ai enlevé le script ; j'ai essayé dans le css de mettre .body-c1 .row par exemple (ou .body-f1 .row) puis background:red; mais ce n'est toujours pas ça, là ça me modifie le fond de plein de choses. :hum: )

    j'essaie de voir où sont les éléments avec inspecter l’élément mais ça m'aide pas plus..
    merci ! (sos)
    Onyx
    Onyx
    FémininAge : 27Messages : 3322

    Dim 14 Mar 2021 - 19:57

    Salut !

    Alors le but du script est effectivement de regarder dans quel forum/catégorie tu es et de modifier le CSS du forum en fonction de cela. Quand on est sur la page d'accueil, nous ne sommes pas dans une catégorie/forum, donc impossible de modifier, du moins pas avec ce script.

    Pour réussis à faire ce que tu souhaites, on va faire un petit quelque chose de différent, on va se servir de ce tuto.

    En gros, dans ton template index_body, on va trouver ceci :
    Code:
    <div class="colonne">

    Qui va devenir ceci :
    Code:
    <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum-perso-link" style="display:none;"></a><div class="colonne">

    Ensuite, tu pourras personnaliser le CSS en utilisant cela (On remplace f16 par le numéro du forum visé, Règlements serait f1 par exemple) :
    Code:
    /*Le bloc de la colonne*/
    .forum-perso-link[href^="/f16-"] + .colonne {
    }
    /*Le bloc du titre de forum*/
    .forum-perso-link[href^="/f16-"] + .colonne .lien_forum {
    }



    aillun
    aillun
    FémininAge : 24Messages : 18

    Mar 16 Mar 2021 - 2:03

    Merci pour ta réponse, je vais essayer ça (j'étais un peu occupée ces derniers Jours) et je te dirais Adapter un code qui a été donné pour un forum en phpbb2 pour modernbb 1f60a

    Edit : j'ai de gros pb d'internet sur mon pc donc je peux pas vérifier pour le moment, mais c'est toujours d'actualité, un peu en pause pour l'instant ! desolée Sad
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5238

    Jeu 15 Avr 2021 - 20:05

    Coucou aillun !

    Est ce que ta connexion internet est revenue ? :hug:

    Contenu sponsorisé


      La date/heure actuelle est Dim 16 Mai 2021 - 20:25