BuddyPress

I’ve got links to other social sites as profile fields… Twitter, Facebook, etc. But instead of just showing the link, I’m trying to show icons. What I’m using is:

<!--?php if ( $data = bp_get_profile_field_data( 'field=Tumblr' ) ) : ?-->
<span><a href="<!--?php echo $data ?-->"><img class="avatar" src="http://housingstorm.com/files/2011/08/tumblr.png&quot; target="_blank"></a></span>
<!--?php endif ?-->

But the icon links to:
http://housingstorm.com/gregfielding/profile/<!--?php echo $data ?-->

What am I doing wrong?

Thanks!

<ul>
<?php if (bp_get_profile_field_data('field=Twitter') === "") : ?>
<?php else:?>
<li><a rel="me" href="<?php echo bp_get_profile_field_data( 'field=Twitter' ) ?>"><img src="yourimage"></a> </li>
<?php endif;?>

</ul>

This is how I’ve done exactly this.

Thanks!

<?php $data = bp_get_profile_field_data('field=twitter'); ?>

                    <?php if(!empty($data))  >
                    <ul id="menu">
                         <li class="link">
                             <a href="<?php echo $data; ?>" title="<?php echo $data; ?>"><img src="yourimage.jpg" alt="<?php echo $data; ?>" /><!--image --></a>
                        </li>
                    </ul>
                    <?php endif; ?>

in case you want to add more then one social icon!

Hi

Just what I am looking for I think. So if I understand right I create user profile fields for Facebook, twitter and linkedin and instead of displaying the user entered link it will display the icons for each.

Next question where do and in which file do I place the suggested code?

thanks