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: 

Views: 669

Attachments:

Reply to This

Replies to This Discussion

I added the code for you but its not showing up because you let your members to customize their on profile, so you have to add this code inside the "custom box" to see the result on all profile. 

add it inside your style sheet and let me know. 

hey! I know that guy in the screenshot! LOL its my main man Soaring Eagle rocking the killer long dreadlocks! @Soaring Eagle you'd be happy to know im locking up next month! I've been rocking the afro for quite some time now lol so I've braided it to the back to get some growth going for my first twist up! I'll definitely be joining the dreadlock forum next month when i'm twisted up! 

Ha ha my hair is dread as well but not big as Soaring Eagle! he is a good friend of mine by the way! he is a good guy! 

nice bro! I'll be joining the crew pretty soon, right now I have the cornrolls straight to the back to allow my hair to grow some ;)

Good Tip! =]

Thanks Jords! 

Come and see what I have done with this! EXCELLENT!!!

http://addictapic.com/profile/administrator

THANK YOU !!!

I like your large Ningbar and Menu's

Thank you, it was definitely not easy! :) There's lots up there.. lol

Nice one Damien! 

Thank you Mat

hmm that guy looks familiar haha

RSS

Latest Activity

Larry Matthews replied to Larry Matthews's discussion 'Photos'
"www.dismyhood.com I need to enlarge images on mouseover, on the activity feeds. There is a feed for…"
30 minutes ago
Fabio replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"F A N T A S T I C !!!!! well done guys"
38 minutes ago

NC for Hire
Jen replied to Jen's discussion 'Jen's Running List - Updated 4/6/2013' in the group The Sandbox
"Hi Allison, I have a Client who needs the Search feature. Any updates? I don't see any Search…"
45 minutes ago

NC for Hire
SweetPotato replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"not consistently for all browsers, think SE tried it with mixed results. SP"
58 minutes ago
Riccardo Rossini replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"Sp, can I style also the scroll bar of the browser?"
1 hour ago
Dustin Craig replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Appreciate the tip! I probably won't add this to my current site, but it might be a nice touch…"
1 hour ago

NC for Hire
Bernard Lama replied to Alexander's discussion 'Text Ticker in Ning Bar'
"You are welcome Alex. I'm glad to help you..."
2 hours ago

NC for Hire
Bernard Lama replied to Larry Matthews's discussion 'Photos'
"Can you show me your site and point me to what exactly you want to change?"
2 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service