(Trying to) design a clean/smooth style for our site

[findingpeace]

Hi everyone,

I'm not a web designer so I just wanted to seek some feedback on what I've done so far, from a stylistic perspective.

vBulletin.org has been the greatest step in building our community - so I just wanted to say a big thank you to the mod developers who share their skills here.

Peace

[vimarc]

Very nice clean and simple style. which mod you have used to show avatar on home page..

[findingpeace]

Thanks!

Open up forumhome_lastpostby template.

Find <vb:if condition="$show['lastpostinfo']"> (it's the first line)

After, put this:
<div class="lastguy">
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}}#post{vb:raw lastpostinfo.lastpostid}"><div class="with-bg-size">
<div class="with-bg-size" style="background-image: url('{vb:raw vboptions.bburl}/image.php?{vb:raw session.sessionurl}u={vb:raw lastpostinfo.lastposterid}&amp;type=thumb&amp;quality=100' );" alt="Avatar"></div></div></a>

In additional.css, put this anywhere:


.lastguy {
padding-top: 6px;
}


.with-bg-size
{

background-image: url('images/noav.png');
width: 50px;
height: 50px;
background-position: center;

-moz-border-radius: 4px;
border-radius: 4px;

/* Make the background image cover the area of the <div>, and clip the excess */
background-size: cover;
float:left;margin-right:10px;
}


You will need to modify images/noav.png to an image on your server.

Let me know if this works out!

[vimarc]

Hi

It is working but showing only one image instead of members avatars..

[findingpeace]

Hmm, for testing purposes, could you try removing the background-image: url('images/noav.png') line from the CSS? (NOT the lastpostby template!)

--------------- Added 1362656865 at 1362656865 ---------------

You can also remove my code and try another method here:

https://vborg.vbsupport.ru/showthread.php?t=266326

I just liked the rounded edges and default no-av icon

[vimarc]

I tried both not working

[findingpeace]

We've made some changes to the CMS (Library) and Postbit. Any feedback would be greatly appreciated!

Changes: Popular Articles Widget, new Likes format, all avatars equally sized with CSS

Thanks!

[scdurwood]

Maybe use the dove silhouette as your status icons?

[findingpeace]

Maybe use the dove silhouette as your status icons?

Oh, I love that idea!!

[scdurwood]

Oh, I love that idea!!
something like the attachments....

[findingpeace]

something like the attachments....

Woah!!! Those are perfect - thank you so much! Uploading this afternoon :)