Hat Santa in username

[MarkFL]

Originally Posted by Manoel J?nior

These you have commented was excellent !!

Okay...I uploaded the image to "images/misc" and then in the "additional.css" template, added:

.username_container .username::before, .member_username::before, .member_blockrow .floatleft .username::before, .postbithead .username::before {
	content: url("images/misc/username_hat.png");
	position: relative;
	top: -3px;
	left: 18px;
	margin-left: -18px;
}

This will put the hat on names in social groups too. Let me know how that works for you.

[Manoel J?nior]

Thank you friend, it was really cool !!!

I'll have to get a picture in which the hat do a little curca because the way it is for those who have the name started capitalized overrides the hat the letter of the first name.

Thank you!!!

[MarkFL]

Originally Posted by Manoel J?nior

Thank you friend, it was really cool !!!

I'll have to get a picture in which the hat do a little curca because the way it is for those who have the name started capitalized overrides the hat the letter of the first name.

Thank you!!!

On my local dev site, it sits right on top of the uppercase first letter of a username:



If you need to move the image up though, adjust the "top" attribute of the CSS selector I posted. For example, to move it 2px further up, change the value from "-3px" to "-5px"...if you want to post a link to your site (to a page where a name is being obscured), then I can determine the value you need by editing the page HTML with Firebug.

[Stratis]

Here a test by me, with an other image that has angle to the left side.
Attachment 153844

I added code according to Marks code:

/***** Santa's hat *****/
.username_container .username::before, .member_username::before, .member_blockrow .floatleft .username::before, .postbithead .username::before {
	content: url("images/misc/username_hat3.png");
	position: relative;
	top: -3px;
	left: 12px;
	margin-left: -12px;
}

Attachment 153845

[shimei]

Any idea how to get this to work with VB5? Should I start a new thread under VB5 programming? If so, could someone help out?

[MarkFL]

Originally Posted by shimei

Any idea how to get this to work with VB5? Should I start a new thread under VB5 programming? If so, could someone help out?

All that would really need to be done is to replace the class names with the appropriate vB5 counterparts. If you would like for me to do this at your site, please PM me the following:

• Link to your site
• Admin login credentials
• Path to image file.

I would be able to get to this tonight.

[shimei]

Thanks Mark!