How to style the avatars in the discussions

vrijvlinder

This a fun thing to do for everyone who wants to style their avatars.

This one makes them totally round

img.ProfilePhotoMedium{
width:50px!important;height:auto!important;
border-radius:40px;border:0px solid transparent!important;
-webkit-border-radius: 40px!important;
  -moz-border-radius: 40px!important;
border-top-left-radius: 40px!important;
  -webkit-border-top-left-radius: 40px!important;
  -moz-border-radius-topleft: 40px!important;
  border-top-right-radius: 40px!important;
  -webkit-border-top-right-radius: 40px!important;
  -moz-border-radius-topright: 40px!important;
box-shadow:4px 4px 4px 4px#333!important;
}

This one makes them square when you mouse over

img.ProfilePhotoMedium:hover {
border-radius:3px;
-webkit-border-radius: 3px!important;
  -moz-border-radius: 3px!important;
border-top-left-radius: 3px!important;
  -webkit-border-top-left-radius: 3px!important;
  -moz-border-radius-topleft: 3px!important;
  border-top-right-radius: 3px!important;
  -webkit-border-top-right-radius: 3px!important;
  -moz-border-radius-topright: 3px!important;
}

Kistlak

how can I do this ??

peregrine

@Kistlak said:
how can I do this ??

that could be done by adding to custom.css

and the next questions you think you might ask can be answered via

http://vanillaforums.org/discussion/19915/deploying-a-new-forum-and-adding-a-theme-for-everyone

and searching the forum for custom.css and looking at the wiki and documentation,

http://vanillaforums.org/discussion/comment/170756/#Comment_170756

http://vanillawiki.homebrewforums.net/index.php/Main_Page

Kistlak

@peregrine - Ok , Thank U Bro !!