AccueilDernières imagesRechercherS'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.

-25%
Le deal à ne pas rater :
PC Portable Gamer 16,1” HP Victus 16 – 16 Go /512 Go
749.99 € 999.99 €
Voir le deal

    Mise en page des catégories

    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Sam 24 Nov 2012 - 18:04

    Bonjour bonjour! Je poste une commande qui, vous pourrez le constater, est très concrète, mais que je ne saurai réaliser =.='

    Commande
    Elément à coder : Catégories et forums
    Adresse du forum : http://robotic-earth.forumactif.org/
    Description du résultat voulu :
    Spoiler:
    Couleurs ou tons : Le fond de l'encadré "description" est en #666, celui des Sous-forum doit être en #333 même si je ne l'ai pas représenté sur le schéma.
    Images :
    Spoiler:
    Autres précisions : Sur l'image, l'encadré principal fait à peu près 300px de hauteur, ce qui est trop grand, je préfèrerais 200px de hauteur, merci!

    Je fournis également le Templates de mon index_box vu que je l'ai déjà modifié (par exemple pour les images d'en-tête de catégorie) et j'aimerais conserver ces modifications.

    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>
                        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <!-- DEBUT IMG HAUT CAT -->
                        <table class="haut_cate"><tr valign="center"><td>{catrow.tablehead.L_FORUM}</td></tr></table>
        <!-- FIN IMG HAUT CAT -->
                          <table class="forumline" width="900px" border="0" cellspacing="1" cellpadding="0">
                          <!-- END tablehead -->
                          <!-- BEGIN cathead -->
                          <tr>
                              <!-- BEGIN inc -->
                              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                              <!-- END inc -->
                              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                                <h{catrow.cathead.LEVEL} class="hierarchy">
                                    <span class="cattitle">
                                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                                    </span>
                                </h{catrow.cathead.LEVEL}>
                              </td>
                              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
                          </tr>
                          <!-- END cathead -->
                          <!-- BEGIN forumrow -->
                          <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="middle" width="100%" height="50" align="right">

                                      <table width="100%"><tr><td colspan="3">
                                                <span class="forumlink"> <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                </h{catrow.forumrow.LEVEL}>
                    </td></tr>
                    <tr>
                            <td  id="iconefora" 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>
        <!-- DESCRIPTION -->
                            <td width=100%" align="center" valign="middle">
                              <div class="descrip">
                                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                                  <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                              </div>
                            </td>
        <!-- FIN DESCRIPTION -->

        <!-- STATS -->
                            <td id="stats" class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;"></div>
                                  <span class="gensmall">{catrow.forumrow.POSTS} présages dans {catrow.forumrow.TOPICS} intrigues.<br />
                                    {catrow.forumrow.LAST_POST}</span>
                            </td></tr></table></span>
        <!-- FIN STATS -->
                              </td></tr></table>
                              <img src="{SPACER}" alt="" height="5" width="1" />
                            <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
                          <!-- END forumrow -->
                          <!-- BEGIN catfoot -->
                          <tr>
                              <!-- BEGIN inc -->
                              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                              <!-- END inc -->
                              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
                     
                          <!-- END catfoot -->
                          <!-- BEGIN tablefoot -->
                        </tr></table>
        <!-- IMG BAS CAT -->
                        <table class="bas_cate"><tr valign="center"><td> </td></tr></table>
        <!-- FIN IMG BAS CAT -->
                              <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


    En espérant n'avoir rien oublié, merci d'avance à celui qui fera ma commande! Wink


    Dernière édition par Magda Sully le Dim 9 Déc 2012 - 21:03, édité 3 fois



    • Revenir en haut
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Sam 24 Nov 2012 - 18:48

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
    ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine




    Mise en page des catégories 376864signichigo
    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Lun 26 Nov 2012 - 18:07

    Up :friends:



    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Jeu 29 Nov 2012 - 17:58

    Up :friends:



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Ven 30 Nov 2012 - 23:58

    Bonsoir :)

    Je veux bien m'occuper de toi ce weekend :)

    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Sam 1 Déc 2012 - 12:44

    Merci beaucoup! Bon courage :friends:



    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Sam 1 Déc 2012 - 18:37

    Finalement j'aurais juste une précision...
    J'ai remarqué que les couleurs de l'image de fond de l'encadré est beaucoup trop turquoise -me suis trompée en réglant les couleurs- je préfèrerais donc que ce soit l'image de fond de "forum" qui soit également utilisée à la place Wink



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 1 Déc 2012 - 18:38

    Pas de souci, je ferais ça :)

    Merci de ta précision, Magda :)

    Edit :

    Je ne pourrais pas reprendre ton templates sachant que pour parvenir à ta demande je dois utiliser celui du tutoriel pour avoir deux forums côtes à côtes
    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Dim 2 Déc 2012 - 17:56

    Ok, pas de problème. C'est juste pour conserver l'en-tête de catégorie de toute manière Wink



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Jeu 6 Déc 2012 - 9:46

    Coucou :)


    Je te laisse voir ici le rendu de ton codage => Clic clic

    Par contre, j'ai un léger souci, pour l'instant les images me résistent et refusent de se centrer ^^

    Je n'ai pas encore trouvé la manipulation a effectuer pour parvenir au centrage.
    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Jeu 6 Déc 2012 - 18:16

    Okey, mais par contre les encadrés sont trop hauts, ils doivent être à la dimension des images New etc, en 200px de hauteur Wink



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Ven 7 Déc 2012 - 12:14

    Coucou

    Tu parles des forums ? :)

    Si oui, 200px de hauteur est insuffisant. Tout est tassé si bien que ça ne ressemblerait pas à ton schéma. ^^

    J'ai du mettre à 280px de hauteur ^^
    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Ven 7 Déc 2012 - 18:43

    Pourtant j'ai refait un schéma pour tester et ça rendait parfaitement mieux...
    En fait les encadrés de description des forums sont trop grands, trop encombrants, sachant que le texte que je mettrais à l'intérieur ne sera pas très long.
    Pour les images qui ne veulent pas se centrer, ça doit venir du CSS, vu que je ne t'ai pas donné celui qui y correspondait.
    Et sinon tu arrives à faire le panneau coulissant?



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 8 Déc 2012 - 9:48

    Tu n'a pas remarqué que tes statistiques coulissaient ? O.O.

    Pour les images, le cs est fait selon le template et elles sont à vue d'oeil, trop petites. ^^

    Je te finirais la commande dans le courant de la journée ^^
    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Sam 8 Déc 2012 - 11:28

    Oops, oui pardon j'avais remarqué 8D
    Merci pour la commande et bon courage Wink



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Sam 8 Déc 2012 - 19:00

    Problème de centrage vu.

    Hauteur revue. De presque 280px les forums font 215px.

    Normalement ça devrait être bon :)

    En espérant que les 15px en plus ne te dérangeront pas.

    Je te laisse voir le rendu ici => Clic Clic
    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Sam 8 Déc 2012 - 23:02

    Okey, la hauteur est parfaite, c'est nickel Wink
    Juste un petit détail : l'image de fond n'est pas la bonne, celle-ci est trop turquoise, il fallait utiliser l'autre 8D



    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Dim 9 Déc 2012 - 11:55

    J'ai vu que tu avais changé l'image de fond, c'est parfait comme ça Wink
    Serait-il possible d'ajouter une scrollbar lorsque la description du forum est trop longue?



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Dim 9 Déc 2012 - 14:16

    Donc j'ai mis ton scroll. Si vraiment celui-ci ne te convient pas, tu n'aurais qu'à remplacer par overflow: hidden dans la class contenu_descri. ^^

    Je te donne ton css

    Tu as des bases en css ou tu as besoin que je t'explique son fonctionnement ? :)



    Et ton template index_box


    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Dim 9 Déc 2012 - 17:49

    Pas de problème, le CSS je maîtrise Wink
    Okey, tout marche, j'ai juste changé quelques images, tout est bon, merci beaucoup! :friends:



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Dim 9 Déc 2012 - 17:51

    Mais de rien ^^

    Il te reste à mettre le crédit si ce n'est pas déjà fait

    Et de mettre ici comme terminé. ^^

    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Dim 9 Déc 2012 - 17:55

    Le crédit, c'est fait Wink
    Ah, j'ai juste un petit soucis que je viens de remarquer : les sous-forums ne s'affichent pas, c'est normal?



    • Revenir en haut
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Dim 9 Déc 2012 - 18:13

    Oo

    Je viens de voir.

    En fait tes sous-forums s'affichent en dessous de la description.

    Pour pouvoir les voir tu regardes la class contenu_descri et tu fais en sorte de mettre z-index: 0; ensuite pour la class sforum, tu mets ton z-index à 2

    Et tu remplaces la class sforum a par celle-ci

    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Dim 9 Déc 2012 - 18:33

    Non, ils ne s'affichent pas en dessous de la description c'est moi qui avait mis des liens, du coup ce que tu me proposes fait buguer le code, ça ne doit pas être ça Wink



    • Revenir en haut
    Magda Sully
    Magda Sully
    FémininAge : 27Messages : 143

    Dim 9 Déc 2012 - 18:52

    Aïe aïe aïe, ça s'annonce beaucoup plus compliqué que prévu, je viens de me rendre compte que ça fait foirer tout l'affichage des sujets => http://robotic-earth.forumactif.org/f18-la-ville



    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 23:13