(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 [DATE]1362656865[/DATE] at [TIME]1362656865[/TIME] ---------------

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]

Originally Posted by scdurwood

Maybe use the dove silhouette as your status icons?

Oh, I love that idea!!

[scdurwood]

Originally Posted by findingpeace

Oh, I love that idea!!

something like the attachments....