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.


    [ TEMPLATE ] Supprimer message, sujet, dernier message

    .Hunter
    .Hunter
    FémininAge : 22Messages : 1054

    le Lun 20 Mai 2013 - 11:26

    Rappel du premier message :



    Bonjour,

    Voilà, j'ai eu un petit problème avec les tutoriels pour fusionner les colonnes messages, sujets et dernier message. Je voulais tout fusionner en une seule catégorie et afficher seulement les statistique dedans. Je sais pas si cela vous parle, mais voici un petit aperçu de ce que je voulais, et que j'ai reussie à obtenir après 9 heures de recherche intencif. Oui, c'est beaucoup et surtout pourquoi je n'ai pas demandée à ce que l'on m'aide. Parce qu'on est pas mieux servi que par soie-même. Et que si on se sert de ça tête et qu'on cherche bien, on peut toujours trouver ce petit bémol dans le codage. Comme le dit si bien une personne " la source du bug dans un code se trouve entre la chaise et le clavier ". Bref, voici ce que mon tutoriel ( avec l'aide de 4 autres ) vous fera faire :

    Spoiler:
    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 130520112057554672

    Pour voir l'astuce, poste un petit merci à la suite. **

    1. Suppression de la colonne "Derniers Messages".

    Afin de vous permettre d'enlever la partie " Derniers Messages " vous allez devoir aller dans la template " index-box ". C'est la template qui touche les catégories de votre forum. Pour toute recherche de bout de code vous avez une barre recherche juste au dessus de votre template, et pour les autres qui ne l'ont pas vous devez faire CTRL + F et votre barre de recherche s'affichera directement. Collez le code que vous recherchez dedans et puis voilà. :)

    Nous pouvons donc commencer, vous allez chercher cette ligne et la supprimer.
    Code:
    <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

    Cherchez également ce bout de code et supprimer le aussi.
    Code:
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>

    Voilà, votre colonne "Derniers Messages " n'apparaît plus sur votre forum. Passons à l'étape suivante de ce tutoriel.

    2. Suppression des colonnes Messages & Sujet".

    Toujours dans la template " index-box ", puisque c'est toujours les catégories auquel ont touche.
    Vous allez chercher ce bout de code et le supprimer.
    Code:
    <th nowrap="nowrap" width="50">{L_TOPICS}</th>
    <th nowrap="nowrap" width="50">{L_POSTS}</th>

    Ainsi que celui-ci.
    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>

    Voilà, nous avons supprimés toutes les colonnes que nous voulions. Mais faudrait peut être les remplacers par autre chose, vous ne pensez pas ? Allez on est chaud, on continue. **

    3. Remplacez les colonnes supprimés

    Vous vous apellez de ce bout de code-ci ( qui est une variable ) :
    Code:
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    Elle représente les statistiques de la colonne " dernier message ".

    Nous, nous allons juste créer un petit tableaux pour remplacer cette variable.

    Alors vous allez chercher ce bout de code ( assez long ) :
    Code:
    <td 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>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
    <h{catrow.forumrow.LEVEL} class="hierarchy">
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

    </span>
    </h{catrow.forumrow.LEVEL}>
    <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}

    Et vous allez le remplacer par celui-ci ( code de .Little Lady ) :
    Code:
    <td 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>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
    <h{catrow.forumrow.LEVEL} class="hierarchy">
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

    </span>
    </h{catrow.forumrow.LEVEL}>
    <table>
    <tr>
    <td><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}
    </td>
    <td>
    <div class="catéhunter">
    <div class="dernsujethunter"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
    </div>
    </td>
    </tr>
    </table>

    Comme vous pouvez le constatez il y a deux balises ajoutés. Elles vous permettront de personnaliser vos statistiques sur vos catégories.

    N'oubliez surtout pas d'enregistrer et de publier votre template, ce serait dommage après tout ce boulot de le gaspiller en quelque clique.

    4. La partie esthétique

    Je met à votre disposition le propre code CSS de mon forum, mais vous devez le personnaliser par vous même.
    Vous pouvez très bien enlever tout mon css pour le remplacer par le votre. A vous de voir. :)

    Code:
    /***affichage des sujets et messages***/

    .catéhunter { => by .Hunter
    background-color: #222222 /* couleur du fond */
    border-collapse: separate; /* bordure du tableau */
    border-spacing: 2px; /* bordure espacement */
    border-left: 2px solid #850c0c; /* bordure à gauche */
    border-right: 2px solid #850c0c; /* bordure à droite */
    border-radius: 15px; /* le rayon */
    font-family: Verdana;
    font-size: 10px;
    line-height: 9px;
    text-align: justify;
    }

    /*affichage derniers messages*/
    .dernsujethunter { => by .Hunter
    padding: 5px; /*espace entre le texte et la bordure*/
    margin: 5px; /*espace entre le bord et la bordure*/
    border: 5px dashed #850c0c; /* bordure */
    -moz-border-radius-topleft: 5px; /*arrondir l'angle gauche du haut*/
    -moz-border-radius-bottomright: 5px; /*arrondir l'angle droit du bas*/
    text-align: center;
    }

    Voilà, ce tutoriel est terminé.
    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 Hunti10
    Malizia.
    Malizia.
    FémininAge : 23Messages : 90

    le Sam 15 Juin 2013 - 16:31

    Thanks ! ♥
    Opaline
    Opaline
    FémininAge : 19Messages : 86

    le Dim 16 Juin 2013 - 22:06

    Mercii :3



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 140502022634448028
    Anonymous
    Invité

    le Dim 16 Juin 2013 - 23:41

    Maarchi ♥
    Anonymous
    Invité

    le Dim 16 Juin 2013 - 23:50

    @Justeen a écrit:Merci ! :) Je vais tenter ! Edit je n'arrive pas :/ Sa me marque que sa comporte des erreurs ..
    C'est pareil pour moi :/
    Okhmhaka
    Okhmhaka
    FémininAge : 34Messages : 31851

    le Lun 17 Juin 2013 - 0:18

    Il ne faut pas d'accent dans les noms des "class", c'est peut-être ce qui vous mets l'erreur dans le css.



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 Unchai10
    Nezumi
    Nezumi
    MasculinAge : 29Messages : 16

    le Lun 17 Juin 2013 - 11:53

    Merci :)
    veroniique
    veroniique
    FémininAge : 23Messages : 19

    le Mer 19 Juin 2013 - 20:22

    merci
    Kiwi SuperStar
    Kiwi SuperStar
    FémininAge : 27Messages : 88

    le Jeu 20 Juin 2013 - 20:45

    J'ai envie de tester Very Happy
    Je peux ? :p

    Merci Very Happy
    Edana
    Edana
    FémininAge : 28Messages : 173

    le Jeu 20 Juin 2013 - 20:56

    Merci! =D
    Lakxi
    Lakxi
    FémininAge : 26Messages : 40

    le Jeu 20 Juin 2013 - 22:50

    merci !
    Stiou
    Stiou
    FémininAge : 25Messages : 42

    le Ven 21 Juin 2013 - 17:24

    Merci beaucoup pour le tuto ♥



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 Dany12
    Budapest
    Budapest
    FémininAge : 19Messages : 46

    le Sam 22 Juin 2013 - 14:24

    Merci!



    Tortue
    Tortue
    MasculinAge : 22Messages : 33

    le Sam 22 Juin 2013 - 19:18

    Un grand merci :)
    Ryoma
    Ryoma
    MasculinAge : 31Messages : 420

    le Lun 24 Juin 2013 - 12:19

    Merci beaucoup !
    petit lu
    petit lu
    FémininAge : 27Messages : 184

    le Lun 24 Juin 2013 - 15:12

    Merci beaucoup du partage
    Kane--
    Kane--
    FémininAge : 25Messages : 16

    le Ven 28 Juin 2013 - 13:14

    Merci
    Snop5
    Snop5
    MasculinAge : 28Messages : 31

    le Ven 28 Juin 2013 - 14:17

    merci.. :)
    Katerinata
    Katerinata
    FémininAge : 25Messages : 22

    le Ven 28 Juin 2013 - 20:45

    merci. ♥
    Screen
    Screen
    FémininAge : 27Messages : 92

    le Sam 29 Juin 2013 - 10:27

    Je vais de ce pas essayer, c'est simple et très beau !
    Merci à toi ♥
    misssrubi
    misssrubi
    FémininAge : 28Messages : 66

    le Lun 1 Juil 2013 - 0:36

    Merci Hunter, c'est exactement ce que je cherche Very Happy 



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 Green_10
    Elricka
    Elricka
    MasculinAge : 28Messages : 77

    le Lun 1 Juil 2013 - 22:51

    Arigato, jeune Padawan !
    Rosedesvents
    Rosedesvents
    FémininAge : 33Messages : 97

    le Ven 5 Juil 2013 - 13:17

    Merci :)
    Alice Margatroid
    Alice Margatroid
    FémininAge : 23Messages : 38

    le Ven 5 Juil 2013 - 16:16

    Merci beaucoup pour l'astuce :)



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 2 Icon110
    avatar
    Japan S
    MasculinAge : 29Messages : 106

    le Sam 6 Juil 2013 - 11:46

    Merci beaucoup !



    Arrow
    Shiney
    Shiney
    FémininAge : 21Messages : 26

    le Dim 7 Juil 2013 - 13:01

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Oct 2019 - 16:41