The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Frame around avatar

View previous topic View next topic Go down

Solved Frame around avatar

Post by Amel Nuhanovic on February 3rd 2012, 6:21 pm

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 http://help.forumotion.com/t102515-brown-and-brown size about all avatars will be 100 x 150 not bigger then this.

THANKS


Last edited by Amel Nuhanovic on February 4th 2012, 1:51 am; edited 1 time in total

Amel Nuhanovic
Forumember

Male Posts : 144
Reputation : 1
Language : Bosnian
Location : Bosnia and Herzegovina

Back to top Go down

Solved Re: Frame around avatar

Post by *Mare-SBK™* on February 3rd 2012, 10:35 pm

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™*
Forumember

Male Posts : 181
Reputation : 16
Language : Serbian, English, German

http://design4u.forumsr.com/

Back to top Go down

Solved Re: Frame around avatar

Post by Guest on February 3rd 2012, 10:40 pm

@*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;

Guest
Guest


Back to top Go down

Solved Re: Frame around avatar

Post by LGforum on February 4th 2012, 12:04 am

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 Razz

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Frame around avatar

Post by Amel Nuhanovic on February 4th 2012, 1:31 am

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

Amel Nuhanovic
Forumember

Male Posts : 144
Reputation : 1
Language : Bosnian
Location : Bosnia and Herzegovina

Back to top Go down

Solved Re: Frame around avatar

Post by LGforum on February 4th 2012, 1:48 am

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%;
}

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Frame around avatar

Post by Amel Nuhanovic on February 4th 2012, 1:50 am

its work thanks really

Amel Nuhanovic
Forumember

Male Posts : 144
Reputation : 1
Language : Bosnian
Location : Bosnia and Herzegovina

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum