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.


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

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

    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 4 381788screen1

    Pour le changer en cela :

    Afficher le lien de dernière réponse sur une seule ligne - Page 4 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
    A.Volk
    A.Volk
    FémininAge : 33Messages : 145

    Ven 25 Avr 2014 - 15:03

    Merci beaucoup ! *-*
    Chocolakato
    Chocolakato
    FémininAge : 34Messages : 837

    Mar 29 Avr 2014 - 2:33

    merci :)



    Hisha
    Hisha
    FémininAge : 25Messages : 44

    Mar 29 Avr 2014 - 9:19

    Merci beaucouuuup ;; C'est très utile !
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Mar 29 Avr 2014 - 13:35

    Merci pour ce petit point bien pratique.

    CathyCréation
    CathyCréation
    FémininAge : 45Messages : 207

    Mer 30 Avr 2014 - 18:27

    merci
    Trych
    Trych
    FémininAge : 29Messages : 81

    Mer 30 Avr 2014 - 19:52

    merci



    Afficher le lien de dernière réponse sur une seule ligne - Page 4 Just_k10
    Dayaxa
    Dayaxa
    FémininAge : 31Messages : 60

    Mer 30 Avr 2014 - 20:55

    Merci ! Very Happy



    Bloup.
    Darkeye
    Darkeye
    FémininAge : 24Messages : 56

    Jeu 1 Mai 2014 - 12:01

    Merci beaucoup. =)



    Afficher le lien de dernière réponse sur une seule ligne - Page 4 Signan10
    CathyCréation
    CathyCréation
    FémininAge : 45Messages : 207

    Ven 2 Mai 2014 - 14:41

    MERCI
    pops44
    pops44
    MasculinAge : 31Messages : 28

    Lun 19 Mai 2014 - 23:56

    merciii
    thib56
    thib56
    MasculinAge : 29Messages : 32

    Mar 20 Mai 2014 - 12:53

    Merci.
    Petit Harfang
    Petit Harfang
    FémininAge : 24Messages : 80

    Jeu 22 Mai 2014 - 17:44

    Marchi Very Happy
    Kame-Chan
    Kame-Chan
    FémininAge : 33Messages : 53

    Jeu 22 Mai 2014 - 18:49

    merci beaucoup o/
    Alzufen
    Alzufen
    MasculinAge : 29Messages : 2103

    Sam 31 Mai 2014 - 13:44

    Merci Cap'tain, un tutoriel de plus sous le coude si besoin pour aider ou même pour moi (Cela dit, sur mon thème actuel ça servira à rien XD) :)



    alex24d
    alex24d
    FémininAge : 36Messages : 95

    Dim 8 Juin 2014 - 15:01

    Merci
    Anonymous
    Invité

    Jeu 19 Juin 2014 - 8:45

    C'est génial, merci beaucoup ^^
    Asha
    Asha
    FémininAge : 29Messages : 16

    Sam 21 Juin 2014 - 1:00

    Merci.
    Faraday
    Faraday
    FémininAge : 34Messages : 39

    Sam 5 Juil 2014 - 14:36

    Merci^^
    Equestria
    Equestria
    FémininAge : 27Messages : 118

    Jeu 10 Juil 2014 - 11:12

    merci
    Givrix
    Givrix
    MasculinAge : 27Messages : 203

    Ven 18 Juil 2014 - 18:08

    merci !



    Afficher le lien de dernière réponse sur une seule ligne - Page 4 713484123
    Fayzl4D
    Fayzl4D
    MasculinAge : 28Messages : 84

    Mar 22 Juil 2014 - 6:51

    merci
    LyN[ss]
    LyN[ss]
    FémininAge : 33Messages : 105

    Mer 23 Juil 2014 - 10:55

    Need to see it, mershi !
    Louchita
    Louchita
    FémininAge : 31Messages : 132

    Jeu 31 Juil 2014 - 17:49

    Thanks =)



    Afficher le lien de dernière réponse sur une seule ligne - Page 4 1466018025-loulousign
    Erebe
    Erebe
    FémininAge : 31Messages : 25

    Lun 4 Aoû 2014 - 0:56

    thanks
    Dagaa
    Dagaa
    FémininAge : 23Messages : 16

    Sam 9 Aoû 2014 - 15:33

    Merci c;
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 16:57