Frame around avatar

how to make a frame around avatars, for example all members have same frame at avatar (if can be in this color #333333 and with rounded edges). My forum version is phpBB2 and forum theme is this https://help.forumotion.com/t102515-brown-and-brown size about all avatars will be 100 x 150 not bigger then this.

THANKS

Try this CSS:

Code:

tr.post a img {
padding: 3px;
border: 1px solid #333333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

*Mare-SBK™* wrote:Try this CSS:

Code:

tr.post a img {
padding: 3px;
border: 1px solid #333333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

This is not perfect, because all image links in a post will be like that... Reccomend to use:

Code:

tr.post td[width="150"] a img {
padding: 3px;
border: 1px solid #333333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

Why not just use:

Code:


.poster-profile>a>img {
  padding: 3px;
  border: 1px solid #333333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}


Since people might change the width. Thats a silly attirubte to check

well this work guys really thanks, but how to move now little right that frame with avatar at centar, because he is showed little at left side, i mean he little left, and if can that frame line around avatar be bigger little...ask please what you need from me i will post here about this

Try this CSS instead:

Code:


.poster-profile>a>img {
  padding: 3px;
  border: 2px solid #333333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 2px 2px 2px #888;
  margin: 3px auto;
  width: 90%;
}


its work thanks really