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.


    Modification des catégories et des sous-catégories ( Thème ModernBB )

    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Lun 24 Fév 2020 - 22:45

    Ma demande



       
    Hello,
    Je me permets de poster un nouveau message ici, puisque mes compétences sont ultra limitées dans ce domaine en informatique... J'ai suivi ce tuto sur Never Utopia permettant de modifier la forme des catégories, j'y ai apporter quelques modifications, mais ce que je cherche à faire est hors de ma portée...
    Pour qui veut bien jetez un œil à ma demande et, peut être, m'aider, ce serait cool ! Merci d'avance !  Razz



       

    Schéma(s) et Eléments


    Modification 1


       
    Schémas : Si c'est possible, j'aimerai faire deux demandes en une. Comme cela touche aux mêmes éléments, faire un deuixème post pour ça me semble un peu bête.



    Actuellement, sur mon forum de " test ", mes catégories ressemblent à cela :
    Modification des catégories et des sous-catégories ( Thème ModernBB ) Annota14

    J'ai du mettre, avec mon peu de technique sous photoshop, une barre grise sur le côté droit de la première photo et gauche de la deuxième photo pour faire comme s'il y avait une séparation, du coup c'est très moche  :toto:

    J'aimerai pouvoir les afficher de la sorte :
    Modification des catégories et des sous-catégories ( Thème ModernBB ) Annota15

    Que les deux rectangles soient séparés de quelques pixels.
       Tailles des éléments : J'aimerai faire une largeur totale de 980px ( pour les deux rectangles + l'espace entre les deux ) pour une hauteur de 245px.
       Effets voulus : Le même que sur ce post et que sur mes images, une légère opacité pour la barre rectangulaire où sera affiché le nom du forum et le nombre de messages. Ainsi que le fait de pouvoir afficher le texte à la place de l'image quand on passe la souris dessus.
       Version de votre forum : ModernBB



    Modification 2



       
    Schémas : Voilà la deuxième modification, qui ne serait appliqué qu'aux sous-forums, quand je cliquerai sur une catégorie. J'aimerai que ça ressemble à cela :
    Modification des catégories et des sous-catégories ( Thème ModernBB ) Annota16

    En gros, un seul gros rectangle. Je suppose ( avec on faible niveau ), que cela ne doit pas être trop compliqué si on se base sur le code avec les deux rectangles  Suspect

       Tailles des éléments : 980px pour une hauteur de 480px.
       Effets voulus : Le même que sur ce post et que sur mes images, une légère opacité pour la barre rectangulaire où sera affiché le nom du forum et le nombre de messages. Ainsi que le fait de pouvoir afficher le texte à la place de l'image quand on passe la souris dessus.
       Version de votre forum : ModernBB


       


    Pour voir ce que donne le code de base sur un forum : https://testtim.forumactif.com/ ( C'est juste un forum de test :toto: )

    Merci d'avance si vous répondez à ma requête ! :coeur:


    Dernière édition par Eldär le Sam 23 Mai 2020 - 21:23, édité 1 fois
    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Ven 28 Fév 2020 - 19:13

    Je me permets un petit up ! :cow:



    Nature and nature's laws lay hid in the night. God said : " Let Newton be ! " and all was light !
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Ven 28 Fév 2020 - 19:47

    Hello !

    Je peux t'aider avec ta première modification, mais il va me falloir ton template comme il est actuellement et ton CSS 😉
    Quelle est la taille de l'espace que tu veux entre les 2 forums ?



    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Sam 29 Fév 2020 - 9:46

    Hello Shaneliae ! :)

    Merci pour ton aide !

    Voici le template de mon 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>
    <div class="index_fc">
    <!-- BEGIN catrow -->
      <!-- BEGIN tablehead -->
          <div class="categorie">{catrow.tablehead.L_FORUM}</div>
                          <br/>
                          <br/>
      <!-- END tablehead -->
      <!-- BEGIN forumrow -->
          <div class="forum">
                    <div class="forum_case">
                        <div class="description">
                            {catrow.forumrow.FORUM_DESC}
                        </div>
                        <div class="bottom_section"></div>
                        <div class="bottom_border"></div>                 
                        <div class="forum_name">
                              <a class="forum_link" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                        </div>
                        <div class="tnm">
                            {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets
                        </div>

                    </div>
           
          </div>
      <!-- END forumrow -->

    <!-- END catrow -->

    </div>

    Et le css qui va avec :

    Code:
    /* DEBUT MISE EN PAGE CATEGORIES ET FORUMS - FANGS */
    /* clearfix categorie - regle un bug*/
    .index_fc::after {
      clear: both;
      content: "";
      display:block;
    }

    .categorie {
      position: relative;
      clear: both;
      height: 50px;
      position: relative;
      margin-top: 50px;
      margin-bottom: -18px;
      margin-left: 35px;
      z-index: 2;
    }

    .categorie_txt {
       color: #b0b0b0;
       font-family: Cinzel Decorative;
       font-size: 30px;
       left: 137px;
       position: relative;
       text-align: right;
       top: 30px;
         font-weight: bold;
    }

    .forum {
      width: 980px;
      margin: auto !important;
    }

    .forum_case {
      float: left;
      width: 490px;
      height: 245px;
      background-color: #111418;
    }

    .description {
      position: relative;
      width:490px;
      height: 245px;
      margin: 0 !important;
      padding: 0 !important;
    }

    .bottom_section {
      position: relative;
      margin-top: -40px;
      width: 490px;
      height: 40px;
      background-color: #fff;
      opacity: 0.3;
    }

    .bottom_border {
      position: relative;
      margin-top: -40px;
      width: 490px;
      height: 40px;
      border-top: 1px solid #fff;
    }

    .tnm {
      position: relative;
      margin-top: -30px;
      height: 30px;
      width: 480px;
      margin-right: 11px;
      text-align: right;
      font-size: 12px;
      color: #ffffff;
      text-shadow: 1px 1px 2px #000;
      font-family: Georgia, Arial, serif;
    }

    .forum_name {
      position: relative;
      margin-top: -30px;
      height: 30px;
      width: 480px;
      margin-left: 10px;
      z-index: 2;
    }

    .forum_link {
       color: #fff !important;
       font-family: Georgia, Arial, serif;
       font-size: 16px;
       font-variant: small-caps !important;
       text-decoration: none;
       text-shadow: 1px 1px 2px #000;
       top: -3px;
       position: absolute;
    }
    .description_img {
      position: relative;
      width: 490px;
      height: 245px;
      margin-top: -245px;
      -webkit-transition: 1s;
      transition: 1s;
      -webkit-transform: all;
      transform: all;
    }

    .description_img:hover {
      position: relative;
      width: 490px;
      height: 245px;
      margin-top: -245px;
      -webkit-transition: 1s;
      transition: 1s;
      -webkit-transform: all;
      transform: all;
      opacity: 0.2;
    }

    .description_txt {
      position: relative;
      width: 460px;
      height: 215px;
      padding: 15px;
      color: #fff;
      text-shadow: 1px 1px 2px #000;
      font-size: 12px;
      font-family: Georgia, Arial, serif;
      text-align: justify;
    }

    .description_img {
       -webkit-transform: all;
       -webkit-transition: 1s;
       height: 245px;
       margin-top: -245px;
       position: relative;
       transform: all;
       transition: 1s;
       width: 490px;
       top: 30px;
       
    }

    /* FIN MISE EN PAGE CATEGORIES ET FORUMS - FANGS */


    Et je dirais 12px entre les deux, si c'est possible !
    Autre info, la hiérarchie de mon forum ModernBB est en Moyen sur " Séparer les catégories sur l'index "


    Merci cheers
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Sam 29 Fév 2020 - 16:32

    Hello !

    J'ai récupéré ton code et l'ai installé sur mon forum test. Je vais travaillé dessus durant les prochains jours. Si jamais tu veux me fournir des infos en plus (couleurs, images, etc) n'hésites pas.

    Je reviens avec des nouvelles courant de la semaine prochaine 😉



    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Dim 1 Mar 2020 - 10:04

    Hello !

    Merci beaucoup pour ton aide !


    Niveau couleur et image, ça devrait aller. Tout sera sur fond noir avec une écriture blanche. Niveau police d'écriture, si tu peux intégrer la police Cinzel Decorative, ce serait cool !


    Merci encore ! cheers
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5239

    Mar 7 Avr 2020 - 21:34

    Coucou @Eldär

    Je ne sais pas si @Shaneliae a déjà fait les changements, au cas où est ce que tu es toujours en attente :) ?

    EDIT : je demandais pour savoir s'il fallait archiver, histoire qu'elle ne commence pas "pour rien" :hug:


    Dernière édition par Nihil Scar Winspeare le Ven 10 Avr 2020 - 17:53, édité 1 fois

    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Mer 8 Avr 2020 - 14:51

    Nihil Scar Winspeare a écrit:Coucou @"Eldär"

    Je ne sais pas si @Shaneliae a déjà fait les changements, au cas où est ce que tu es toujours en attente :) ?

    Hello @"Nihil Scar Winspeare" !


    Toujours en attente oui ! J'ai fais quelques test : https://dominationrp.forumactif.com/

    Mais rien de bien concluant ! Je ne sais pas s'il est possible de faire les deux demandes, sur un même thème de forum... Merci d'avance si tu as des idées ! :)
    Syx
    Syx
    MasculinAge : 24Messages : 200

    Ven 10 Avr 2020 - 17:07

    Oi,
    Sur ton forum de test, la séparation est bien présente sur mon ordi, mais seulement quand la taille du navigateur est maximale.. du coup y'a un hic niveau code.
    Je peux m'occuper des deux demandes si tu le souhaites ^^




    ~
    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Ven 10 Avr 2020 - 18:12

    Hello !

    Si tu peux ce serait sympa oui ! :)

    Merci ! :)
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Ven 10 Avr 2020 - 18:19

    Hello @Eldär je m'excuse platement de t'avoir oublié >.<

    Ca ne me dérange pas que Anon reprenne cette demande ! Étant actuellement bien enrhumée, je préfère que quelqu'un s'en occupe à ma place, je ne suis bonne à rien ces derniers jours >.<

    Je m'excuse encore et je te remercie Anon de reprendre cette commande o/



    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Ven 10 Avr 2020 - 19:37

    Hello ! Very Happy

    Il n'y a vraiment pas de problème ! Bon rétablissement à toi ! Wink
    Syx
    Syx
    MasculinAge : 24Messages : 200

    Ven 10 Avr 2020 - 21:07

    @Shaneliae Aucun problème !
    Du coup, je regarde ça dans la soirée ou demain :)




    ~
    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Dim 19 Avr 2020 - 13:27

    Hello ! Very Happy

    Je me permets un petit up ! Embarassed

    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Ven 24 Avr 2020 - 17:06

    Hello @Eldär !

    Est-ce que tu as des nouvelles de Anon ?

    [EDIT] Je m'excuse, je suis un peu en avance pour demander si le sujet est toujours d'actu xD



    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Sam 25 Avr 2020 - 18:33

    Shaneliae a écrit:Hello @"Eldär" !

    Est-ce que tu as des nouvelles de Anon ?

    [EDIT] Je m'excuse, je suis un peu en avance pour demander si le sujet est toujours d'actu xD
    Hello !

    Non je n'ai pas de nouvelles ! Mais en ces temps compliqués, on est tous assez occupé !

    Donc oui, le sujet est toujours d'actu ! :)
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Ven 8 Mai 2020 - 17:50

    Hello !

    Puisque Anon ne donne plus de nouvelles, je repasse ta commande en "Validé" pour que les membres voient que ta commande est dispo 😉

    J'espère que tu trouveras quelqu'un pour t'aider (n'hésites pas à actualiser le code dans ton premier message puisque j'ai vu que tu as pu faire des modifications).



    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Sam 9 Mai 2020 - 13:33

    Hello !

    Oui ma demande est toujours d'actualité ! Par contre, si tu la passes en " validée " ça indique que la commande est terminée, non ?

    En tout cas, si jamais quelqu'un passe par ici, je suis preneur ! Razz



    Nature and nature's laws lay hid in the night. God said : " Let Newton be ! " and all was light !
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Sam 9 Mai 2020 - 14:54

    Non "Validé" signifie que le staff considère que la commande considère que la commande respecte toutes les règles. Il y a un statut "Terminé" pour différencier 😉



    Eldär
    Eldär
    MasculinAge : 27Messages : 37

    Sam 23 Mai 2020 - 21:23

    Hello !

    Est-ce possible d'archiver ce post s'il vous plait ?

    Merci d'avance ! cheers



    Nature and nature's laws lay hid in the night. God said : " Let Newton be ! " and all was light !
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Aoû 2022 - 12:48