Create catchy profile information for your members

[Mat]

When someone view someone els profile, the first thing they wanna see is that person information.

so we going to add arrow and star on the list,

then make the profile image stand little bit. 

Here is a screenshot: 

You can use your own star or arrow image: 

Here is the code:

.module_about_user .xg_module_body dl {
background-image:url(http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/apps/gnom...) ;
background-repeat:no-repeat;
background-position:top left;
padding-left:22px;
vertical-align:middle;
}

.member_detail li{
background-image:url(http://cdn1.iconfinder.com/data/icons/lullacons/arrow-single-right-...) ;
background-repeat:no-repeat;
background-position:top left;
padding-left:22px;
vertical-align:middle;
}

.xg_widget_profiles_profile .xg_3col .xg_1col img.photo{background-position:center center; background-repeat:no-repeat; z-index:0;-webkit-box-shadow: 0px -3px 8px rgba(0,0,0,.85); -webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, color-stop(1,rgba(0,0,0,0)), to(rgba(0,0,0,.5))); border: 5px #fff solid; '}

 

 

Have a nice day!

 I even attached the full code for you: 

[Mat]

Lol thats my best friend 

[Annika Brandt]

I can't get this code to work - www.svepla.com

[Mat]

Did you copied the full code from the attached file? if you let your members to customize their profile then you have to put this code inside the "custom box" by using a tag <style>

[Annika Brandt]

I stil don't get it...

[Annika Brandt]

aaa... now.. i got it to work..