Simple and great module especially for community-based sites!

It would also be nice to display the user avatar before the username.... and the admin has a choice of showing the pics/avatars on the block and/or page. :-)

Comments

drupalnesia’s picture

drupalnesia commented

Ok. Now avatar displayed on the page. There's "show avatar" option now on the setting page.

But for displaying avatar on the block, I have no idea how we must display it. I mean, I can provide avatar on the block but don't know which format is suitable. Maybe we displayed like this:

a. Andreas (7) Avatar_Pic
b. Avatar_Pic Andreas (7)
c. Andreas (7)
Avatar_Pic

Any idea which format is better? a, b or c? Or maybe you have another idea?
If you can make a picture of the block format please email me: support@drupal-id.com

JohnNoc-old’s picture

JohnNoc-old commented

hmmm... thanks for responding to the feature request!!!!

a. Andreas (7) Avatar_Pic
b. Avatar_Pic Andreas (7)
c. Andreas (7)
Avatar_Pic

i think these formats will not show well in a block because probably most admins/users place 80% of their blocks as side-blocks....meaning 'limited width space'. Avatar pics are normally from 85 to 128px then the name and the number of blogs will just break to the next line.

what do you think of putting items into divs and then a br like...
<div style="border-bottom:1px dotted #888;margin-bottom:1em">picture<br />name (#of entries)</div><br />

or of course use a css class so admins can just add it to their css and format it themselves....
<div class="bloggersblock">picture<br />name (#of entries)</div><br />
and then they append to style.css....
.bloggersblock {margin-bottom: 1em;border-bottom:1px dotted #888}

so admins can choose to align items, borders, backgrounds, etc.....

-------------------------------------

or.....
<div class="bloggers-block-item bloggers-block-icon"><a href="link2profile"><span style="display:block;"> <img title="" src="picsource" alt="" /><br />Name (# of blog items</span></a></div>

with css...

.blogger{clear:both;overflow:auto}
div.bloggers-block-item{float:left;margin:1em;width:90px;padding:.1em;}
.bloggers-block-icon{width:60px;height:90px}
.bloggers-block-icon div img{width:48px;height:48px}
.bloggers-block-item a{font-size:.9em}

so if the block is wide then it will have more content in a line :-)

john

JohnNoc-old’s picture

JohnNoc-old commented

oops....the last css above shows only avatars in 48pixels...!

.blogger{clear:both;overflow:auto}
div.bloggers-block-item{float:left;margin:1em;width:100px;padding:.1em;}
.bloggers-block-icon{width:100px;height:100px}
.bloggers-block-icon div img{width:85px;height:85px}
.bloggers-block-item a{font-size:.9em}
drupalnesia’s picture

drupalnesia commented

nice trick. i just upload new revision, the current version supports option to set avatar width and height.
css is very good but overkill for general users. I will include the css class/id in the next version. take a look on the current version.

drupalnesia’s picture

drupalnesia commented
Status: Active » Closed (fixed)

Ok.