Circle Avatars for specific users.

Go down

Solved Circle Avatars for specific users.

Post by Dazo on Fri 22 Jan - 2:24

So, what I want to do, is I want to try to take this beautiful CSS and try to make it user specific.
Code:
#main-content > div.post .postprofile dt a img, .postprofile dt > img:first-child {
  background:#382a2a;
  height:100px;
  width:100px;
  border-radius:100px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:3px;
}
I think I have to use
Code:
a[href="/u1"]
, but I dunno where. So help would be appreciated. BTW forum version is Phpbb3.


Last edited by Dazo on Fri 22 Jan - 11:52; edited 1 time in total

Dazo
New Member

Posts : 22
Reputation : 1
Language : English

http://alphaknightacademy.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars for specific users.

Post by 10spetter10 on Fri 22 Jan - 4:34

This code is to edit the avatar in the posts right? The first part when you are logged in and the second as guest?

I think it would be easier to sort on a certain image instead of sorting the link, because as guest there is no link. So try this code:

Code:
#main-content > div.post .postprofile dt a img[src="http://r12.imgfast.net/users/1213/31/81/74/avatars/1-87.png"], .postprofile dt > img[src="http://r12.imgfast.net/users/1213/31/81/74/avatars/1-87.png"]:first-child {
  background: #382a2a;
  height: 100px;
  width: 100px;
  border-radius: 100px;
  box-shadow :0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding: 3px;
}
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Solved Re: Circle Avatars for specific users.

Post by Dazo on Fri 22 Jan - 5:08

This really isn't what I am looking for. Ya know how like you can give someone a glow, or a name effect, or something like that? What I am trying is allowing those who want to have a circle avatar to have a circle avatar, and those that don't want to have a circle avatar to not have a circle avatar.

Dazo
New Member

Posts : 22
Reputation : 1
Language : English

http://alphaknightacademy.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars for specific users.

Post by 10spetter10 on Fri 22 Jan - 6:53

The problem is that as guests there is no link to the profile, so it won't be the same as when you logged in.

This code should work, but only for members. Guests won't see the rounded image:
Code:
#main-content > div.post .postprofile dt a[href="/u1"] img {
  background:#382a2a;
  height:100px;
  width:100px;
  border-radius:100px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:3px;
}

But isn't this much easier to edit the avatar and crop it in a circle?
avatar
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Solved Re: Circle Avatars for specific users.

Post by Dazo on Fri 22 Jan - 11:52

(wow that was surprisingly simple) Thank chu very much! This is now considered solved, YEY!

Dazo
New Member

Posts : 22
Reputation : 1
Language : English

http://alphaknightacademy.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars for specific users.

Post by brandon_g on Fri 22 Jan - 12:10

Thanks for the help again 10spetter10 Smile.

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6869
Reputation : 630
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Back to top


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