[Tip] Simple Avatar Box

[Tip] Simple Avatar Box Started by ahrasis · January 09, 2015, 04:42:13 am · Read 4045 times 0 Members and 1 Guest are viewing this topic. previous topic - next topic

[Tip] Simple Avatar Box

January 09, 2015, 04:42:13 am

This is just a simple avatar box tip. I post it here since I don't see any place better than this for the time being.

You just need to add this css code to either index.css or variant css.

Code: [Select]

.board_avatar .avatar, #basicinfo .avatar {
	border: 1px solid #ddd;
	padding: 4px;
	background: #fff;
}

I prefer a white background for avatar, but you may change or remove it to suit your theme.

And that is it.

Re: [Tip] Simple Avatar Box

Reply #1 – January 09, 2015, 07:26:14 am

Quote from: ahrasis – January 09, 2015, 04:42:13 amYou just need to add this css code to either index.css or variant css.

Or even better custom.css!

Re: [Tip] Simple Avatar Box

Reply #2 – January 09, 2015, 07:34:49 am

And I totally forget about that.

Anyway, this can easily be extended to the display / pm page as well. I even add max-width to it as I don't want avatar to be too big in display / pm page.