Skip to:
Content
Pages
Categories
Search
Top
Bottom

Is there a way to display users with highest topics


  • Kikis
    Participant

    @temian

    I’m trying to display only the users avatar that’s have created much topics on the forum and Ii was thinking of there is away to do it

Viewing 14 replies - 1 through 14 (of 14 total)

  • Robin W
    Moderator

    @robin-w

    bbp topic count

    and use shortcode

    [display-top-users]


    Kikis
    Participant

    @temian

    I got an error why using your shortcode


    Robin W
    Moderator

    @robin-w

    updated this – latest version does not error


    Kikis
    Participant

    @temian

    Now that’s worked fine can you help
    I will like to display the avatar

    In display:inline and given the image rounded corners


    Kikis
    Participant

    @temian

    How can I remove there name from the image


    Robin W
    Moderator

    @robin-w

    you need to learn how to look at classes in ‘developer’ in your browser, and then you can do all this yourself.

    an example of the relevant image code is

    <div class="tc-avatar" style="float:left;border-radius: 25px;"><a class="tc-profile-link" href="http://gos.rewweb.co.uk/users/admin/"><img alt="" src="https://secure.gravatar.com/avatar/dd803ad797ee5ca256d4be78c98fb305?s=96&d=mm&r=g" srcset="https://secure.gravatar.com/avatar/dd803ad797ee5ca256d4be78c98fb305?s=192&d=mm&r=g 2x" class="avatar avatar-96 photo" width="96" height="96"></a></div>

    and the text

    <div class="tc-content" style="padding-left:50px ; top: 50%;transform: translateY(-50%);position: relative;"><a class="tc-profile-link" href="http://xxx.com/users/admin/">admin</a>303</div>


    Robin W
    Moderator

    @robin-w


    Kikis
    Participant

    @temian

    Thanks I will try and work with this and get back to you


    Robin W
    Moderator

    @robin-w

    come back when you get stuck, but please try a lot first !


    Kikis
    Participant

    @temian

    I was able to hide the name and also was able to give it a border radius

    But I was unable to make the avatars position themselves in an horizontal line


    Robin W
    Moderator

    @robin-w

    so can you give us the code so far please


    Kikis
    Participant

    @temian

    .tc-avatar img{border-radius:50%;height:50px;width:50px;}
    .tc-avatar{margin:0;padding:0px;}
    .tc-content{display:none;margin:0;padding:0;}


    Robin W
    Moderator

    @robin-w

    great – I’ve just released a new version 2.7 which has an additional class tc-user which wraps each user

    so if you add css to float tc-user left and add some padding you should be fixed


    Kikis
    Participant

    @temian

    Thanks let’s me check it out

Viewing 14 replies - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.
Skip to toolbar