[Xenforo] How to add icons under User Block

- Add this in HTML Value of the custom field and edit it with the appropriate values

Code:

<a href="http://www.youtube.com/user/{$valueUrl}" target="_blank"><img src="http://i.imgur.com/0lawG.png" alt="Il mio canale Youtube"/></a>

You must repeat this step for every field that u want be displayed.

Remember tu check/uncheck "Display in message"


- In message_user_info find this code and remove it

Code:

{xen:helper userFieldTitle, $fieldId}:

- Add this in EXTRA.css

Code:

.messageUserBlock .userField_facebook, .userField_twitter, .userField_Youtube, .userField_Steam, .userField_xbl, .userField_PSN
 
{
 
float: left;
 
margin-top: 12px !important;
 
margin-right: -1px !important;
 
}

change the .userField_ID with the ID of your field



the end

it's a pleasure, this is one of few things that I could do alone

Minor issue. This is an amazing guide, by the way.

1) I know the code should work, but for some reason, it is not outputting the images like it should. Is there something else I could have done wrong with the code?

sorry but I don't understand, what's your problem?
can u post a screenshot?

I fixed it by adding the float: left; inside of the userBlock.css instead of the Extra.css file.

For some reason, the images on the page where not aligning one after another. They were aligning one after another from top to bottom.

You can see the fix here now: http://www.thevideogameforum.com

Very nice, I am going to use this but extend on it to benefit my mods I sell.

Thanks for this resource Klaudius

oh, there's only need to add "!Important" at the float command
thanks for report

ps
someone edit the first post please, I can't

Good resource! thanks.