Display Users - Horizontally

The Dolphin 7.1.x users can view vertically. As for me, it was better horizontally (like in Dolphin 7.0.9)

How to set on the home page to show users horizontally?

Download Full Width Columns in market... it's free

Then, change default.css   In   template/base/css

1. width: 200px;

 Thanks for reply. I have this module and when I put in the full width users block nothing changes. Users still displays verically. In default.css I don`t have this:

 maybe another ideas? or I do something wrong?

This is the mod to show your member block horizontally.

Things that this mod is using:

Full width column mod

Page width of 1140

Settings-> advanced settings-> profilesNumber of Top Members per page:14 - or use 28, 42,56...ect

You are going to be changing the css in your template/css/common.css

The code your looking for starts at  /* Thumbs in normal view */ around line 54

and ends around line 131 just above /* * * * MsgBox * * * */

To make things simple, here is the modified code that is in between them lines:

/* Thumbs in normal view */

div.thumbnail_block {
    width:64px;
    height:85px;
    overflow:hidden;   
}

div.thumbnail_block_with_info {
    width:77px;
}

div.thumbnail_block_icon {
    width:32px;
    height:32px;
}

div.thumbnail_image {
    position:relative;
    float:left;
    width:64px;
    height:64px;
}
div.thumbnail_image img.thumbnail_image_file,
div.thumbnail_image img.thumbnail_image_file2 {
    width:64px;
    height:64px;

    background-position:center;
    background-repeat:no-repeat;
    background-color: #EDEDED;
}

div.thumbnail_image_couple img.thumbnail_image_file {
    width:32px;
    float:right;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}

div.thumbnail_image_couple img.thumbnail_image_file2 {
    width:32px;
    float:right;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

div.thumbnail_block_icon img.thumbnail_image_file,
div.thumbnail_block_icon div.thumbnail_image {
    width:32px;
    height:32px;
}

.sys-online-offline {
    position:absolute !important;
    min-width:0 !important;
    min-height:0 !important;
    right: 3px !important;
    bottom: 1px !important;
    font-size:9px !important;
    text-shadow:1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff !important;
}
.sys-online-offline.sys-status-offline {
    display:none  !important;
}

.thumb_username {
    text-align:center;
    width:64px;
    padding:5px opx 0px 10px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.thumb_username i {
    font-style:normal;
}

Compare your code with this and make changes or delete your code and paste the above code in.

Now if you have a full width column on the main page, drag your members block into it and see if it looks ok.

After doing this, I get this result:

Not sure if this is what you were looking to do, but maybe it will help someone.

You may need to make changes to the css to make it look correct on your website.

Back up your original common.css just incase something goes wrong you can revert.

Thank you for this tutorial but it`s not work for me. I make changes in my common.css (in base and in my tmpl) , save and clean cache but not help. Why? Are there any ideas?

I was able to set the user horizontally. Here's what I did:

in -> templates/base/css/default.css

edit and add display there (in red):

.bx-def-margin-sec-top

margin-top:10px;
display: inline-block;

thank you correction is very simple.

Everything would be fine, but for me but I noticed my change in the code change also on other sites. I care only to users view horizontally.

I send the attachment as it looks now block users:

And how looks bad comments block (eg on a blog pos view) -> decreased

How can I set comments blocks to display normally? ( leaving a block of users displayed horizontally)

wow, thanks so much this is awesome. I missed this layout from 7.0.9!

One thing, is there anyway to get their gender icon in there? If there is, is there a way to place it over top their thumb or something? Or maybe is it possible to have the background of the cell blue/pink based of gender??

Thanks though, this is a wonderful improvement.

any thoughts on how to change male/female to their respective gender icons?

nevermind. I changed these lang keys to have img instead:

 _female (System)

 _male (System)

Hope they don't cause weirdness elsewhere.