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.


    Afficher le lien de dernière réponse sur une seule ligne

    Sparrow-style
    Sparrow-style
    FémininAge : 35Messages : 32055

    le Jeu 29 Aoû 2013 - 23:38

    Rappel du premier message :



    Bonjour, bonsoir !

    Dans ce tutoriel très rapide et très simple je vous propose une variante de ce tutoriel rédigé par Taktiik en l'adaptant à un autre changement de mise en forme sur lequel il n'est pas possible d'agir autrement qu'avec du javascript ou, dans le cas présent, du JQuery.
    Il s'agit de l'affichage du lien de dernière réponse, c'est à dire traditionnellement ceci :

    Afficher le lien de dernière réponse sur une seule ligne - Page 5 381788screen1

    Pour le changer en cela :

    Afficher le lien de dernière réponse sur une seule ligne - Page 5 692940screen2

    Le contenu n'est pas sous balide hide (explications), mais n'hésitez pas à remercier son auteur , et en cas d'utilisation un crédit à Never-Utopia serait sympa Wink.


    Pour l'explication, la variable qui affiche ces informations de dernier message est unique, et il n'est donc pas possible d'en isoler les éléments de date, titre et auteur. Ils se mettent automatiquement à la ligne.
    Nous allons donc simplement utiliser le JQuery, identique à celui de la mise à la ligne des sous-forum, pour changer le code de retour à la ligne (br) en un "rien du tout" x).

    Voici la fameuse variable qui correspond à votre "dernier message" :

    Code:
    {catrow.forumrow.LAST_POST}
    Généralement, cette mise en forme en une ligne sera judicieuse si vous avez modifié le reste, si vous voulez gagner de la place par exemple, ou bien mettre cet élément juste en dessous d'un autre (icône par exemple, ou le titre lui-même, pourquoi pas). Votre élément est donc déjà posé seul quelque part. Voici comment l'afficher.
    Mettez le code suivant :

    Code:
    <div class="last_mess"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div>
    <script type="text/javascript">
    jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');
      </script>
    Une petite explication s'impose :
    1) Votre "bloc" de dernier message pourra être personnalisé en utilisant la class "last_mess", par exemple de la façon suivante :

    Code:
    .last_mess
    {
    background: white;
    padding: 2px;
    border-top: 1px solid grey;
    color: black;
    text-align: center;
    }
    2) L'id "#last" est utilisée uniquement par le JQuery, car on lui dit en gros "identifie l'élément ayant l'id "#last" puis remplace dans cet élément ... (+ la consigne).

    3) Dans mon cas je ne me suis pas contenté de remplacer le "br" par un vide, sinon la date, le titre et l'auteur étaient collés l'un à côté de l'autre, sans espacement. J'ai donc remplacé le "br" (retour à la ligne) par un "span" à qui j'ai directement donné des propriétés css, et qui contient un tiret "-" qui sert de séparation entre les infos.
    Code:
    <span style="display: inline-block; padding: 0 2px;">-</span>
    Vous pouvez remplacer le tiret par autre chose, un symbole, une image... sachez juste qu'il se répètera, puisque présent deux fois : entre le titre et la date, puis la date et l'auteur. Le css est directement à l'intérieur, par l'attribut "style", et dans mon cas il sert à mettre une petite marge de part à d'autre du tiret.

    Voilà, je pense avoir donné toutes les infos nécessaires pour utiliser ce petit code. Amusez-vous bien Wink

    Si vous avez des problèmes avec ce LS, venez poster ici.



    sign
    Layla4
    Layla4
    FémininAge : 21Messages : 149

    le Sam 9 Aoû 2014 - 17:42

    Merci !
    Saya Akimoto
    Saya Akimoto
    FémininAge : 34Messages : 130

    le Ven 15 Aoû 2014 - 20:16

    Cool ! Je veux aussi savoir comme tout le monde.
    Merci



    Afficher le lien de dernière réponse sur une seule ligne - Page 5 Signat11
    Naemesys
    Naemesys
    FémininAge : 26Messages : 312

    le Dim 5 Oct 2014 - 4:49

    merci ♥





    Noruenu
    Noruenu
    FémininAge : 27Messages : 123

    le Lun 6 Oct 2014 - 22:07

      Merci ! :hug:
    Anonymous
    Invité

    le Jeu 16 Oct 2014 - 10:52

    Merci !
    Selmacke
    Selmacke
    FémininAge : 30Messages : 100

    le Jeu 16 Oct 2014 - 20:02

    C'est super merci !
    Llariarith
    Llariarith
    FémininAge : 35Messages : 217

    le Sam 18 Oct 2014 - 12:56

    Super ! Merci ! jack1
    Nonze
    Nonze
    MasculinAge : 27Messages : 85

    le Dim 26 Oct 2014 - 22:46

    Merci
    skyfighter
    skyfighter
    MasculinAge : 37Messages : 352

    le Lun 27 Oct 2014 - 16:01

    merci




    Afficher le lien de dernière réponse sur une seule ligne - Page 5 Signat10
    avatar
    Catblack
    FémininAge : 24Messages : 85

    le Ven 31 Oct 2014 - 18:50

    merci
    Zuiichi
    Zuiichi
    MasculinAge : 27Messages : 122

    le Sam 1 Nov 2014 - 22:25

    Merci



    Afficher le lien de dernière réponse sur une seule ligne - Page 5 Zuii
    *-Atlas-*
    *-Atlas-*
    MasculinAge : 31Messages : 138

    le Lun 3 Nov 2014 - 20:55

    merci



    Afficher le lien de dernière réponse sur une seule ligne - Page 5 539522Atlasnewban
    Amera
    Amera
    FémininAge : 28Messages : 67

    le Lun 3 Nov 2014 - 23:13

    Merci beaucoup !



    Afficher le lien de dernière réponse sur une seule ligne - Page 5 734690sign1
    Susan Storm
    Susan Storm
    FémininAge : 40Messages : 78

    le Sam 8 Nov 2014 - 15:20

    Mercii ! Very Happy
    Fangs
    Fangs
    MasculinAge : 102Messages : 91

    le Dim 9 Nov 2014 - 1:23

    merci beaucoup :)
    Saia
    Saia
    FémininAge : 25Messages : 195

    le Lun 10 Nov 2014 - 12:52

    Merci!!! *o*



    Afficher le lien de dernière réponse sur une seule ligne - Page 5 Finit10
    Tropik
    Tropik
    MasculinAge : 26Messages : 58

    le Mer 12 Nov 2014 - 13:17

    Justement ce que je cherchais, merci beaucoup :love:




    lovedesign

    Wilster
    Wilster
    FémininAge : 25Messages : 31

    le Jeu 13 Nov 2014 - 16:10

    Thanks
    Xenala
    Xenala
    FémininAge : 37Messages : 28

    le Sam 15 Nov 2014 - 12:15

    Merci c'est ce que je cherchais désespérément à faire ^^
    The One Pandemonium
    The One Pandemonium
    FémininAge : 27Messages : 97

    le Mar 18 Nov 2014 - 16:08

    Merci!



    « Une oeuvre d’art, c’est un monceau de cicatrices. »
    Afficher le lien de dernière réponse sur une seule ligne - Page 5 1416253868-ladycrowcoupe
    Anonymous
    Invité

    le Ven 21 Nov 2014 - 21:07

    Merci ♥
    SEVAN
    SEVAN
    FémininAge : 28Messages : 46

    le Ven 21 Nov 2014 - 22:57

    merci :)
    Oror
    Oror
    FémininAge : 30Messages : 95

    le Lun 1 Déc 2014 - 12:49

    merci =)



    Afficher le lien de dernière réponse sur une seule ligne - Page 5 351490minion
    Amaluna
    Amaluna
    FémininAge : 29Messages : 103

    le Mer 10 Déc 2014 - 22:39

    J'aime beaucoup l'effet !!
    Merci du partage
    Solitude
    Solitude
    FémininAge : 45Messages : 290

    le Sam 13 Déc 2014 - 15:45

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Afficher le lien de dernière réponse sur une seule ligne - Page 5 Sign510
    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Sep 2020 - 18:32