1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Bigger Avatar on Postbit

Discussion in 'Resource Requests [Archive]' started by yavuz, Dec 31, 2010.

  1. yavuz

    yavuz Well-Known Member

    Lately I was asked if it were possible to make the postbit size larger. I don't remember the Xen name for postbit. The demo adress is here: here

    I searched for it here on xenforo but couldn't find a way to do that and unfortunately my css knowledge isn't very good :)


    Thank you.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Andy.N

    Andy.N Well-Known Member

    Wow, that sample postbit of huge avatar gave me pause. It probably works on gaming sites but there is way to much empty space between posts due to the avatar's size.
     
  4. anotheralias

    anotheralias Well-Known Member

    If you remove the padding and make the avatar size 124x124, you get a larger avatar that doesn't take up any more space.
     
    D.O.A. likes this.
  5. Stacy Enco

    Stacy Enco Member

  6. SchmitzIT

    SchmitzIT Well-Known Member

    Looks like the post/thread might have been deleted.
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    That thread has indeed been deleted, at the request of the author.
     
  8. Floris

    Floris Guest

    Feel free to rewrite it and publish the instructions.
     
  9. xfrocks

    xfrocks Well-Known Member

    Pretty simple: 1 template edit, 2 style property edits

    Template: message_user_info, look for:
    Code:
    <div class="avatarHolder">
    <span class="helper"></span>
    <xen:avatar user="$user" size="m" />
    <!-- slot: message_user_info_avatar -->
    </div>
    
    You can get "L" avatar with 192px width ("m" is 96px width). If you want a smaller avatar, you can use css to resize the image later. Change the size of <xen:avatar /> to "L", so it looks like below:
    Code:
    <div class="avatarHolder">
    <span class="helper"></span>
    <xen:avatar user="$user" size="L" />
    <!-- slot: message_user_info_avatar -->
    </div>
    
    Go to Style Properties > Message Layout > User Info Container put 220px into Width.

    Go to Style Properties > Message Layout > Content Container put 236px into Left under Margin (see screenshot).

    Done :D
     

    Attached Files:

    maszd, LuvMeSumZen, Amaury and 2 others like this.

Share This Page