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.

-29%
Le deal à ne pas rater :
PC portable Gamer ERAZER DEPUTY P60 – 15,6” FHD 144Hz – i7-12è ...
999.99 € 1399.99 €
Voir le deal

    [ TEMPLATE ] Supprimer message, sujet, dernier message

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

    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:

    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 10 Hunti10
    .lovely
    .lovely
    FémininAge : 26Messages : 54

    Mer 1 Oct 2014 - 11:29

    merciii
    Gerrard
    Gerrard
    MasculinAge : 33Messages : 12

    Mer 1 Oct 2014 - 18:44

    Merci
    elsa2607
    elsa2607
    FémininAge : 26Messages : 81

    Mer 1 Oct 2014 - 21:28

    Merci beaucoup



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 10 Stvale10
    Draly
    Draly
    FémininAge : 31Messages : 119

    Ven 10 Oct 2014 - 12:41

    Merci.^^
    picka234
    picka234
    FémininAge : 59Messages : 636

    Jeu 16 Oct 2014 - 15:30

    merci!!!!
    lolosmile
    lolosmile
    FémininAge : 32Messages : 37

    Jeu 16 Oct 2014 - 20:15

    je vais essayé je suis pas très doué
    Selfura
    Selfura
    MasculinAge : 32Messages : 54

    Dim 9 Nov 2014 - 21:04

    Justement c e que je cherchais =) Merci !



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 10 1420386819-sign-deathrock
    avatar
    SinoJak
    MasculinAge : 22Messages : 44

    Lun 10 Nov 2014 - 13:36

    Merci
    Trisse
    Trisse
    FémininAge : 24Messages : 36

    Mar 11 Nov 2014 - 16:09

    MERCI
    Clarisse
    Clarisse
    FémininAge : 24Messages : 3960

    Sam 6 Déc 2014 - 0:55

    Merci !
    Demily
    Demily
    FémininAge : 37Messages : 52

    Mer 10 Déc 2014 - 8:40

    Merci du partage
    missphan
    missphan
    FémininAge : 41Messages : 156

    Dim 21 Déc 2014 - 16:54

    ca va bien m'aider car je faisais que des bétises xD
    itsizoh
    itsizoh
    MasculinAge : 28Messages : 13

    Lun 22 Déc 2014 - 16:39

    merci
    Niortais
    Niortais
    MasculinAge : 39Messages : 27

    Lun 22 Déc 2014 - 18:54

    Merci je vais tester
    Anonymous
    Invité

    Lun 29 Déc 2014 - 23:07

    Very Happy
    Liberty Grim
    Liberty Grim
    FémininAge : 26Messages : 128

    Jeu 1 Jan 2015 - 14:13

    Merci ^^
    Isy
    Isy
    FémininAge : 37Messages : 27

    Mar 6 Jan 2015 - 0:52

    Hoooo merci!, c'est un calvaire pour trouver cette solution
    Kau
    Kau
    FémininAge : 22Messages : 148

    Sam 17 Jan 2015 - 20:20

    Joli merci :3
    Esperanga
    Esperanga
    FémininAge : 35Messages : 105

    Lun 2 Fév 2015 - 17:52

    merci du partage



    [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 10 Signa_10
    Sheepirl
    Sheepirl
    FémininAge : 24Messages : 28

    Mer 18 Fév 2015 - 13:45

    merci :)
    Vador
    Vador
    MasculinAge : 23Messages : 64

    Jeu 26 Fév 2015 - 20:35

    Merci!
    Lux'Uriante
    Lux'Uriante
    FémininAge : 34Messages : 21

    Lun 9 Mar 2015 - 13:27

    je vais tester aussi Wink
    meolyne
    meolyne
    FémininAge : 40Messages : 74

    Jeu 12 Mar 2015 - 16:37

    Merci à toi :)
    Isiiis
    Isiiis
    FémininAge : 30Messages : 39

    Sam 14 Mar 2015 - 12:38

    Je vais essayer aussi tiens.
    C'est un beau code, merci du partage [ TEMPLATE ] Supprimer message, sujet, dernier message - Page 10 22235610
    Yogi Nakagawa
    Yogi Nakagawa
    MasculinAge : 23Messages : 94

    Dim 22 Mar 2015 - 6:02

    Merciiii
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 23:03