Add a number to the number of awards earned Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
+2
skouliki
كونان2000
6 posters

    Add a number to the number of awards earned

    كونان2000
    كونان2000
    كونان2000
    Forumember


    Male Posts : 284
    Reputation : 120
    Language : Arabic
    • Post n°1

    Add a number to the number of awards earned Empty Add a number to the number of awards earned

    Post by كونان2000 May 31st 2024, 9:14 am


    Hello everyone!
    Add a number to the highest Earned awards in the profile

    If a member receives four awards, the number will be 4
    So the number of numbers is the same as the number of prizes for each member
    Add a number to the number of awards earned 9aia10
    -------------------------------


    Having a banner above the awards  is better than nothing Very Happy



    PunBB-phpBB2-ModernBB:

    phpBB3-Invision:

    AwesomeBB:
    Save and publish Add a number to the number of awards earned 2997428975


    Installing the JavaScript
    --------------------------
    Title : as you like
    Placement : In topics
    Code:
    $(document).ready(function() {
        $('.dd_award').each(function() {
            var numberOfImages = $(this).find('.award').length;
            if (numberOfImages > 0) {
                var imageCountElement = $('<div class="award-body1">Earned awards:</div> <div class="award-body2">(' + numberOfImages + ')</div>');
                $(this).siblings('.award-body').append(imageCountElement);
            }});});
    document.write('<style type="text/css">
    .award-body {font-size: 14px;font-family: auto;font-weight: 800;color: white;background: #305431;display: flex;justify-content: center;}
    .award-body1 {padding: 3px 0;margin-left: 3px;}
    .award-body2 {padding: 3px 0;color: #FFC107;}      
    </style>');
    Don't forget to click Save
    ------------------------------------

    We hope you liked this tutorial


    You can change the background color, as well as change the number color from the CSS code in Javascript,




    Last edited by كونان2000 on September 17th 2024, 5:35 am; edited 2 times in total

    Joost, invisible_fa, YoshiGM, SarkZKalie, TonnyKamper and poesia-verses like this post

    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°2

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by skouliki May 31st 2024, 10:03 am

    A useful addition

    SarkZKalie and كونان2000 like this post

    • Back to top
    TonnyKamper
    TonnyKamper
    TonnyKamper
    Active Poster


    Female Posts : 1093
    Reputation : 80
    Language : Dutch/English
    Location : DSF Admin
    • Post n°3

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by TonnyKamper May 31st 2024, 1:39 pm

    Very nice job  salut

    SarkZKalie and كونان2000 like this post

    • Back to top
    YoshiGM
    YoshiGM
    YoshiGM
    Active Poster


    Male Posts : 1562
    Reputation : 146
    Language : Spanish & English
    Location : Mexico
    • Post n°4

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by YoshiGM May 31st 2024, 4:01 pm

    A very useful addon for the awards feature!

    Thanks and good job

    SarkZKalie and كونان2000 like this post

    • Back to top
    كونان2000
    كونان2000
    كونان2000
    Forumember


    Male Posts : 284
    Reputation : 120
    Language : Arabic
    • Post n°5

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by كونان2000 June 1st 2024, 4:14 am

    @skouliki @TonnyKamper @YoshiGM
    I am very happy with all your kind comments

    thank you all ouou

    skouliki, SarkZKalie, TonnyKamper and poesia-verses like this post

    • Back to top
    Joost
    Joost
    Joost
    Active Poster


    Male Posts : 1406
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands
    • Post n°6

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by Joost June 1st 2024, 10:20 am

    Great, many thanks! Smile

    SarkZKalie and كونان2000 like this post

    • Back to top
    Obscure
    Obscure
    Obscure
    Forumember


    Female Posts : 60
    Reputation : 12
    Language : English
    Location : USA
    • Post n°7

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by Obscure June 2nd 2024, 12:36 am

    I love this addition! Thank you!

    كونان2000 likes this post

    • Back to top
    كونان2000
    كونان2000
    كونان2000
    Forumember


    Male Posts : 284
    Reputation : 120
    Language : Arabic
    • Post n°8

    Add a number to the number of awards earned Empty Re: Add a number to the number of awards earned

    Post by كونان2000 June 2nd 2024, 2:30 am

    @Joost @Obscure
    thanks ^^

    I'm glad you all liked addition ouou

    Obscure likes this post

    • Back to top